Samuele Locatelli
117 lines
4.4 KiB
Plaintext
117 lines
4.4 KiB
Plaintext
<div class="top-row pl-3 navbar navbar-dark">
|
|
<div class="text-nowrap">
|
|
@if (showText)
|
|
{
|
|
<a class="navbar-brand" @onclick="() => ToggleCompress()" title="Comprimi">
|
|
<img src="./img/LogoBlu.svg" class="img-fluid" width="32" />
|
|
@*<i class="fas fa-chevron-left"></i>*@
|
|
</a>
|
|
}
|
|
else
|
|
{
|
|
<a class="navbar-brand" @onclick="() => ToggleCompress()" title="Comprimi">
|
|
<img src="./img/LogoBlu.svg" class="img-fluid" width="32" />
|
|
@*<i class="fas fa-chevron-right"></i>*@
|
|
</a>
|
|
}
|
|
<a class="navbar-brand" href="">
|
|
<span class="@hideText">MAPO.GWMS</span>
|
|
</a>
|
|
</div>
|
|
<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" title="Home">
|
|
<NavLink class="nav-link" href="" Match="NavLinkMatch.All">
|
|
<span class="fas fa-home pr-2" aria-hidden="true"></span>
|
|
<span class="@hideText">Home</span>
|
|
</NavLink>
|
|
</li>
|
|
|
|
<li class="nav-item px-3" title="Stato Impianti">
|
|
<NavLink class="nav-link" href="PlantStatus">
|
|
<i class="fas fa-tachometer-alt pr-2"></i>
|
|
<span class="@hideText">Stato Impianti</span>
|
|
</NavLink>
|
|
</li>
|
|
<li class="nav-item px-3" title="Storico Ordini">
|
|
<NavLink class="nav-link" href="Orders">
|
|
<i class="fas fa-file-invoice pr-2" aria-hidden="true"></i>
|
|
<span class="@hideText">Storico Ordini</span>
|
|
</NavLink>
|
|
</li>
|
|
<li class="nav-item px-3" title="Scheda Fornitore">
|
|
<NavLink class="nav-link" href="Suppliers">
|
|
<i class="fas fa-industry pr-2" aria-hidden="true"></i>
|
|
<span class="@hideText">Scheda Fornitore</span>
|
|
</NavLink>
|
|
</li>
|
|
<li class="nav-item px-3" title="Scheda Trasportatore">
|
|
<NavLink class="nav-link" href="Transporters">
|
|
<i class="fas fa-truck-moving pr-2" aria-hidden="true"></i>
|
|
<span class="@hideText">Scheda Trasportatore</span>
|
|
</NavLink>
|
|
</li>
|
|
<li class="nav-item px-3" title="Scheda Stazione">
|
|
<NavLink class="nav-link" href="GasStation">
|
|
<i class="fas fa-gas-pump pr-2" aria-hidden="true"></i>
|
|
<span class="@hideText">Scheda Stazione</span>
|
|
</NavLink>
|
|
</li>
|
|
<li class="nav-item px-3" title="Planner Consegne">
|
|
<NavLink class="nav-link" href="WeekPlan">
|
|
<i class="fas fa-calendar pr-2" aria-hidden="true"></i>
|
|
<span class="@hideText">Planner Consegne</span>
|
|
</NavLink>
|
|
</li>
|
|
<li class="nav-item px-3" title="Utenti">
|
|
<NavLink class="nav-link" href="UserManager">
|
|
<i class="fas fa-users pr-2" aria-hidden="true"></i>
|
|
<span class="@hideText">Utenti</span>
|
|
</NavLink>
|
|
</li>
|
|
@*<li class="nav-item px-3" title="Job Scheduler">
|
|
<NavLink class="nav-link" href="Scheduler">
|
|
<i class="fas fa-calendar-alt pr-2" aria-hidden="true"></i>
|
|
<span class="@hideText">Job Scheduler</span>
|
|
</NavLink>
|
|
</li>
|
|
<li class="nav-item px-3" title="Setup Parametri">
|
|
<NavLink class="nav-link" href="Parameters">
|
|
<i class="fas fa-wrench pr-2" aria-hidden="true"></i>
|
|
<span class="@hideText">Setup Parametri</span>
|
|
</NavLink>
|
|
</li>*@
|
|
</ul>
|
|
</div>
|
|
|
|
@code {
|
|
private bool collapseNavMenu = true;
|
|
|
|
private string NavMenuCssClass => collapseNavMenu ? "collapse" : null;
|
|
|
|
private void ToggleNavMenu()
|
|
{
|
|
collapseNavMenu = !collapseNavMenu;
|
|
}
|
|
|
|
protected bool showText { get; set; } = true;
|
|
|
|
protected void ToggleCompress()
|
|
{
|
|
showText = !showText;
|
|
EC_compressUpdated.InvokeAsync(showText);
|
|
}
|
|
|
|
protected string hideText
|
|
{
|
|
get => showText ? "" : "invisible";
|
|
}
|
|
|
|
[Parameter]
|
|
public EventCallback<bool> EC_compressUpdated { get; set; }
|
|
} |