diff options
Diffstat (limited to 'MatrixRoomUtils.Web/Shared/NavMenu.razor')
-rw-r--r-- | MatrixRoomUtils.Web/Shared/NavMenu.razor | 40 |
1 files changed, 40 insertions, 0 deletions
diff --git a/MatrixRoomUtils.Web/Shared/NavMenu.razor b/MatrixRoomUtils.Web/Shared/NavMenu.razor new file mode 100644 index 0000000..5b7d776 --- /dev/null +++ b/MatrixRoomUtils.Web/Shared/NavMenu.razor @@ -0,0 +1,40 @@ +<div class="top-row ps-3 navbar navbar-dark"> + <div class="container-fluid"> + <a class="navbar-brand" href="">Rory&::MatrixRoomUtils</a> + <button title="Navigation menu" class="navbar-toggler" @onclick="ToggleNavMenu"> + <span class="navbar-toggler-icon"></span> + </button> + </div> +</div> + +<div class="@NavMenuCssClass nav-scrollable" @onclick="ToggleNavMenu"> + <nav class="flex-column"> + <div class="nav-item px-3"> + <NavLink class="nav-link" href="" Match="NavLinkMatch.All"> + <span class="oi oi-home" aria-hidden="true"></span> Home + </NavLink> + </div> + <div class="nav-item px-3"> + <NavLink class="nav-link" href="export"> + <span class="oi oi-plus" aria-hidden="true"></span> Export data + </NavLink> + </div> + <div class="nav-item px-3"> + <NavLink class="nav-link" href="PolicyListEditor"> + <span class="oi oi-plus" aria-hidden="true"></span> Policy list editor + </NavLink> + </div> + </nav> +</div> + +@code { + private bool collapseNavMenu = true; + + private string? NavMenuCssClass => collapseNavMenu ? "collapse" : null; + + private void ToggleNavMenu() + { + collapseNavMenu = !collapseNavMenu; + } + +} \ No newline at end of file |