From ec36bb8a34fca44b0efe0d04ac17889fddc6e855 Mon Sep 17 00:00:00 2001
From: JByfordRew <jeremybyfordrew@gmail.com>
Date: Mon, 4 Apr 2022 13:39:54 +0100
Subject: [PATCH] add WeatherDetail and inline z-index style (not needed for
 instructional commit)

---
 .../Pages/FetchData.razor                      |  3 +++
 .../Pages/WeatherDetail.razor                  | 18 ++++++++++++++++++
 .../Shared/MainLayout.razor                    |  4 ++--
 3 files changed, 23 insertions(+), 2 deletions(-)
 create mode 100644 demo/aspnetcore6.0/v4/BlazorTransitionableRouteDemoServer/Pages/WeatherDetail.razor

diff --git a/demo/aspnetcore6.0/v4/BlazorTransitionableRouteDemoServer/Pages/FetchData.razor b/demo/aspnetcore6.0/v4/BlazorTransitionableRouteDemoServer/Pages/FetchData.razor
index 90b528b..99eee63 100644
--- a/demo/aspnetcore6.0/v4/BlazorTransitionableRouteDemoServer/Pages/FetchData.razor
+++ b/demo/aspnetcore6.0/v4/BlazorTransitionableRouteDemoServer/Pages/FetchData.razor
@@ -22,16 +22,19 @@ else
                 <th>Temp. (C)</th>
                 <th>Temp. (F)</th>
                 <th>Summary</th>
+                <th>Detail</th>
             </tr>
         </thead>
         <tbody>
             @foreach (var forecast in forecasts)
             {
+                var detailUrl = $"weatherdetail/{forecast.Date.ToString("yyyy-MM-dd HH:mm:ss", System.Globalization.CultureInfo.InvariantCulture)}/{forecast.TemperatureC}/{forecast.Summary}";                
                 <tr>
                     <td>@forecast.Date.ToShortDateString()</td>
                     <td>@forecast.TemperatureC</td>
                     <td>@forecast.TemperatureF</td>
                     <td>@forecast.Summary</td>
+                    <td><NavLink href=@detailUrl>Detail</NavLink></td>
                 </tr>
             }
         </tbody>
diff --git a/demo/aspnetcore6.0/v4/BlazorTransitionableRouteDemoServer/Pages/WeatherDetail.razor b/demo/aspnetcore6.0/v4/BlazorTransitionableRouteDemoServer/Pages/WeatherDetail.razor
new file mode 100644
index 0000000..d578ac0
--- /dev/null
+++ b/demo/aspnetcore6.0/v4/BlazorTransitionableRouteDemoServer/Pages/WeatherDetail.razor
@@ -0,0 +1,18 @@
+@page  "/weatherdetail/{Date}/{Temp}/{Summary}"
+
+<h3>WeatherDetail</h3>
+
+<p>Date: @Date</p>
+<p>Temp: @Temp</p>
+<p>Summary: @Summary</p>
+
+@code {
+    [Parameter]
+    public string Date { get; set; }
+
+    [Parameter]
+    public string Temp { get; set; }
+
+    [Parameter]
+    public string Summary { get; set; }
+}
diff --git a/demo/aspnetcore6.0/v4/BlazorTransitionableRouteDemoServer/Shared/MainLayout.razor b/demo/aspnetcore6.0/v4/BlazorTransitionableRouteDemoServer/Shared/MainLayout.razor
index 108574d..e00faf1 100644
--- a/demo/aspnetcore6.0/v4/BlazorTransitionableRouteDemoServer/Shared/MainLayout.razor
+++ b/demo/aspnetcore6.0/v4/BlazorTransitionableRouteDemoServer/Shared/MainLayout.razor
@@ -3,12 +3,12 @@
 <PageTitle>BlazorTransitionableRouteDemoServer</PageTitle>
 
 <div class="page">
-    <div class="sidebar">
+    <div class="sidebar" style="z-index: 9999;">
         <NavMenu />
     </div>
 
     <main>
-        <div class="top-row px-4 auth">
+        <div class="top-row px-4 auth" style="z-index: 9999;">
             <LoginDisplay />
             <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>
         </div>