Egalware/mapo-core
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

PROG

Browse Source 
- fix collapse menu
This commit is contained in:
Samuele Locatelli
2024-10-31 10:58:05 +01:00
parent 882c68ff27
commit 3e65a0dc7b
19 changed files with 383 additions and 137 deletions
Download Patch File Download Diff File Expand all files Collapse all files
MP.Prog/Shared/NavMenu.razor
+39 -22
View File
@@ -1,5 +1,12 @@
<div class="top-row ps-4 navbar navbar-dark">
<a class="navbar-brand" href="">MP.Prog</a>
<div class="top-row ps-3 navbar navbar-dark">
@if (!showText)
{
<a class="navbar-brand p-0" @onclick="() => ToggleCompress()">MP.P <i class="fas fa-caret-square-right"></i></a>
}
else
{
<a class="navbar-brand" @onclick="() => ToggleCompress()">MP.PROG <i class="fas fa-caret-square-left"></i></a>
}
<button class="navbar-toggler" @onclick="ToggleNavMenu">
<span class="navbar-toggler-icon"></span>
</button>
@@ -7,42 +14,52 @@
<div class="@NavMenuCssClass" @onclick="ToggleNavMenu">
<ul class="nav flex-column">
<li class="nav-item px-3">
<li class="nav-item px-2">
<NavLink class="nav-link" href="" Match="NavLinkMatch.All">
<span class="fas fa-home fa-2x pe-2" aria-hidden="true"></span> Home
<span class="fas fa-home fs-4 pe-2" aria-hidden="true"></span>
@if (showText)
{
<span class="@hideText">Home</span>
}
</NavLink>
</li>
<li class="nav-item px-3">
<li class="nav-item px-2">
<NavLink class="nav-link" href="Archive">
<span class="far fa-folder fa-2x pe-2" aria-hidden="true"></span> Archivio File
<span class="far fa-folder fs-4 pe-2" aria-hidden="true"></span>
@if (showText)
{
<span class="@hideText">Archivio File</span>
}
</NavLink>
</li>
<li class="nav-item px-3">
<li class="nav-item px-2">
<NavLink class="nav-link" href="Setup">
<span class="fas fa-wrench fa-2x pe-2" aria-hidden="true"></span> Setup
<span class="fas fa-wrench fs-4 pe-2" aria-hidden="true"></span>
@if (showText)
{
<span class="@hideText">Setup</span>
}
</NavLink>
</li>
<li class="nav-item px-3">
<li class="nav-item px-2">
<NavLink class="nav-link" href="TaskScheduler">
<span class="fas fa-stopwatch fa-2x pe-2" aria-hidden="true"></span> Task Scheduler
<span class="fas fa-stopwatch fs-4 pe-2" aria-hidden="true"></span>
@if (showText)
{
<span class="@hideText">Task Scheduler</span>
}
</NavLink>
</li>
<li class="nav-item px-3">
<li class="nav-item px-2">
<NavLink class="nav-link" href="ForceReload">
<span class="fas fa-rotate fa-2x pe-2" aria-hidden="true"></span> ForceReload
<span class="fas fa-rotate fs-4 pe-2" aria-hidden="true"></span>
@if (showText)
{
<span class="@hideText">ForceReload</span>
}
</NavLink>
</li>
</ul>
</div>
@code {
private bool collapseNavMenu = true;
private string NavMenuCssClass => collapseNavMenu ? "collapse" : null;
private void ToggleNavMenu()
{
collapseNavMenu = !collapseNavMenu;
}
}