Samuele Locatelli
91 lines
3.3 KiB
Plaintext
91 lines
3.3 KiB
Plaintext
<div class="top-row ps-3 navbar navbar-dark">
|
|
<div class="container-fluid">
|
|
@if (!showText)
|
|
{
|
|
<a class="navbar-brand p-0" @onclick="() => ToggleCompress()">M <i class="fas fa-caret-square-right"></i></a>
|
|
}
|
|
else
|
|
{
|
|
<a class="navbar-brand" @onclick="() => ToggleCompress()">MP.MONO.UI <i class="fas fa-caret-square-left"></i></a>
|
|
}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="@NavMenuCssClass" @onclick="ToggleNavMenu">
|
|
<nav class="flex-column">
|
|
<div class="nav-item px-3">
|
|
<NavLink class="nav-link" href="" Match="NavLinkMatch.All">
|
|
<i class="bi bi-house-fill pe-2"></i> <span class="@hideText"> Index </span>
|
|
</NavLink>
|
|
</div>
|
|
@*<div class="nav-item px-3">
|
|
<NavLink class="nav-link" href="MachStats">
|
|
<i class="bi bi-graph-up-arrow pe-2"></i> STATS
|
|
</NavLink>
|
|
</div>*@
|
|
<div class="nav-item px-3">
|
|
<NavLink class="nav-link" href="Production">
|
|
<i class="bi bi-gear pe-2" aria-hidden="true"></i> <span class="@hideText"> PRODUCTION </span>
|
|
</NavLink>
|
|
</div>
|
|
<div class="nav-item px-3">
|
|
<NavLink class="nav-link" href="Parameters">
|
|
<i class="bi bi-list-check pe-2" aria-hidden="true"></i><span class="@hideText"> PARAMETERS </span>
|
|
</NavLink>
|
|
</div>
|
|
<div class="nav-item px-3">
|
|
<NavLink class="nav-link" href="Alarms">
|
|
<i class="bi bi-exclamation-triangle pe-2" aria-hidden="true"></i> <span class="@hideText"> ALARMS </span>
|
|
</NavLink>
|
|
</div>
|
|
<div class="nav-item px-3">
|
|
<NavLink class="nav-link" href="Maintenance">
|
|
<i class="fa-solid fa-screwdriver-wrench pe-2" aria-hidden="true"></i> <span class="@hideText"> MAINTENANCE </span>
|
|
</NavLink>
|
|
</div>
|
|
<div class="nav-item px-3">
|
|
<NavLink class="nav-link" href="Tools">
|
|
<i class="fa-solid fa-battery-half pe-2" aria-hidden="true"></i> <span class="@hideText"> TOOLS </span>
|
|
</NavLink>
|
|
</div>
|
|
@*<div class="nav-item px-3">
|
|
<NavLink class="nav-link" href="Events">
|
|
<i class="fa-solid fa-book pe-2" aria-hidden="true"></i> EVENTS LIST
|
|
</NavLink>
|
|
</div>*@
|
|
@*<div class="nav-item px-3">
|
|
<NavLink class="nav-link" href="ActLog">
|
|
<i class="bi bi-activity pe-2" aria-hidden="true"></i> ACTIVITY LOG
|
|
</NavLink>
|
|
</div>*@
|
|
<div class="nav-item px-3">
|
|
<NavLink class="nav-link" href="Info">
|
|
<i class="bi bi-pc-display pe-2" aria-hidden="true"></i> <span class="@hideText"> Hw Info </span>
|
|
</NavLink>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
|
|
@code {
|
|
private bool collapseNavMenu = true;
|
|
|
|
private string? NavMenuCssClass => collapseNavMenu ? "collapse" : null;
|
|
|
|
private void ToggleNavMenu()
|
|
{
|
|
collapseNavMenu = !collapseNavMenu;
|
|
}
|
|
protected bool showText { get; set; } = true;
|
|
protected string hideText
|
|
{
|
|
get => showText ? "" : "invisible";
|
|
}
|
|
protected void ToggleCompress()
|
|
{
|
|
showText = !showText;
|
|
EC_compressUpdated.InvokeAsync(showText);
|
|
}
|
|
[Parameter]
|
|
public EventCallback<bool> EC_compressUpdated { get; set; }
|
|
}
|