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 @@
 {
 }