From dbeebd370a7d50163acfcfc465fd10d05e9fbcc4 Mon Sep 17 00:00:00 2001
From: syneffort <syneffort@gmail.com>
Date: Fri, 8 Mar 2024 17:38:48 +0900
Subject: [PATCH] order detail page

---
 .../Controllers/OrdersController.cs           |  15 +++
 .../BlazingPizza/Pages/Checkout.razor         |   2 +-
 .../BlazingPizza/Pages/MyOrders.razor         |   4 +-
 .../BlazingPizza/Pages/OrderDetail.razor      |  86 ++++++++++++++++++
 MyFirstBlazor/BlazingPizza/pizza.db-wal       | Bin 148352 -> 234872 bytes
 5 files changed, 104 insertions(+), 3 deletions(-)
 create mode 100644 MyFirstBlazor/BlazingPizza/Pages/OrderDetail.razor

diff --git a/MyFirstBlazor/BlazingPizza/Controllers/OrdersController.cs b/MyFirstBlazor/BlazingPizza/Controllers/OrdersController.cs
index 077bbd2..f4ca599 100644
--- a/MyFirstBlazor/BlazingPizza/Controllers/OrdersController.cs
+++ b/MyFirstBlazor/BlazingPizza/Controllers/OrdersController.cs
@@ -27,6 +27,21 @@ namespace BlazingPizza.Controllers
 			return orders.Select(o => OrderWithStatus.FromOrder(o)).ToList();
 		}
 
+		[HttpGet("{orderId}")]
+		public async Task<ActionResult<OrderWithStatus>> GetOrderWithStatus(int orderId)
+		{
+			var order = await _db.Orders
+				.Where(o => o.OrderId == orderId)
+				.Include(o => o.Pizzas).ThenInclude(p => p.Special)
+				.Include(o => o.Pizzas).ThenInclude(p => p.Toppings).ThenInclude(t => t.Topping)
+				.SingleOrDefaultAsync();
+
+			if (order == null)
+				return NotFound();
+
+			return OrderWithStatus.FromOrder(order);
+        }
+
 		[HttpPost]
 		public async Task<ActionResult<int>> PlaceOrder(Order order)
 		{
diff --git a/MyFirstBlazor/BlazingPizza/Pages/Checkout.razor b/MyFirstBlazor/BlazingPizza/Pages/Checkout.razor
index 164480d..3b67888 100644
--- a/MyFirstBlazor/BlazingPizza/Pages/Checkout.razor
+++ b/MyFirstBlazor/BlazingPizza/Pages/Checkout.razor
@@ -60,6 +60,6 @@
         var newOrderId = await response.Content.ReadFromJsonAsync<int>();
         OrderState.ResetOrder();
 
-        NavigationManager.NavigateTo("/");
+        NavigationManager.NavigateTo($"myorders/{newOrderId}");
     }
 }
diff --git a/MyFirstBlazor/BlazingPizza/Pages/MyOrders.razor b/MyFirstBlazor/BlazingPizza/Pages/MyOrders.razor
index da619f8..6fd8e27 100644
--- a/MyFirstBlazor/BlazingPizza/Pages/MyOrders.razor
+++ b/MyFirstBlazor/BlazingPizza/Pages/MyOrders.razor
@@ -11,7 +11,7 @@
         <img src="/img/pizza-slice.svg" />
         <div>Get Pizza</div>
     </NavLink>
-    <NavLink class="nav-tab" href="myorders" Match="NavLinkMatch.All">
+    <NavLink class="nav-tab" href="myorders">
         <img src="img/bike.svg" />
         <div>My orders</div>
     </NavLink>
@@ -46,7 +46,7 @@
                     @if (item.StatusText != "Delivered")
                     {
                         <div class="col flex-grow-0">
-                            <a class="btn btn-success" href="myorders/">
+                            <a class="btn btn-success" href="myorders/@item.Order.OrderId">
                                 Track >
                             </a>
                         </div>
diff --git a/MyFirstBlazor/BlazingPizza/Pages/OrderDetail.razor b/MyFirstBlazor/BlazingPizza/Pages/OrderDetail.razor
new file mode 100644
index 0000000..3e56224
--- /dev/null
+++ b/MyFirstBlazor/BlazingPizza/Pages/OrderDetail.razor
@@ -0,0 +1,86 @@
+@page "/myorders/{orderId:int}"
+@inject HttpClient HttpClient
+@inject NavigationManager NavigationManager
+
+<div class="top-bar">
+    <a class="logo" href="">
+        <img src="img/logo.svg" />
+    </a>
+
+    <NavLink class="nav-tab" href="" Match="NavLinkMatch.All">
+        <img src="/img/pizza-slice.svg" />
+        <div>Get Pizza</div>
+    </NavLink>
+    <NavLink class="nav-tab" href="myorders">
+        <img src="img/bike.svg" />
+        <div>My orders</div>
+    </NavLink>
+</div>
+
+<div class="main">
+    @if (_invalidOrder)
+    {
+        <h2>Order not found</h2>
+        <p>We're sorry but this order no longer exists.</p>
+    }
+    else if (_orderWithStatus == null)
+    {
+        <div class="track-order">
+            <div class="track-order-title">
+                <h2>
+                    <text>Loading...</text>
+                </h2>
+                <p class="ml-auto mb-0">
+                    ...
+                </p>
+            </div>
+        </div>
+    }
+    else
+    {
+        <div class="track-order">
+            <div class="track-order-title">
+                <h2>
+                    Order placed @_orderWithStatus.Order.CreatedTime.ToLongDateString()
+                </h2>
+                <p class="ml-auto mb-0">
+                    Status: <strong>@_orderWithStatus.StatusText</strong>
+                </p>
+            </div>
+            <div class="track-order-body">
+                <div class="track-order-details">
+                    @foreach (var pizza in _orderWithStatus.Order.Pizzas)
+                    {
+                        <p>
+                            <strong>
+                                @(pizza.Size)'
+                                @pizza.Special.Name
+                                (£@pizza.GetFormattedTotalPrice())
+                            </strong>
+                        </p>
+                    }
+                </div>
+            </div>
+        </div>
+    }
+</div>
+
+@code {
+    [Parameter] public int OrderId { get; set; }
+
+    OrderWithStatus _orderWithStatus;
+    bool _invalidOrder = false;
+
+    protected override async Task OnParametersSetAsync()
+    {
+        try
+        {
+            _orderWithStatus = await HttpClient.GetFromJsonAsync<OrderWithStatus>($"{NavigationManager.BaseUri}orders/{OrderId}");
+        }
+        catch (Exception ex)
+        {
+            _invalidOrder = true;
+            Console.Error.WriteLine(ex);
+        }
+    }
+}
diff --git a/MyFirstBlazor/BlazingPizza/pizza.db-wal b/MyFirstBlazor/BlazingPizza/pizza.db-wal
index 6f5d03e95fb708add5c2c87f143cf68397bd182a..4c3b1f75261ef95f47c6e48b0e786b738b21c31c 100644
GIT binary patch
delta 1534
zcmb`GYe*DP7=~wN=S<`1?z<I~nuUu?g_-R-4!cMfLyCS>novTJlvor6#flMjlaR_N
zi-;y7`cV*c6RD-7w2LfVw%W=dEX=|TD!UqGWmM<P*fP`<1?`Vzm_6tD&UxQwt2ZTl
zJmRXZ;lo08f$l5g-N~yLui4h??;GUgI8H<xhYxsxPPCm|;JyNfEXw+|PF|C5roZ#v
zTlp>T^!yMXgI82UM+#rGq^fE`g+g~GCKQIs7ltYn2Yqcmiu#d({D|ZXEv9uIy4_{+
zD>-!FEcT$1@)sh*BNC1);B$OAxnq6mSYI&RAIMX4^KydOs-^~gK~>Zn1!0x<>ck?c
zw(@En!zehwp%<_41nszkC@$a>j^O}BZiFH$gyVT$6q59=K|*<Q;&JC!_oCUO*)c^t
z=kSGI@eQ8S)%T${w9=KLsOM)0>E7)nqiT<BXxhw{Du}YBz39P9Jf(@W<1TI?O1IVj
z*rw<~RmdL_T9)12^7e+?+;)jw@ii`;-l__X{VN4UpI#v38i}W_-L-e$;Ah-<b`^qH
zJaNP*y9rL2$n+QXiKo9|M`>Z?l&_*cePT(UQEbvDM*6AY)^PL8Zz+e(S;g`6QA}s$
zW2%SP<*((bf$V@^)%<>q{B1><4{m>ouGl`lmd$da#<n8bd>v}&>@tj&okmfFxaB1C
zNmk@U^GU={HKyJ;+SDCN+Hr=3Owbjt5nYtlYUE4?5aOWCn{8%JpAvaE@BHo>w!?`=
z+cpuwIW$tjZj&(B$p|FL_)auvX33c&N+)}lj`{M@q=oxS#xt~1{obPu*Ad2J^x+Jp
z?X=S9?bxXdnpK3fLSb<ak&9=sz$8R0A|OH`4Hzm*aTR`*V%c(OLVI^lbH5alMG6-s
z+DIW8Qltf@jbAyV=;9}H?l_AS7)R$0!+MWouZ0%O4g`aKP0N-3k2xNP%^;s16NIv?
z^8I~vu~@Ufj_E?xAACX;J@y>r$S%Vki6s1!TWRY`Ji`x88c@o*mC#{v3mudkHUGsf
zNiwvsN|rU|^5?ma*0nrjTU|Ku2gz`PqUuaks^l_Izq2iCZTL;Xw9=&`O>DirZS`^A
NwwS)9Sg1DEeFwGYk`w>{

delta 13
Ucmeydim#!av!R7?3sZwL04ekZKL7v#