| Riepilogo | F NAV - Schede di Navigazione Mobile | |
| Anteprima | Theme Creator | |
| Repository | GitHub - VaperinaDEV/f-nav-for-mobile: F NAV - Mobile Navigation Tabs | |
| Guida all’installazione | Come installare un tema o un componente tema | |
| Nuovo ai temi di Discourse? | Guida per principianti all’uso dei temi di Discourse |
Installa questo componente tema
Ciao ![]()
In precedenza, ho creato un Dev topic per esso come concetto di componente tema e ora questo è in uno stato tale da essere un Theme component.
Assicurati di testarlo prima di usarlo in live.
Alcune informazioni qui sul componente: F NAV - Theme component concept
Informazioni sul componente tema. Ho letto così tanti post a riguardo, sarebbe meraviglioso rendere la Discourse Tab Bar for Mobile più dinamica e aggiungere la possibilità di gestire ad esempio le notifiche, ecc… F-NAV può fare questo e altro ancora…
Header
Nasconde l’hamburger, il menu utente, la ricerca e la chat e aggiunge un pulsante del menu del profilo (avatar) che contiene il contenuto predefinito della scheda del profilo del menu utente.
Impostazioni
Contiene anche un’impostazione in cui è possibile aggiungere elementi personalizzati prima della voce Esci.
Contiene tre campi in cui è possibile aggiungere facilmente elementi personalizzati.
Ci sono alcune impostazioni per mostrare/nascondere le icone predefinite dell’header, il che è utile quando non si desidera posizionare la scheda esatta in F NAV in modo che venga mostrata nell’header.
Schede
È possibile associare diverse funzioni alle schede. Queste funzioni consentono a ciascuna scheda di cambiare dinamicamente.

Tali modifiche includono:
Funzioni
home
- cambia l’icona della scheda home sulle rotte dei topic in una freccia sinistra che aggiunge una funzione di ritorno

- aggiunge un punto indicatore per i topic nuovi o non letti

hamburger (apre il menu hamburger)
multi
scheda multi
La scheda Multi viene cambiata automaticamente in scheda messaggio se la chat non è abilitata o l’utente la disattiva nelle impostazioni utente.
La bolla delle notifiche cambia a seconda che sia urgente o meno.
Le notifiche urgenti della scheda Multi sono verdi e appaiono così. ![]()
Espanso
I messaggi personali sono sempre verdi, ma la chat può essere blu come originariamente, ad esempio una notifica di messaggio di canale non letto.
Espanso
Notifica singola
message
- aggiunge un pulsante messaggio con notifiche e cliccandoci sopra apre una modale messaggi per una rapida visualizzazione
chat
- aggiunge un pulsante chat con le sue funzioni
notificationToRoute
-
se non disturbare è attivo, l’icona della campana cambierà in icona campana-slash e apparirà l’ora di dnd fino a

-
reindirizza alla pagina delle notifiche del profilo bypassando il menu delle notifiche
- se ci sono notifiche, reindirizza a
/notifications?filter=unread - se non ci sono notifiche, reindirizza a
/notifications - se c’è un contenuto da revisionare apparirà un segnale di pericolo e reindirizza a
/review
- se ci sono notifiche, reindirizza a
notificationMenu
-
se non disturbare è attivo, l’icona della campana cambierà in icona campana-slash e apparirà l’ora di dnd fino a

-
apre il menu delle notifiche
search
- reindirizza alla pagina
/searchbasata sul contesto
Impostazioni
Ho cercato di rendere le impostazioni il più semplici possibile.
Conterrà quattro campi.
- name: Questo serve solo per identificare più facilmente la scheda nelle impostazioni.
- icon: Aggiunge un’icona alla scheda. Nota: Se selezioni una funzione, potrebbero esserci icone che non possono essere sovrascritte con questa impostazione.
- destination: Aggiunge una destinazione per la tua scheda personalizzata. Nota: Se selezioni una funzione che gestirà la destinazione, puoi lasciarla vuota. Il componente gestisce automaticamente le destinazioni
/my/...convertendole in/u/username/...in modo che lo stato attivo delle schede possa essere aggiunto correttamente. - function: Scegli una funzione per la scheda.
Gli amministratori possono semplicemente creare/rimuovere/modificare schede e selezionare una delle funzioni o aggiungere una destinazione personalizzata alla scheda.
Funzioni ![]()
Ad esempio, l’aggiunta di una scheda di creazione di topic apparirà semplicemente così.
Crediti: Discourse Tab Bar for Mobile e grazie a tutti per i feedback nel topic F NAV - Theme component concept. ![]()


















