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

2022-04-07 13:30:00 -04:00
parent b270453030
commit d82e60efdf
223 changed files with 4396 additions and 2861 deletions
@@ -0,0 +1,35 @@
+<div class="note">
+    <div class="noteHeader">
+        <div class="noteTitle">@NoteContentModel.Name</div>
+
+        <div class="noteDates">
+            <div class="noteDateUpdated"><b>Updated</b>: @NoteContentModel.UpdatedDate.ToString("MM/dd/yyyy")</div>
+            <div class="noteDateCreated"><b>Created</b>: @NoteContentModel.CreatedDate.ToString("MM/dd/yyyy")</div>
+        </div>
+    </div>
+    <div class="noteContent">@((MarkupString)Markdown.ToHtml(NoteContentModel.Content))</div>
+</div>
+
+<style>
+ .noteTitle {
+    font-weight: bold;
+ }
+ 
+ .noteHeader {
+    display: flex;
+    justify-content: space-between;
+ }
+ 
+ .noteDates {
+    display: flex;
+    flex-direction: column;
+ }
+ 
+</style>
+
+@code {
+
+    [Parameter]
+    public NoteContentModel NoteContentModel { get; set; } = default!;
+
+}
@@ -0,0 +1,75 @@
+@if (Note!.NoteContentModels.Count > 0)
+{
+    <div class="noteInnerNavContainer">
+        @foreach (var innerNote in Note.NoteContentModels)
+        {
+            var linkStyle = $"noteInnerNavButton inner_{Layers}";
+            <NavLink class="@linkStyle" href="@innerNote.GetNoteLink()">@innerNote.Name</NavLink>
+            <NoteInnerNavComponent Note="@innerNote" Layers="@IncrementLayers()"/>
+        }
+    </div>
+}
+
+<style>
+ 
+.noteInnerNavContainer {
+    display: flex;
+    flex-direction: column;
+}
+
+.noteInnerNavButton a {
+    color: white;
+}
+
+.noteInnerNavButton a:hover {
+    color: white;
+}
+
+.noteInnerNavButton {
+    padding: 8px;
+    margin-left: 8px;
+    color: white;
+}
+
+.noteInnerNavButton:hover {
+    
+}
+
+
+.inner_1 {
+    margin-left: 8px;
+}
+
+.inner_2 {
+    margin-left: 16px;
+}
+
+.inner_3 {
+    margin-left: 24px;
+}
+
+
+
+
+</style>
+
+@code {
+
+    [Parameter]
+    public NoteContentModel? Note { get; set; } = default!;
+
+    [Parameter]
+    public int Layers { get; set; } = 1;
+
+    public int IncrementLayers()
+    {
+        return Layers + 1;
+    }
+
+
+    private string GetLink(NoteContentModel note)
+    {
+        return $"notes/{note.Href}";
+    }
+
+}
@@ -0,0 +1,43 @@
+<div class="noteNavContainer">
+    @foreach (var note in Notes)
+    {
+        if (note.Parent == null)
+        {
+            <NavLink class="noteNavButton" href="@note.GetNoteLink()">@note.Name</NavLink>
+            <NoteInnerNavComponent Note="@note"/>
+        }
+    }
+</div>
+
+<style>
+ .noteNavContainer {
+     display: flex;
+     flex-direction: column;
+ }
+ 
+ .noteNavButton a {
+     color: white;
+ }
+ 
+ .noteNavButton a:hover {
+      color: white;
+      background-color: var(--primary-hover);
+           
+  }
+ 
+ .noteNavButton {
+     padding: 8px;
+     color: white;
+ }
+
+</style>
+
+@code {
+
+    [Parameter]
+    public List<NoteContentModel> Notes { get; set; } = default!;
+
+    [Parameter]
+    public List<NoteConnectionModel> Connections { get; set; } = default!;
+
+}