From 9f1fecf7725439c92eba0206ac62efe272a0152b Mon Sep 17 00:00:00 2001
From: Halil ibrahim Kalkan <hi_kalkan@yahoo.com>
Date: Thu, 7 Mar 2019 11:01:03 +0300
Subject: [PATCH] Stylize the products page

---
 .../PublicWebSite.Host/Pages/Products.cshtml  |  52 ++++++++++++++----
 .../PublicWebSite.Host/Pages/Products.css     |  30 ++++++++++
 .../wwwroot/product-images/noimage.jpg        | Bin 0 -> 9672 bytes
 3 files changed, 71 insertions(+), 11 deletions(-)
 create mode 100644 samples/MicroserviceDemo/applications/PublicWebSite.Host/Pages/Products.css
 create mode 100644 samples/MicroserviceDemo/applications/PublicWebSite.Host/wwwroot/product-images/noimage.jpg

diff --git a/samples/MicroserviceDemo/applications/PublicWebSite.Host/Pages/Products.cshtml b/samples/MicroserviceDemo/applications/PublicWebSite.Host/Pages/Products.cshtml
index 9e32a2acad..8f7664dad6 100644
--- a/samples/MicroserviceDemo/applications/PublicWebSite.Host/Pages/Products.cshtml
+++ b/samples/MicroserviceDemo/applications/PublicWebSite.Host/Pages/Products.cshtml
@@ -3,20 +3,50 @@
 @using Volo.Abp.Settings
 @model PublicWebSite.Host.Pages.ProductsModel
 @inject ISettingProvider SettingProvider
-<h1>Our Products</h1>
-<ul>
-    @foreach (var product in Model.Products.Items)
+@{
+    const int columnSize = 3;
+}
+@section styles{
+    <link href="~/Pages/Products.css" rel="stylesheet" />
+}
+<h3 class="pt-5 pb-4 text-center">Our Products</h3>
+<div class="product-list">
+    @for (int i = 0; i < Math.Ceiling(Model.Products.Items.Count / (double)columnSize); i++)
     {
-        <li>
-            @if (!product.ImageName.IsNullOrEmpty())
+        <abp-row>
+            @for (int j = 0; j < columnSize; j++)
             {
-                <img src="/product-images/@product.ImageName" width="300" height="300"/>
+                <abp-column size-lg="_4" size-md="_6" size-sm="_12">
+                    @if ((i * columnSize) + j < Model.Products.Items.Count)
+                    {
+                        var product = Model.Products.Items[(i * columnSize) + j];
+                        <div class="product-list-item">
+                            @if (!product.ImageName.IsNullOrEmpty())
+                            {
+                                <img src="/product-images/@product.ImageName" />
+                            }
+                            else
+                            {
+                                <img src="/product-images/noimage.jpg" />
+                            }
+                            <div class="row mt-5">
+                                <div class="col">
+                                    <div class="product-info-box">
+                                        <h6>@product.Name</h6>
+                                        <em class="d-block text-muted">@product.Code - Stock count: @product.StockCount</em>
+                                    </div>
+                                </div>
+                                <div class="col-auto text-right text-danger">
+                                    <strong class="product-price">$@product.Price</strong>
+                                </div>
+                            </div>
+                        </div>
+                    }
+                </abp-column>
             }
-            @product.Code / @product.Name / $@product.Price <br/>
-            <i>Stock count: @product.StockCount</i>
-        </li>
+        </abp-row>
     }
-</ul>
+</div>
 
 @* An example to show how to read settings from the client side / UI *@
-<p><i>Maximum allowed page size: @await SettingProvider.GetOrNullAsync(ProductManagementSettings.MaxPageSize)</i></p>
\ No newline at end of file
+<p class="text-muted mt-5"><i>Maximum allowed page size: @await SettingProvider.GetOrNullAsync(ProductManagementSettings.MaxPageSize)</i></p>
\ No newline at end of file
diff --git a/samples/MicroserviceDemo/applications/PublicWebSite.Host/Pages/Products.css b/samples/MicroserviceDemo/applications/PublicWebSite.Host/Pages/Products.css
new file mode 100644
index 0000000000..4ce2df2f4a
--- /dev/null
+++ b/samples/MicroserviceDemo/applications/PublicWebSite.Host/Pages/Products.css
@@ -0,0 +1,30 @@
+body {
+    background-color: #f9f9f9;
+}
+
+.product-list-item {
+    background-color: #fff;
+    padding: 2em;
+    border: 1px solid #eee;
+    border-radius: 3px;
+    box-shadow: 0 0 10px rgba(0, 0, 0, .05);
+    margin-bottom: 2em;
+    transition: all .2s;
+}
+
+.product-list-item:hover {
+    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
+    cursor: pointer;
+}
+
+.product-list-item img {
+    width: 100%;
+}
+
+.product-list-item .text-muted {
+    opacity: .8
+}
+
+.product-info-box {
+    min-height: 80px;
+}
diff --git a/samples/MicroserviceDemo/applications/PublicWebSite.Host/wwwroot/product-images/noimage.jpg b/samples/MicroserviceDemo/applications/PublicWebSite.Host/wwwroot/product-images/noimage.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..4c5133c8c9b98f750b22a44530ba71e378fd0fdd
GIT binary patch
literal 9672
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

literal 0
HcmV?d00001