lux/Lux.UI/Components/Layout/NavMenu.razor

@implements IDisposable

@inject NavigationManager NavigationManager

<div class="top-row ps-3 navbar navbar-dark">
    <div class="container-fluid px-0">
        @if (!showText)
        {
            <a class="navbar-brand p-0" @onclick="() => ToggleCompress()">Lux <i class="fas fa-caret-square-right"></i></a>
        }
        else
        {
            <a class="navbar-brand" @onclick="() => ToggleCompress()">Lux.UI Manager <i class="fas fa-caret-square-left"></i></a>
        }
        @* <a class="navbar-brand" href="">Lux.UI</a> *@
        <button title="Navigation menu" class="navbar-toggler" @onclick="ToggleNavMenu">
            <span class="navbar-toggler-icon"></span>
        </button>
    </div>
</div>

@* <input type="checkbox" title="Navigation menu" class="navbar-toggler" /> *@

@* <div class="nav-scrollable" onclick="document.querySelector('.navbar-toggler').click()"> *@
<div class="@NavMenuCssClass" @onclick="ToggleNavMenu">
    <nav class="flex-column">
        <div class="nav-item px-3">
            <NavLink class="nav-link" href="Home" Match="NavLinkMatch.All">
                <span class="bi bi-house-fill px-2 fs-4" aria-hidden="true"></span> 
                @if (showText)
                {
                    <span class="@hideText">Home</span>
                }
            </NavLink>
        </div>

        <div class="nav-item px-3">
            <NavLink class="nav-link" href="Items">
                <span class="fa-solid fa-book px-2 fs-4" aria-hidden="true"></span> <span class="@hideText">Articoli</span>
            </NavLink>
        </div>
        <div class="nav-item px-3">
            <NavLink class="nav-link" href="Resources">
                <span class="fa-solid fa-location-dot px-2 fs-4" aria-hidden="true"></span> <span class="@hideText">Risorse</span>
            </NavLink>
        </div>
        <div class="nav-item px-3">
            <NavLink class="nav-link" href="JobRoute">
                <span class="fa-solid fa-route px-2 fs-4" aria-hidden="true"></span> <span class="@hideText">Cicli</span>
            </NavLink>
        </div>
        <div class="nav-item px-3">
            <NavLink class="nav-link" href="Template">
                <span class="fa-solid fa-book-bookmark px-2 fs-4" aria-hidden="true"></span> <span class="@hideText">Cataloghi</span>
            </NavLink>
        </div>
        <div class="nav-item px-3">
            <NavLink class="nav-link" href="Offers">
                <span class="fa-solid fa-cart-shopping px-2 fs-4" aria-hidden="true"></span> <span class="@hideText">Offerte</span>
            </NavLink>
        </div>
        <div class="nav-item px-3">
            <NavLink class="nav-link" href="Orders">
                <span class="fa-solid fa-cart-flatbed px-2 fs-4" aria-hidden="true"></span> <span class="@hideText">Ordini</span>
            </NavLink>
        </div>
        <div class="nav-item px-3">
            <NavLink class="nav-link" href="WorkLoadBalance">
                <span class="fa-solid fa-scale-unbalanced px-2 fs-4" aria-hidden="true"></span> <span class="@hideText">Carico Macchine</span>
            </NavLink>
        </div>
        <div class="nav-item px-3">
            <NavLink class="nav-link" href="ProdPlanner">
                <span class="fa-solid fa-calendar-days px-2 fs-4" aria-hidden="true"></span> <span class="@hideText">Planner</span>
            </NavLink>
        </div>

        <div class="nav-item px-3">
            <NavLink class="nav-link" href="GenList">
                <span class="fa-solid fa-list-check px-2 fs-4" aria-hidden="true"></span> <span class="@hideText">Anagrafiche</span>
            </NavLink>
        </div>
        <div class="nav-item px-3">
            <NavLink class="nav-link" href="ConfList">
                <span class="fa-solid fa-list-check px-2 fs-4" aria-hidden="true"></span> <span class="@hideText">Configurazioni</span>
            </NavLink>
        </div>
        <div class="nav-item px-3">
            <NavLink class="nav-link" href="stats">
                <span class="fa-solid fa-chart-line px-2 fs-4" aria-hidden="true"></span> <span class="@hideText">Stats</span>
            </NavLink>
        </div>
       @*  <div class="nav-item px-3">
            <NavLink class="nav-link" href="counter">
                <span class="bi bi-list-ol px-2 fs-4" aria-hidden="true"></span> <span class="@hideText">Counter</span>
            </NavLink>
        </div> *@



       @*  <div class="nav-item px-3">
            <NavLink class="nav-link" href="scratch">
                <span class="bi bi-cloud-moon px-2 fs-4" aria-hidden="true"></span> <span class="@hideText">Scratch</span>
            </NavLink>
        </div>

        <div class="nav-item px-3">
            <NavLink class="nav-link" href="auth">
                <span class="bi bi-lock-fill px-2 fs-4" aria-hidden="true"></span> <span class="@hideText">Auth Required</span>
            </NavLink>
        </div> *@

       @*  <AuthorizeView>
            <Authorized>
                <div class="nav-item px-3">
                    <NavLink class="nav-link" href="Account/Manage">
                        <span class="bi bi-person-fill px-2 fs-4" aria-hidden="true"></span> @context.User.Identity?.Name
                    </NavLink>
                </div>
                <div class="nav-item px-3">
                    <form action="Account/Logout" method="post">
                        <AntiforgeryToken />
                        <input type="hidden" name="ReturnUrl" value="@currentUrl" />
                        <button type="submit" class="nav-link">
                            <span class="bi bi-arrow-bar-left px-2 fs-4" aria-hidden="true"></span> <span class="@hideText">Logout</span>
                        </button>
                    </form>
                </div>
            </Authorized>
            <NotAuthorized>
                <div class="nav-item px-3">
                    <NavLink class="nav-link" href="Account/Register">
                        <span class="bi bi-person px-2 fs-4" aria-hidden="true"></span> <span class="@hideText">Register</span>
                    </NavLink>
                </div>
                <div class="nav-item px-3">
                    <NavLink class="nav-link" href="Account/Login">
                        <span class="bi bi-person-badge px-2 fs-4" aria-hidden="true"></span> <span class="@hideText">Login</span>
                    </NavLink>
                </div>
            </NotAuthorized>
        </AuthorizeView> *@
        <div class="nav-item px-3">
            <NavLink class="nav-link bg-dark bg-opacity-50 bg-gradient" href="ResetCache">
                <span class="fa-solid fa-arrows-rotate px-2 fs-4" aria-hidden="true"></span> <span class="@hideText">Flush Cache</span>
            </NavLink>
        </div>
    </nav>
</div>