NavMenu.razor (3319B)
1 <div class="top-row ps-3 navbar navbar-dark"> 2 <div class="container-fluid"> 3 <a class="navbar-brand" href="">Rory&::MatrixRoomUtils</a> 4 <button title="Navigation menu" class="navbar-toggler" @onclick="ToggleNavMenu"> 5 <span class="navbar-toggler-icon"></span> 6 </button> 7 </div> 8 </div> 9 10 <div class="@NavMenuCssClass nav-scrollable" @onclick="ToggleNavMenu"> 11 <nav class="flex-column"> 12 <div class="nav-item px-3"> 13 <NavLink class="nav-link" href="" Match="NavLinkMatch.All"> 14 <span class="oi oi-home" aria-hidden="true"></span> Home 15 </NavLink> 16 </div> 17 <div class="nav-item px-3"> 18 <NavLink class="nav-link" href="About"> 19 <span class="oi oi-info" aria-hidden="true"></span> About MRU 20 </NavLink> 21 </div> 22 <div class="nav-item px-3"> 23 <h5 style="margin-left: 1em;">Main tools</h5> 24 <hr style="margin-bottom: 0em;"/> 25 </div> 26 <div class="nav-item px-3"> 27 <NavLink class="nav-link" href="Export"> 28 <span class="oi oi-plus" aria-hidden="true"></span> Export data 29 </NavLink> 30 </div> 31 <div class="nav-item px-3"> 32 <NavLink class="nav-link" href="RoomManager"> 33 <span class="oi oi-plus" aria-hidden="true"></span> Manage Rooms 34 </NavLink> 35 </div> 36 <div class="nav-item px-3"> 37 <NavLink class="nav-link" href="PolicyListEditor"> 38 <span class="oi oi-plus" aria-hidden="true"></span> Policy list editor 39 </NavLink> 40 </div> 41 <div class="nav-item px-3"> 42 <NavLink class="nav-link" href="RoomStateViewer"> 43 <span class="oi oi-plus" aria-hidden="true"></span> Room state viewer 44 </NavLink> 45 </div> 46 @* <div class="nav-item px-3"> *@ 47 @* <h5 style="margin-left: 1em;">Plural tools</h5> *@ 48 @* <hr style="margin-bottom: 0em;"/> *@ 49 @* </div> *@ 50 <div class="nav-item px-3"> 51 <h5 style="margin-left: 1em;">Extra tools</h5> 52 <hr style="margin-bottom: 0em;"/> 53 </div> 54 @* <div class="nav-item px-3"> *@ 55 @* <NavLink class="nav-link" href="KnownHomeserverList"> *@ 56 @* <span class="oi oi-plus" aria-hidden="true"></span> Known homeserver list *@ 57 @* </NavLink> *@ 58 @* </div> *@ 59 @* <div class="nav-item px-3"> *@ 60 @* <NavLink class="nav-link" href="MediaLocator"> *@ 61 @* <span class="oi oi-plus" aria-hidden="true"></span> Media locator *@ 62 @* </NavLink> *@ 63 @* </div> *@ 64 <div class="nav-item px-3"> 65 <h5 style="margin-left: 1em;">MRU</h5> 66 <hr style="margin-bottom: 0em;"/> 67 </div> 68 <div class="nav-item px-3"> 69 <NavLink class="nav-link" href="DevOptions"> 70 <span class="oi oi-plus" aria-hidden="true"></span> Developer options 71 </NavLink> 72 </div> 73 </nav> 74 </div> 75 76 @code { 77 private bool collapseNavMenu = true; 78 79 private string? NavMenuCssClass => collapseNavMenu ? "collapse" : null; 80 81 private void ToggleNavMenu() 82 { 83 collapseNavMenu = !collapseNavMenu; 84 } 85 86 }