add WeatherDetail and inline z-index style (not needed for instructio…

…nal commit)
JByfordRew · Apr 4, 2022 · ec36bb8 · ec36bb8
1 parent bfd0a36
commit ec36bb8
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 2 deletions.
diff --git 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
@@ -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
@@ -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>