Il componente tematico aggiunge la possibilità di utilizzare funzioni alle schede. Queste funzioni ora possono essere hamburger, notifiche, ricerca.
Hamburger: la scheda apre il menu hamburger
Notifiche: aggiunge le notifiche alla scheda
Ricerca: apre /search basato sul contesto
Modifica anche le icone dell’intestazione. Rimuove hamburger, menu utente, ricerca e aggiunge un nuovo avatar DMenu che contiene il contenuto del profilo del menu utente. Quando scorri verso il basso, l’intestazione si nasconde ovunque tranne che nell’argomento per massimizzare la visualizzazione.
Cambia l’icona della campana della scheda delle notifiche in campana barrata se la modalità non disturbare è attiva e aggiunge l’ora. Cambia dinamicamente anche il percorso se ci sono elementi revisionabili, quindi reindirizza a /review altrimenti va alla pagina /notifications.
Separare le notifiche ha molto senso. Anche il tema Central fa lo stesso, rendendo il menu utente più facile da accedere e confortevole (sembra meno imponente). È diretto e hai i link essenziali. Questo è un grande miglioramento dell’UX secondo me, lo adoro.
Riguardo ai link all’interno del menu:
Sostituirei la parola “Summary” con “Profile”; è più facile da capire in questo contesto.
“Activity” non è molto utile; lo sostituirei con “Messages”. L’accesso diretto alla tua casella di posta è un must.
Penso che anche un “Bookmark” sarebbe benvenuto.
Non sono sicuro del pannello in basso.
Suppongo di non essere abituato a guardare in basso.
Il pulsante delle notifiche dovrebbe aprire il pannello destro invece di andare al profilo. La vista è più adatta quando vuoi dare una rapida occhiata e non hai contenuti extra non correlati alla notifica.
Il menu hamburger si apre con un breve effetto di lampeggio.
Beh, vorrei creare una multi-scheda nella F NAV che contenga i messaggi e la chat. Qualcosa di simile alle cartelle delle app sui telefoni cellulari. In questo modo vedrai cosa c’è dentro e potrai aprirlo in un DMenu, ad esempio. Mostra separatamente i badge non letti quando si apre, altrimenti vedrai un indicatore consolidato dei non letti. I messaggi dovrebbero avere la priorità, come ha menzionato Arkshine, quindi si aprirebbero in una modale per visualizzare i messaggi.
Ottime idee! Penso che i messaggi dovrebbero essere nella F NAV come ho menzionato sopra, ma penso che sarà personalizzabile.
L’idea originale qui era di reindirizzare gli utenti alle notifiche con filtro non letto se ci sono notifiche non lette e andare a tutte senza filtro se non ci sono e andare alla pagina di revisione se ci sono notifiche revisionabili. Ma ho dimenticato di aggiungerlo Penso che sia più comodo sul cellulare reindirizzare la pagina… Ma forse mi sbaglio
Modifica: L’ho aggiunto. Ora reindirizza a /u/username/notifications?filter=unread se ci sono notifiche non lette.
Hmm sì, sembra che non aggiunga correttamente l’animazione se chiudi il menu hamburger cliccando fuori. La chiusura con lo swipe funziona bene, penso che sia per questo che non l’ho notato.
Ottimo lavoro, grazie per il componente, lo proverò.
Ha assunto un aspetto più semplice, soprattutto nella sezione dell’intestazione su mobile. Mi piace così, la confusione è sparita e c’è un aspetto più semplice. La maggior parte delle applicazioni più note ora lo usa in questo modo, ad esempio: x.com. Funzionalità che vedo che possono essere aggiunte:
Può essere aggiunto un pulsante “Nuovo argomento” al widget
Quando clicco su un post ed entro, invece del pulsante home, ci può essere un’icona “indietro”. Quando l’utente clicca su questa icona, può tornare all’ultimo posto in cui si trovava.
Quando clicco su un post, il pulsante attivo selezionato della home page può cambiare. Può essere trasparente.
Ci potrebbe essere il numero di messaggi non letti sull’icona della home page. Non ne sono sicuro, potrebbe renderlo più affollato o in alternativa:
È possibile definire scorciatoie per le categorie?
Mi piacerebbe provare ad avere icone per categorie speciali in fondo.
Dovrebbero essere in grado di visualizzare indicatori su argomenti aggiornati o nuovi, come le scorciatoie delle categorie nella barra laterale.
Grazie per il feedback @ozkn
Ho aggiunto la modifica dell’icona della casa sulle rotte degli argomenti e l’indicatore del punto per argomenti nuovi o aggiornati. Probabilmente sarà una buona idea aggiungere il componente del tema per argomenti nuovi o aggiornati sticky… Ho anche modificato la posizione e le dimensioni del badge di notifica (rendendolo più piccolo e il numero più audace).
Bel lavoro @Don. Ottimo componente del tema. Ho riscontrato alcuni problemi su Android dove lo scorrimento non funziona bene, specialmente in PWA. Potrebbe essere specifico dei telefoni e non di Discourse, ma esiste comunque, quindi questo colma il divario, specialmente per iOS. Sembra che ci sia spazio per un altro elemento di navigazione con lo spazio disponibile sulla barra di navigazione F.
Questa è l’idea per la multi-scheda. Penso che cambierò l’icona della scheda, ma questa è solo la prima versione. Contiene la chat e i messaggi. La chat funziona proprio come l’icona della chat nell’intestazione e i messaggi aprono una finestra modale per i messaggi. Probabilmente funzionerà se la chat è disabilitata, allora anche DMenu sarà disabilitato e solo i messaggi saranno nella navigazione.
Ciao Alcuni progressi qui… Ho creato le bolle delle notifiche, ho apportato alcune modifiche alle notifiche numeriche e altro ancora…
La scheda Multi ora cambia automaticamente in scheda Messaggio se la chat non è abilitata o se l’utente la disattiva nelle impostazioni utente. Ma ora gli amministratori possono aggiungere separatamente anche la scheda Messaggio e la scheda Chat.
La bolla delle notifiche cambia a seconda che sia urgente o meno.
Le notifiche urgenti della scheda Multi sono verdi e si presentano così.
Altri aggiornamenti qui… Ho ricostruito lo stato attivo delle schede, ora funziona meglio anche con destinazioni di schede dinamiche.
L’ho sistemato… Grazie
Ora questa è un’opzione e gli amministratori possono scegliere quale preferire. notificationToRoute: reindirizza alla pagina delle notifiche notificationMenu: apre il menu delle notifiche
Ho aggiunto queste modifiche al tema creator, quindi ora funziona così.
Bel lavoro @Don So che questo non è il tuo componente del tema F NAV, ma sarebbe fantastico se ci fosse una x per chiudere la finestra di ricerca quando si apre. A meno che non mi stia sfuggendo, il che è possibile, una volta cliccata l’icona di ricerca se decidi di non cercare, non è pulito chiudere la finestra.
Ciao Brian Non sono sicuro di capire. Quando tocchi l’icona di ricerca, verrai reindirizzato alla pagina /search in modo da poter tornare indietro con la navigazione del browser/mobile o con un gesto.
Ancora qualche aggiornamento… Ho deciso di non eliminare le icone dell’header, ma solo di nasconderle con CSS. Ieri, quando ho sistemato l’animazione di apertura del menu hamburger, ho capito che sarebbe stato più facile, pulito e sicuro, secondo me, perché in questo modo possiamo attivare il click sulle icone predefinite dell’header. Ora l’hamburger, il menu delle notifiche e la ricerca funzionano in questo modo. Anche l’icona predefinita della chat nell’header è solo nascosta con CSS perché nelle pagine /chat verrà visualizzata nell’header.
Cerco di rendere le impostazioni il più semplici possibile.
Conterrà 4 campi, le descrizioni mancano ancora. La destinazione è opzionale perché se scegli una funzione includerà la cosa necessaria e questo campo dovrebbe essere lasciato vuoto.
Gli amministratori possono semplicemente creare/rimuovere/modificare schede e selezionare una delle funzioni o aggiungere una destinazione personalizzata alla scheda.
Funzioni
Ciao @Don la mia affermazione è piuttosto incoerente, il mio commento non ha nulla a che fare con il tuo componente. Penso che sarebbe utile avere una x per chiudere l’interfaccia di ricerca se decidi di non cercare dopo averla aperta o se ci hai cliccato per errore. Finisco spesso per uscire accidentalmente dalla pagina o da Discourse.
Penso che sia più comodo sul cellulare reindirizzare la pagina… Ma forse mi sbaglio 
Alcuni progressi qui… Ho creato le bolle delle notifiche, ho apportato alcune modifiche alle notifiche numeriche e altro ancora… 
il mio commento non ha nulla a che fare con il tuo componente. Penso che sarebbe utile avere una x per chiudere l’interfaccia di ricerca se decidi di non cercare dopo averla aperta o se ci hai cliccato per errore. Finisco spesso per uscire accidentalmente dalla pagina o da Discourse. 
