45 lines
1.7 KiB
Plaintext
45 lines
1.7 KiB
Plaintext
<nav class="navbar navbar-expand-lg navbar-dark top-nav">
|
|
<div class="container-fluid">
|
|
<a class="navbar-brand" href="">SchemaEditor</a>
|
|
<button title="Navigation menu"
|
|
class="navbar-toggler"
|
|
type="button"
|
|
aria-expanded="@(!collapseNavMenu)"
|
|
@onclick="ToggleNavMenu">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
|
|
<div class="@NavMenuCssClass">
|
|
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
|
|
<li class="nav-item">
|
|
<NavLink class="nav-link" href="" Match="NavLinkMatch.All">
|
|
<span class="bi bi-house-door-fill-nav-menu" aria-hidden="true"></span> Home
|
|
</NavLink>
|
|
</li>
|
|
<li class="nav-item">
|
|
<NavLink class="nav-link" href="editor">
|
|
<span class="bi bi-table-view" aria-hidden="true"></span> Editor
|
|
</NavLink>
|
|
</li>
|
|
<li class="nav-item">
|
|
<NavLink class="nav-link" href="data">
|
|
<span class="bi bi-database" aria-hidden="true"></span> Data Explorer
|
|
</NavLink>
|
|
</li>
|
|
</ul>
|
|
<a class="nav-link small text-light" href="https://learn.microsoft.com/aspnet/core/" target="_blank">About</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
@code {
|
|
private bool collapseNavMenu = true;
|
|
|
|
private string NavMenuCssClass => collapseNavMenu ? "collapse navbar-collapse" : "navbar-collapse show";
|
|
|
|
private void ToggleNavMenu()
|
|
{
|
|
collapseNavMenu = !collapseNavMenu;
|
|
}
|
|
}
|