modify index

Author: mehmetozkaya

AspNetRunBasicRealWorld/Pages/Index.cshtml

@@ -37,6 +37,67 @@
 
 <div class="container">
     <h1 class="my-4"></h1>
+
+    <form method="get">
+        <div class="form-group">
+            <div class="input-group">
+                <input type="search" class="form-control" asp-for="SearchTerm" />
+                <span class="input-group-btn">
+                    <button class="btn btn-success">
+                        Search
+                    </button>
+                </span>
+            </div>
+        </div>
+    </form>
+
+    <div class="row">
+        @foreach (var product in Model.ProductList)
+        {
+            <div class="col-lg-4 col-sm-6 portfolio-item">
+                <div class="card h-100">
+                    <a asp-page="./Details" asp-route-productId="@product.Id"><img asp-append-version="true" class="card-img-top" src="~/images/product/@product.ImageFile" alt=""></a>
+                    <div class="card-body">
+                        <h4 class="card-title">
+                            <a asp-page="./Details" asp-route-productId="@product.Id" class="color-main">@product.Name</a>
+                        </h4>
+                        <p class="card-text">@product.Summary</p>
+                    </div>
+                    <div class="card-footer">
+                        <a asp-page="./Details" asp-route-productId="@product.Id" class="btn btn-success w-100">Go Details</a>
+                    </div>
+                </div>
+            </div>
+        }
+    </div>
+    <ul class="pagination justify-content-center">
+        <li class="page-item">
+            <a class="page-link" href="#" aria-label="Previous">
+                <span aria-hidden="true">&laquo;</span>
+                <span class="sr-only">Previous</span>
+            </a>
+        </li>
+        <li class="page-item">
+            <a class="page-link" href="#">1</a>
+        </li>
+        <li class="page-item">
+            <a class="page-link" href="#">2</a>
+        </li>
+        <li class="page-item">
+            <a class="page-link" href="#">3</a>
+        </li>
+        <li class="page-item">
+            <a class="page-link" href="#" aria-label="Next">
+                <span aria-hidden="true">&raquo;</span>
+                <span class="sr-only">Next</span>
+            </a>
+        </li>
+    </ul>
+</div>
+
+
+@*<div class="container">
+    <h1 class="my-4"></h1>
     <div class="row">
         @foreach (var category in Model.CategoryList)
         {
@@ -68,4 +129,4 @@
         </div>
     </div>
     <hr class="mb-5">
-</div>
+</div>*@

AspNetRunBasicRealWorld/Pages/Index.cshtml.cs

@@ -16,11 +16,13 @@ public IndexModel(IProductRepository productRepository)
             _productRepository = productRepository ?? throw new ArgumentNullException(nameof(productRepository));
         }
 
-        public IEnumerable<Entities.Category> CategoryList { get; set; } = new List<Entities.Category>();
+        [BindProperty(SupportsGet = true)]
+        public string SearchTerm { get; set; }
+        public IEnumerable<Entities.Product> ProductList { get; set; } = new List<Entities.Product>();
 
         public async Task<IActionResult> OnGetAsync()
         {
-            CategoryList = await _productRepository.GetCategories();
+            ProductList = await _productRepository.GetProductByNameAsync(SearchTerm);
             return Page();
         }
     }

AspNetRunBasicRealWorld/Pages/Product/Index.cshtml.cs

@@ -8,7 +8,7 @@
 
 namespace AspNetRunBasicRealWorld.Pages.Product
 {
-    [Authorize]
+    //[Authorize]
     public class IndexModel : PageModel
     {
         private readonly IProductRepository _productRepository;

AspNetRunBasicRealWorld/Pages/Shared/_Layout.cshtml

@@ -50,11 +50,11 @@
     <div class="container">
         <div class="row">
             <div class="col-md-4">
-                <p class="m-0 text-white">Copyright &copy; AspnetRun Electronics</p>
+                <p class="m-0 text-white">Copyright &copy; AspnetRun</p>
             </div>
             <div class="col-md-4">
                 <p class="m-0 text-white">Contact Info:</p>
-                <p class="m-0 text-white">Phone: 501-222-2222 <br />Address: Gungoren Esenler <br />Email: aspnetrun@outlook.com</p>
+                <p class="m-0 text-white">Phone: 501-222-2222 <br />Address: Bahcelievler Istanbul <br />Email: aspnetrun@outlook.com</p>
             </div>
             <div class="col-md-4">
                 @if (IsSectionDefined("FooterCustomize"))