12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152 |
- <div class="top-row pl-4 navbar navbar-dark">
- <a class="navbar-brand" href=""><center>digital data<h4>HyperCube</h4></center></a>
- <button class="navbar-toggler" @onclick="ToggleNavMenu">
- <span class="navbar-toggler-icon"></span>
- </button>
- </div>
- <div class="@NavMenuCssClass" @onclick="ToggleNavMenu">
- <ul class="nav flex-column">
- <li class="nav-item px-3">
- <NavLink class="nav-link" href="" Match="NavLinkMatch.All">
- <span class="oi oi-home" aria-hidden="true"></span> Домой
- </NavLink>
- </li>
- <li class="nav-item px-3">
- <NavLink class="nav-link" href="docedit">
- <span class="oi oi-plus" aria-hidden="true"></span> Загрузка
- </NavLink>
- </li>
- <li class="nav-item px-3">
- <NavLink class="nav-link" href="verifying">
- <span class="oi oi-list-rich" aria-hidden="true"></span> Верификация
- </NavLink>
- </li>
- <li class="nav-item px-3">
- <NavLink class="nav-link" href="blockchains">
- <span class="oi oi-list-rich" aria-hidden="true"></span> Blockchain
- </NavLink>
- </li>
- <li class="nav-item px-3">
- <NavLink class="nav-link" href="account">
- <span class="oi oi-account-login" aria-hidden="true"></span> Личный кабинет
- </NavLink>
- </li>
- @*<li class="nav-item px-3">
- <NavLink class="nav-link" href="fetchdata">
- <span class="oi oi-list-rich" aria-hidden="true"></span> Fetch data
- </NavLink>
- </li>*@
- </ul>
- </div>
- @code {
- private bool collapseNavMenu = true;
- private string NavMenuCssClass => collapseNavMenu ? "collapse" : null;
- private void ToggleNavMenu()
- {
- collapseNavMenu = !collapseNavMenu;
- }
- }
|