Dashboard & Navigazione

La Dashboard è la pagina iniziale dopo il login. Offre una visione d'insieme dello stato dell'azienda e accesso rapido a tutti i moduli. È composta da:

• Topbar (barra superiore fissa): logo, titolo azienda, nome modulo attivo, selettore workspace, manuale, menu utente
• Menu laterale (sidebar): navigazione per moduli, organizzata in gruppi espandibili
• Area centrale: avvisi, card delle cose da fare, situazione finanziaria, azioni rapide

Il contenuto della dashboard si adatta automaticamente ai moduli abilitati per l'utente corrente nel workspace attivo. Le card e le voci di menu dei moduli disabilitati non vengono mostrate.

La topbar è la barra orizzontale fissa in alto. Da sinistra a destra contiene:

Logo NOX

Il logo è composto da un orb animato con halo e archi rotanti, più la scritta “NOX — Enterprise Suite”. In modalità compatta (quando non si è in Dashboard) il logo si riduce mostrando solo l'orb.

Selettore Workspace

Il chip mostra l'icona database (storage), il nome del workspace corrente e una freccia se sono disponibili più workspace. Facendo clic si apre un menu con:

• Elenco di tutti i workspace assegnati all'utente
• Segno di spunta (check_circle) accanto al workspace attivo
• Icona visibility_off per workspace nascosti (visibili solo ai SUPERADMIN)
• Icona folder_open per workspace normali

Il menu laterale si apre cliccando il logo NOX nella topbar. Contiene i moduli organizzati in gruppi espandibili:

I moduli previsti ma non ancora fatti — e-commerce, firma digitale, archivio documentale — non compaiono nel menu: non ci sono voci grigie da premere. Restano fuori anche da Aziende & Licenze, per non far scegliere quello che non esiste. Il bilancio da depositare, la liquidazione IVA e il modello F24 sono fuori per scelta: sono lavoro del commercialista, e a lui va l'export. Il Bilancio di Contabilità serve a controllare i conti, non a depositarli.

Le voci più recenti stanno così: in Contabilità la Riconciliazione bancaria, il Bilancio, gli Esercizi contabili, le Rimanenze di fine anno, le Persone (ore e note spese) e il Budget; in Amministrazione API & Webhook (dove si configura anche il Portale clienti) e Acquisisci documenti. Registro modifiche e Chi è collegato sono schede di Aziende & Licenze.

Le guide dei gruppi. Alcuni gruppi hanno una guida pratica (Vendite, Magazzino, Interventi, Assistenza, Produzione, Contabilità, Reportistica, Amministrazione). Non è una voce del sottomenu: è l'icona a forma di libro accanto al titolo del gruppo, che compare quando il gruppo è aperto, e apre la guida in una finestra nuova. In Produzione accanto al libro c'è anche l'icona della guida pratica in PDF.

I pulsantini accanto a “Home” — il menù si adatta a te

In testa al menù, sulla riga Home — che è sempre la prima voce — alcuni piccoli interruttori regolano la visualizzazione:

• Apri/chiudi tutti i gruppi (icona doppia freccia): espande o richiude in un colpo solo tutte le sezioni del menù.
• Lista piatta (icona elenco): nasconde le intestazioni dei gruppi e mostra le voci in un unico elenco continuo. Con la lista piatta attiva il primo interruttore non serve e si nasconde da solo.
• Fissa il menù (icona puntina 📌): il menù resta sempre aperto lateralmente, in ogni pagina del gestionale — non scompare più entrando in Documenti, Magazzino, Scadenzario… Il contenuto delle pagine si sposta di lato per fargli spazio. Un secondo clic sulla puntina, da qualsiasi pagina, lo sblocca.
• Blocchi in cima: un pulsantino solo che gira fra quattro posizioni e accende o spegne i riquadri Preferiti, Recenti e Attività quotidiane. Chi li usa tutti li tiene; chi vuole il menù asciutto li spegne e si ritrova le voci in cima. La scelta resta per ciascun utente e ciascuna azienda.

Il logo in alto a sinistra apre e chiude il menù: prima velava la pagina, adesso fa quello che ci si aspetta da un logo in una barra.

L'area centrale della dashboard ha tre sezioni, e la stessa cosa non compare mai in due:

• Avvisi rossi in cima: solo ciò che ha un termine di legge o una conseguenza in denaro se aspetti — le fatture elettroniche vicine o oltre il termine dei 12 giorni (con la sanzione), e quelle con problemi: scartate (vanno corrette e reinviate entro 5 giorni per tenere la data originale), rifiutate o non partite.
• Card piccole: il lavoro da smaltire, senza un termine che scade (tabella qui sotto).
• Situazione Finanziaria: i soldi — crediti in scadenza, scaduto da incassare, fasce di ritardo, incassato del mese.

Una card compare solo quando c'è qualcosa da fare (il numero è maggiore di zero), ed è cliccabile: porta all'elenco di quelle cose.

Tutti i valori numerici sono in formato italiano (1.234 col punto delle migliaia), quelli in euro col simbolo €. Le card appaiono solo se il modulo corrispondente è abilitato per l'utente: «Provvigioni da liquidare», per esempio, solo se c'è il modulo Agenti.

Sotto le card, se ci sono scadenze aperte, scaduti o incassi del mese, appare la sezione “Situazione Finanziaria”. La vede solo chi ha il permesso sulle scadenze.

Cliccando su qualsiasi card della situazione finanziaria si apre lo Scadenzario con i filtri appropriati.

La sezione “Azioni Rapide” offre pulsanti per le operazioni più frequenti:

• Nuovo Soggetto: apre il form di creazione soggetto
• Nuovo Documento: apre la creazione documento
• Nuova Voce Catalogo: apre il form catalogo

I pulsanti appaiono solo se il modulo corrispondente è abilitato.

Il selettore workspace nella topbar (icona storage) mostra il database attualmente in uso e permette di cambiare ambiente:

Come cambiare workspace

1. Fare clic sul chip workspace nella topbar (icona storage + nome).
2. Si apre un menu dropdown con tutti i workspace assegnati all'utente.
3. Fare clic sul workspace desiderato.
4. La pagina si ricarica con i dati del nuovo workspace. Tutte le statistiche e i moduli si aggiornano.

Indicatori visivi

• check_circle: workspace attualmente attivo (segno di spunta verde)
• folder_open: workspace normale disponibile
• visibility_off: workspace nascosto (visibile solo ai SUPERADMIN)
• expand_more: freccia nel chip indica che ci sono più workspace disponibili

L'icona auto_stories (libro aperto) nella topbar apre il manuale utente in una modale iframe sovrapposta all'interfaccia.

Funzionamento

• Il manuale è contestuale: si apre automaticamente sulla pagina relativa al modulo attivo. Ad esempio, se si è in Documenti si apre il manuale documenti, se si è in Catalogo si apre il manuale catalogo.
• La modale ha un pulsante “Apri in nuova finestra” (icona open_in_new) per consultare il manuale in un tab separato del browser.
• Chiudere con il pulsante X o cliccando fuori dalla modale.

Manuali disponibili

Ogni modulo ha il proprio manuale HTML dedicato con: normativa di riferimento, istruzioni passo-passo, tabelle di configurazione, FAQ. L'elenco completo è nell'indice dei manuali.

Il pulsante utente nella topbar (icona key + nome utente) apre un menu a tendina con:

Intestazione

Avatar con icona person_outline, username e ruolo (Amministratore o Utente).

Voci del menu

Pulsante Accedi

Quando nessun utente è loggato, al posto del menu utente appare il pulsante “Accedi” (icona key) che porta alla pagina di login.

La pagina di login è la prima schermata visualizzata quando non si è autenticati.

Procedura di accesso

1. Inserire lo Username nel primo campo.
2. Inserire la Password nel secondo campo.
3. Premere Accedi o il tasto Enter.
4. Se le credenziali sono corrette, il sistema carica il workspace assegnato e mostra la Dashboard.
5. Se le credenziali sono errate, appare un messaggio di errore (senza indicare se è sbagliato username o password, per sicurezza).

Sessione

• La sessione viene mantenuta tramite token JWT salvato nel browser
• Il token ha una scadenza configurabile (default: 24 ore)
• Alla scadenza, il sistema richiede un nuovo login
• Il Logout dal menu utente invalida il token e riporta alla pagina di login

Aggiornamenti dashboard e TopBar con nuove funzionalità di collaborazione e fruizione.

Icone utenti online

Nella TopBar, tra il logo e il titolo azienda, compare una fila di avatar circolari con l'iniziale del nome di ciascun utente attualmente connesso:

• Il tuo avatar è colorato in dorato
• Gli altri utenti hanno il bordo verde
• Passando il mouse sopra compare il tooltip con nome completo e ruolo

Gli utenti sono rilevati tramite middleware socket nel backend e aggiornati in tempo reale.

Le statistiche rispettano i moduli abilitati

Le card statistiche della dashboard mostrano ora solo i dati dei moduli effettivamente abilitati nel workspace. Esempio: se lo Scadenzario è disabilitato, la Situazione Finanziaria non appare. Evita segnalazioni incoerenti sulla home.

Manuale in modale

L'icona 📖 (libro) nella TopBar apre il manuale contestuale in una modale sovrapposta all'applicazione invece di una nuova finestra del browser. Vantaggi:

• Nessun popup bloccato dal browser
• Si resta sulla pagina dell'applicazione
• Chiusura con Esc o clic fuori dalla modale
• Il manuale mostrato è sempre coerente col modulo aperto

Tra le card KPI della dashboard, se hai almeno un lotto di magazzino scaduto o vicino alla scadenza, appare automaticamente una card colorata “Lotti in scadenza”.

Colore della card

• Rossa — hai almeno un lotto già scaduto (urgente: smaltire o rettificare)
• Arancione — ci sono lotti critici (scadenza entro 7 giorni)
• Neutra — solo warning (scadenza entro 30 giorni)

Cosa mostra

• Numero totale di lotti scaduti + critici (quelli urgenti)
• Valore a rischio in euro (somma di quantità residue × costo unitario)

Un click sulla card ti porta direttamente al tab Lotti della pagina Giacenze Magazzino già filtrato sui lotti problematici.

Aggiornamento automatico

La card si aggiorna ogni 5 minuti senza bisogno di ricaricare la pagina. Se risolvi il problema (fai scarico, sposti, rettifichi) il numero scende in tempo reale.

La barra superiore del gestionale mostra sempre, da sinistra a destra:

1. Logo NOX cliccabile — ti riporta alla dashboard
2. Nome della tua azienda in bianco (configurabile in Parametri)
3. Nome pagina/modulo attualmente aperto
4. Pillola utenti connessi con gli avatar colorati di chi sta lavorando ora nel tuo workspace
5. Cerca ovunque (Ctrl+K) — apre la ricerca globale
6. Database corrente — se hai più workspace, lo switcher permette di cambiare
7. Manuale (libro) — apre il manuale del modulo corrente
8. Menu utente in fondo a destra — profilo, sicurezza, logout

A schermi stretti (sotto 780px) i badge minori si nascondono per lasciare spazio al titolo. Sotto 800px la topbar non si deforma: compare uno scroll orizzontale mantenendo tutto leggibile.

In fondo a destra, prima del marchio DPM-DEV, c'è la versione del gestionale (es. v 1.5.9). Cliccandola si apre una finestra con le informazioni sull'autore del software.

Cosa vedi

• Foto ritratto dell'autore
• Nome e cognome
• Numero WhatsApp cliccabile (apre direttamente la chat con l'autore)
• Logo del team di sviluppo
• Anno di rilascio

Scorciatoia tastiera

Stessa finestra si apre digitando in sequenza le lettere M—D—P (entro un secondo e mezzo), senza bisogno del mouse.

Chiusura della modale: tasto Esc, click sulla × in alto a destra, oppure click fuori dal riquadro.

Topbar

• Colore più scuro: sfondo da rgba(145, 195, 235, 0.55) a un blu-azzurro più opaco (rgba(149, 197, 236, 0.918)). Migliore contrasto con il titolo azienda bianco e meno effetto "lavato" sui display luminosi.
• Titolo azienda centrato verticalmente: prima il nome era ancorato in alto (align-self: flex-start), ora è centrato verticalmente nella topbar alta 64px per un look più bilanciato.

Sidebar — logo ERP nel footer

Il footer della sidebar ora mostra un logo ERP animato (con leggero alone azzurro drop-shadow) al posto della scritta "ERP" in testo. Rimane la riga "distribuito da" seguita dal logo DEV Systems, linkato alla pagina di Stato Avanzamento Lavori.

Il logo è salvato in /assets/erp-logo.png (1.3 MB) con altezza 44px. Caricato solo una volta a inizio sessione.

Un principio guida tutte queste novità: lavorare con NOX dev'essere piacevole. Le opzioni di visualizzazione del menù, la dashboard a pulsanti e i vari badge non sono impostazioni “tecniche”: sono modi diversi di usare lo stesso gestionale, e ciascuno può comporli come preferisce — il touch al banco, il menù sempre aperto in ufficio, la lista essenziale su schermo piccolo. Nessuna scelta è definitiva: si prova, si cambia, e ogni ambiente ricorda la propria disposizione.

Preferiti come pulsanti grandi (uso touch)

Accanto alla scritta Preferiti nella sidebar trovi un nuovo interruttore (icona a griglia): attivandolo, i tuoi preferiti compaiono anche al centro della dashboard come pulsanti grandi, pensati per l'uso con le dita su iPad e monitor/terminali touch da banco. I pulsanti sono ampi (il doppio dei badge statistiche), reagiscono al tocco senza ritardi e mostrano l'etichetta completa su due righe.

• I preferiti si scelgono come sempre dalla ricerca globale (Ctrl+K) cliccando la stella accanto a una voce. Non c'è più alcun limite di numero (prima erano massimo 8).
• La griglia mostra al massimo 5 pulsanti per riga e resta perfettamente incolonnata con i badge sottostanti: tutta la dashboard è riquadrata con i bordi destro e sinistro allineati.
• Gli avvisi rossi (termine SdI, fatture SdI con problemi) compaiono subito sotto i pulsanti, seguiti dalle card delle cose da fare, dalla Situazione Finanziaria e dalle Azioni Rapide.

Modalità a tutto schermo (menù nascosto)

Un secondo interruttore (icona schermo intero) nasconde la sidebar: i preferiti grandi si attivano da soli e tutto il contenuto si centra nella pagina. È la modalità ideale per un tablet appoggiato al banco: solo pulsanti grandi, avvisi e azioni rapide.

Menù sempre visibile (puntina 📌)

Sulla riga Home c'è un terzo pulsantino con la puntina: attivandolo, il menù laterale si fissa e non scompare più — resta aperto a lato su ogni pagina del gestionale, con le stesse voci, gli stessi preferiti e gli stessi badge contatore, e la voce della pagina corrente evidenziata. Il contenuto si sposta automaticamente per fargli spazio.

• Per sbloccarlo basta ricliccare la puntina, da qualsiasi pagina: si torna al comportamento classico (menù nella dashboard, logo NOX per tornarci).
• La scelta è salvata per workspace: chi lavora su più ambienti può tenerlo fisso in uno e libero in un altro.
• Fissare il menù disattiva la modalità a tutto schermo: le due cose sono alternative per natura.

Sidebar più flessibile

• I gruppi del menù si aprono in modo indipendente: aprirne uno non chiude più il precedente (niente più effetto fisarmonica). Puoi tenere aperti solo quelli che vuoi.
• La barra di scorrimento è nascosta (si scorre con rotella, trackpad o dito) e le voci partono subito sotto la topbar.
• Il wordmark NOX — Enterprise Suite è in testa alla sidebar; a menù nascosto passa nel footer della pagina.

Ricerca globale Ctrl+K

• L'elenco mostra tutte le voci di menù (rimossi i vecchi limiti di 12/20 risultati); la selezione con le frecce segue lo scorrimento.
• Le etichette seguono il profilo attività del workspace: uno studio vede “Pazienti”, un'azienda “Clienti / Fornitori”.

Topbar su tablet e finestre strette

Quando lo spazio si riduce (iPad in verticale, finestra ridimensionata), la topbar si adatta senza rompersi: i badge informativi si nascondono quando il titolo li raggiunge, ma il Menù Utente resta sempre visibile in alto a destra, il titolo non viene mai troncato coi puntini e la barra mantiene la sua altezza. Il globo NOX resta fisso a sinistra, sempre della stessa dimensione.

Ogni ambiente ricorda la propria configurazione

Tutte le impostazioni di disposizione del menù sono ora salvate per singolo workspace: menù nascosto, preferiti grandi, gruppi aperti/chiusi, “Apri tutti i gruppi”, “Nascondi intestazioni”, sottomenu espansi, e anche preferiti, recenti e scorciatoie lettera della ricerca Ctrl+K.

Passando da un ambiente all'altro (es. da DPM Software a Studio di Naturopatia) ogni workspace ritrova esattamente la disposizione in cui l'avevi lasciato. Al primo accesso dopo l'aggiornamento, ogni ambiente eredita le impostazioni che avevi prima: nulla va perso, da lì in poi ognuno vive di suo.