176 lines
6.6 KiB
Plaintext
176 lines
6.6 KiB
Plaintext
@using TIAMSharedUI.Pages.Components
|
|
@using TIAMWebApp.Shared.Application.Interfaces
|
|
@using AyCode.Interfaces.StorageHandlers
|
|
@using Microsoft.Extensions.Localization
|
|
@using Microsoft.AspNetCore.Components.Authorization
|
|
|
|
|
|
|
|
<nav class="navbar sticky-top navbar-expand-lg">
|
|
<div class="container-fluid">
|
|
<NavLink class="navbar-brand" href="/">
|
|
<img height="25" src="_content/TIAMSharedUI/images/logo_wide.png" alt="TourIam Logo" title="TourIAm Logo" />
|
|
</NavLink>
|
|
|
|
<button @onclick="ToggleNavMenu" class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="@expandNavMenu" aria-label="Toggle navigation">
|
|
<img src="_content/TIAMSharedUI/images/navbar-toggler.png" width="40" />
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
|
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
|
|
<li class="nav-item">
|
|
<!--NavLink class="nav-link" href="" Match="NavLinkMatch.All"-->
|
|
<NavLink class="nav-link" href="/">
|
|
<!--span class="oi oi-home" aria-hidden="true"></span-->
|
|
@localizer.GetString("NavMenu.Home")
|
|
</NavLink>
|
|
</li>
|
|
|
|
|
|
|
|
|
|
@{
|
|
if(enableTransfer)
|
|
{
|
|
<li class="nav-item">
|
|
<NavLink class="nav-link" href="transfer">
|
|
@localizer.GetString("NavMenu.Transfer")
|
|
</NavLink>
|
|
</li>
|
|
<li class="nav-item">
|
|
<NavLink class="nav-link" href="formulaone">
|
|
@localizer.GetString("NavMenu.FormulaOne")
|
|
</NavLink>
|
|
</li>
|
|
}
|
|
|
|
if (sessionService.IsSysAdmin)
|
|
{
|
|
<li class="nav-item">
|
|
<NavLink class="nav-link" href="swagger">
|
|
API
|
|
</NavLink>
|
|
</li>
|
|
<li class="nav-item">
|
|
<NavLink class="nav-link" href="chat">
|
|
Chat
|
|
</NavLink>
|
|
</li>
|
|
<li class="nav-item">
|
|
<NavLink class="nav-link" href="events">
|
|
@localizer.GetString("NavMenu.Events")
|
|
</NavLink>
|
|
</li>
|
|
}
|
|
|
|
if(enableLanguage)
|
|
{
|
|
|
|
<li class="nav-item dropdown">
|
|
<NavLink class="nav-link" href="settings">
|
|
@localizer.GetString("NavMenu.Settings")
|
|
</NavLink>
|
|
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
|
|
<li><a class="dropdown-item" href="#">Action</a></li>
|
|
<li><a class="dropdown-item" href="#">Another action</a></li>
|
|
<li><hr class="dropdown-divider"></li>
|
|
<li><a class="dropdown-item" href="#">Something else here</a></li>
|
|
</ul>
|
|
</li>
|
|
}
|
|
|
|
}
|
|
|
|
<li class="nav-item">
|
|
<NavLink class="nav-link" href="about">
|
|
@localizer.GetString("NavMenu.About")
|
|
</NavLink>
|
|
</li>
|
|
|
|
|
|
|
|
</ul>
|
|
<ul class="nav navbar-nav navbar-right">
|
|
@* <AuthorizeView>
|
|
<Authorized>
|
|
@if(hasProperty)
|
|
{
|
|
<li class="nav-item">
|
|
<NavLink class="nav-link" href="user/admin">
|
|
Admin
|
|
</NavLink>
|
|
</li>
|
|
<li class="nav-item">
|
|
<NavLink class="nav-link" href="user/messages">
|
|
Messages
|
|
</NavLink>
|
|
</li>
|
|
|
|
}
|
|
</Authorized>
|
|
</AuthorizeView> *@
|
|
@if(enableLogin)
|
|
{
|
|
if (!myUser && enableLogin)
|
|
{
|
|
<li class="nav-item">
|
|
<NavLink class="nav-link" href="login">
|
|
@localizer.GetString("NavMenu.Login")
|
|
</NavLink>
|
|
</li>
|
|
}
|
|
else
|
|
{
|
|
@if (true || hasProperty)
|
|
{
|
|
<li class="nav-item">
|
|
<NavLink class="nav-link" href="user/admin">
|
|
@localizer.GetString("NavMenu.Admin")
|
|
|
|
</NavLink>
|
|
</li>
|
|
}
|
|
<li class="nav-item">
|
|
<div class="btn-nav">
|
|
<NavLink class="btn btn-primary btn-small navbar-btn" href="#" @onclick="SignOut">
|
|
@localizer.GetString("NavMenu.SignOut")
|
|
</NavLink>
|
|
</div>
|
|
|
|
</li>
|
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<script>
|
|
function toggleBootstrapNavMenu(isExpanded) {
|
|
var navMenu = document.getElementById('navbarNav');
|
|
if (navMenu) {
|
|
var collapse = new bootstrap.Collapse(navMenu, {
|
|
toggle: false
|
|
});
|
|
if (isExpanded) {
|
|
collapse.show();
|
|
console.log("Show");
|
|
} else {
|
|
collapse.hide();
|
|
console.log("Hide");
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
|
|
@code {
|
|
|
|
|
|
|
|
}
|