MarcoE
9703fca306
Il "+" non galleggia piu' sopra la barra e non sta piu' nella testata: e' la casella centrale della barra, alla stessa altezza delle altre due e sotto il pollice. La barra guadagna un margine interno, cosi' le voci non toccano il bordo stondato e la pastiglia d'accento e' concentrica al guscio invece che incollata sopra. L'azione vale la stessa cosa in ogni schermata, e senza rete resta al suo posto spenta: una casella che scompare sposterebbe le altre due sotto il dito. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
82 lines
3.1 KiB
Plaintext
82 lines
3.1 KiB
Plaintext
@implements IDisposable
|
|
@inject IDialogService Dialog
|
|
|
|
@*
|
|
Navigazione flottante in basso (STILE_UI §6.15): il contenuto le scorre
|
|
sotto, le destinazioni restano a portata di pollice. Icona outline a
|
|
riposo, piena da selezionata, etichetta sempre visibile in entrambe.
|
|
Da 720px diventa una colonna laterale (vedi components.css).
|
|
|
|
In mezzo alle due destinazioni sta l'unica azione dell'app: aprire una
|
|
nuova ispezione. Non e' un pulsante che galleggia sopra la barra e ne
|
|
copre il centro, e' la terza casella della barra, alla stessa altezza
|
|
delle altre due. Vale una cosa sola dappertutto: se cambiasse significato
|
|
da una pagina all'altra sarebbe un tasto da indovinare.
|
|
*@
|
|
|
|
<nav class="navbar @(IsVisible ? "" : "navbar--hidden")" aria-label="Navigazione principale">
|
|
<NavLink class="navbar__item pressable" href="ispezioni" Match="NavLinkMatch.All">
|
|
<span class="navbar__icon">
|
|
<i class="@(IsOn("ispezioni") ? "ri-file-list-3-fill" : "ri-file-list-3-line")" aria-hidden="true"></i>
|
|
</span>
|
|
<span class="navbar__label">Ispezioni</span>
|
|
</NavLink>
|
|
|
|
<button type="button" class="navbar__action" @onclick="NewInspection"
|
|
disabled="@(!NetworkService.IsNetworkAvailable())"
|
|
aria-label="Nuova ispezione"
|
|
title="@(NetworkService.IsNetworkAvailable() ? null : "Serve la connessione per aprire una nuova ispezione")">
|
|
<i class="ri-add-line" aria-hidden="true"></i>
|
|
<span class="navbar__action-label">Nuova</span>
|
|
</button>
|
|
|
|
<NavLink class="navbar__item pressable" href="user" Match="NavLinkMatch.All">
|
|
<span class="navbar__icon">
|
|
<i class="@(IsOn("user") ? "ri-user-fill" : "ri-user-line")" aria-hidden="true"></i>
|
|
</span>
|
|
<span class="navbar__label">Profilo</span>
|
|
</NavLink>
|
|
</nav>
|
|
|
|
@code
|
|
{
|
|
private bool IsVisible { get; set; } = true;
|
|
|
|
private static readonly string[] NavigableRoutes = ["ispezioni", "ispezione", "user"];
|
|
|
|
private string CurrentRoute =>
|
|
NavigationManager.Uri.Remove(0, NavigationManager.BaseUri.Length).Split('?')[0];
|
|
|
|
private bool IsOn(string route) => CurrentRoute.EqualsIgnoreCase(route);
|
|
|
|
protected override void OnInitialized()
|
|
{
|
|
NavigationManager.LocationChanged += OnLocationChanged;
|
|
Refresh();
|
|
}
|
|
|
|
private void OnLocationChanged(object? sender, LocationChangedEventArgs args) => Refresh();
|
|
|
|
private void Refresh()
|
|
{
|
|
IsVisible = NavigableRoutes.Contains(CurrentRoute, StringComparer.OrdinalIgnoreCase);
|
|
StateHasChanged();
|
|
}
|
|
|
|
private async Task NewInspection()
|
|
{
|
|
if (!await SteupDataService.CanOpenNewInspection())
|
|
{
|
|
await Dialog.ShowWarning(
|
|
"Per aprire una nuova ispezione devi prima concludere tutte le ispezioni aperte da piu' di 20 giorni.");
|
|
return;
|
|
}
|
|
|
|
// La scelta del punto vendita naviga da sola sull'ispezione: qui non
|
|
// c'e' altro da fare, nemmeno quando l'utente annulla.
|
|
await Dialog.OpenSelectShop();
|
|
}
|
|
|
|
public void Dispose() => NavigationManager.LocationChanged -= OnLocationChanged;
|
|
}
|