intro and page creation done

3 years ago · dce44a89b6
parent 90613f448c
commit dce44a89b6
6 changed files with 73 additions and 0 deletions
--- a/BlazorTp1/Pages/Episodes.razor
+++ b/BlazorTp1/Pages/Episodes.razor
@ -0,0 +1,26 @@
+@page "/episodes"
+@layout DoctorWhoLayout
+
+<body>
+    <div id="app">
+        <h2>Episodes</h2>
+
+        <ul>
+            <li>
+                <a href="https://www.bbc.co.uk/programmes/p00vfknq">
+                    <em>The Ribos Operation</em>
+                 </a>
+            </li>
+            <li>
+                <a href="https://www.bbc.co.uk/programmes/p00vfdsb">
+                    <em>The Sun Makers</em>
+                </a>
+            </li>
+            <li>
+                <a href="https://www.bbc.co.uk/programmes/p00vhc26">
+                    <em>Nightmare of Eden</em>
+                </a>
+            </li>
+        </ul>
+    </div>
+</body>
--- a/BlazorTp1/Pages/List.razor
+++ b/BlazorTp1/Pages/List.razor
@ -0,0 +1,5 @@
+ @page "/list"
+
+<h3>List</h3>
+
+
--- a/BlazorTp1/Pages/List.razor.cs
+++ b/BlazorTp1/Pages/List.razor.cs
@ -0,0 +1,6 @@
+namespace BlazorTp1.Pages
+{
+    public partial class List
+    {
+    }
+}
--- a/BlazorTp1/Shared/DoctorWhoLayout.razor
+++ b/BlazorTp1/Shared/DoctorWhoLayout.razor
@ -0,0 +1,23 @@
+@inherits LayoutComponentBase
+
+<header>
+    <h1>Doctor Who&trade; Episode Database</h1>
+</header>
+
+<nav>
+    <a href="masterlist">Master Episode List</a>
+    <a href="search">Search</a>
+    <a href="new">Add Episode</a>
+</nav>
+
+@Body
+
+<footer>
+    @TrademarkMessage
+</footer>
+
+@code {
+    public string TrademarkMessage { get; set; } = 
+        "Doctor Who is a registered trademark of the BBC. " +
+        "https://www.doctorwho.tv/";
+}
--- a/BlazorTp1/Shared/NavMenu.razor
+++ b/BlazorTp1/Shared/NavMenu.razor
@ -24,6 +24,16 @@
                <span class="oi oi-list-rich" aria-hidden="true"></span> Fetch data
            </NavLink>
        </div>
+        <div class="nav-item px-3">
+            <NavLink class="nav-link" href="list">
+                <span class="oi oi-list-rich" aria-hidden="true"></span> List
+            </NavLink>
+        </div>
+        <div class="nav-item px-3">
+            <NavLink class="nav-link" href="episodes">
+                <span class="oi oi-list-rich" aria-hidden="true"></span> Episodes   
+            </NavLink>
+        </div>
    </nav>
 </div>

--- a/BlazorTp1/wwwroot/fake-data.json
+++ b/BlazorTp1/wwwroot/fake-data.json
@ -0,0 +1,3 @@
+{
+
+}