Display the list of pizzas

kathleenwest · Oct 14, 2023 · 98b1307 · 98b1307
1 parent cdb82cd
commit 98b1307
Show file tree

Hide file tree

Showing 2 changed files with 41 additions and 0 deletions.
diff --git a/ContosoPizza/Pages/PizzaList.cshtml b/ContosoPizza/Pages/PizzaList.cshtml
@@ -1,4 +1,5 @@
 @page
+@using ContosoPizza.Models;
 @model ContosoPizza.Pages.PizzaListModel
 @{
     ViewData["Title"] = "Pizza List 🍕";
@@ -8,3 +9,31 @@
 
 <!-- New Pizza form will go here -->
 <!-- List of pizzas will go here -->
+
+<table class="table mt-5">
+    <thead>
+        <tr>
+            <th scope="col">Name</th>
+            <th scope="col">Price</th>
+            <th scope="col">Size</th>
+            <th scope="col">Gluten Free</th>
+            <th scope="col">Delete</th>
+        </tr>
+    </thead>
+    <tbody>
+        @foreach (Pizza pizza in Model.PizzaList)
+        {
+            <tr>
+                <td>@pizza.Name</td>
+                <td>@($"{pizza.Price:C}")</td>
+                <td>@pizza.Size</td>
+                <td>@(pizza.IsGlutenFree ? "✔️" : string.Empty)</td>
+                <td>
+                    <form method="post" asp-page-handler="Delete" asp-route-id="@pizza.Id">
+                        <button class="btn btn-danger">Delete</button>
+                    </form>
+                </td>
+            </tr>
+        }
+    </tbody>
+</table>
diff --git a/ContosoPizza/Pages/PizzaList.cshtml.cs b/ContosoPizza/Pages/PizzaList.cshtml.cs
@@ -1,12 +1,24 @@
 using Microsoft.AspNetCore.Mvc;
 using Microsoft.AspNetCore.Mvc.RazorPages;
+using ContosoPizza.Models;
+using ContosoPizza.Services;
 
 namespace ContosoPizza.Pages
 {
     public class PizzaListModel : PageModel
     {
+        private readonly PizzaService _service;
+        public IList<Pizza> PizzaList { get; set; } = default!;
+
+
+        public PizzaListModel(PizzaService service)
+        {
+            _service = service;
+        }
+
         public void OnGet()
         {
+            PizzaList = _service.GetPizzas();
         }
     }
 }