feat(Documents) Notes/Docs page improvements and warning cleanup

IGP/Pages/Notes/NotesPage.razor

@@ -1,109 +1,71 @@
 @layout PageLayout
 
-@inject INoteService NoteService
+@inject INoteService noteService
 @implements IDisposable
 
-@page "/notes"
+@page "/notes/{href1}/{href2?}/{href3?}/{href4?}/{href5?}"
 
 
-@if (!NoteService.IsLoaded())
+@if (!noteService.IsLoaded())
 {
-    <LoadingComponent></LoadingComponent>
+    <LoadingComponent/>
 }
 else
 {
-    <LayoutMediumContentComponent>
-        <WebsiteTitleComponent>Notes</WebsiteTitleComponent>
-
-        <div class="section">
-            <div for="noteSection">Section: </div>
-            <div style="flex: 1"></div>
-            <select @oninput="OnSectionChanged" style="background-color: #36393F; width: 250px; margin-right: 16px;" name="noteSection">
-                <option value="All">All</option>
-
-            </select>
-        </div>
-
-        <div class="notesContainer">
-            @foreach (var note in NoteService.NoteModels) {
-                if (note.IsHidden) {
-                    continue;
+    <LayoutWithSidebarComponent>
+        <Sidebar>
+            <NoteNavComponent
+                Connections="noteService.NoteConnectionModels"
+                Notes="noteService.NoteContentModels"/>
+        </Sidebar>
+        <Content>
+            <PaperComponent>
+                @foreach (var note in noteService.NoteContentModels)
+                {
+                    if (!note.Href.Equals(Href))
+                    {
+                        continue;
+                    }
+                    <NoteComponent NoteContentModel="note"/>
                 }
-                if (selectedSection != "All" && note.Section != selectedSection) {
-                    continue;
-                }
-                @if (note.IsPreAlpha) {
-                    <AlertComponent Type=SeverityType.Warning>
-                        <Title>Pre Alpha</Title>
-                        <Message>This note refers to content that is in pre-alpha. It won't be accurate in future updates to IGP.</Message>
-                    </AlertComponent>
-                }
-                <PaperComponent>
-                    <div style="display: flex; flex-direction: row;">
-                        <span style="font-weight: bold; font-style:italic;">@note.Section</span>
-                        <div style="flex: 1"></div>
-                        <span style="font-weight: bold; font-style:italic;">Last Updated on @note.LastUpdated</span>
-                    </div>
-                    <div>
-                        <div id="@note.DEPRECATED_Id()" style="font-weight: bold; font-size: 1.4rem;">@note.Name</div>
-                        
-                        <div style="white-space:break-spaces;">@((MarkupString)note.Description)</div>
-                    </div>
-                </PaperComponent>
-            }
-        </div>
-    </LayoutMediumContentComponent>
-   
+            </PaperComponent>
+        </Content>
+    </LayoutWithSidebarComponent>
 }
+
 <style>
-    .section {
-        display: flex;
-        width: 500px;
-        flex-direction: row;
-        background-color: var(--paper);
-        justify-content: center;
-        padding: 24px;
-        border: 4px solid var(--paper-border);
-        box-shadow: 0px 6px var(--paper-border);
-    }
 
-    .notesContainer {
-        display: flex;
-        flex-direction: column;
-        gap: 16px;
-    }
-
-    .noteContainer {
-        padding: 24px;
-        border: 2px solid black;
-        margin: auto;
-        overflow-y: auto;
-        overflow-x: hidden;
-        background-color: var(--paper);
-    }
 </style>
 
 @code {
 
-    string selectedSection = "All";
+    [Parameter]
+    public string? Href1 { get; set; }
+
+    [Parameter]
+    public string? Href2 { get; set; }
+
+    [Parameter]
+    public string? Href3 { get; set; }
+
+    [Parameter]
+    public string? Href4 { get; set; }
+
+    [Parameter]
+    public string? Href5 { get; set; }
+
+    private string Href => Href5 ?? Href4 ?? Href3 ?? Href2 ?? Href1 ?? "";
 
     protected override void OnInitialized()
     {
-        NoteService.Subscribe(StateHasChanged);
-        
-        NoteService.Load();
+        noteService.Subscribe(StateHasChanged);
+
+        noteService.Load();
     }
-    
-    
+
     public void Dispose()
     {
-        NoteService.Unsubscribe(StateHasChanged);
-
+        noteService.Unsubscribe(StateHasChanged);
     }
-    
 
-    void OnSectionChanged(ChangeEventArgs e) {
-        selectedSection = e.Value.ToString();
-        StateHasChanged();
-    }
 }