Le composant de thème ajoute la possibilité d’utiliser des fonctions aux onglets. Ces fonctions peuvent maintenant être hamburger, notifications, recherche.
Hamburger : l’onglet ouvre le menu hamburger
Notifications : ajoute les notifications à l’onglet
Recherche : ouvre /search basé sur le contexte
Il modifie également les icônes de l’en-tête. Supprime le hamburger, le menu utilisateur, la recherche et ajoute un nouvel avatar DMenu qui contient le contenu du profil du menu utilisateur. Lorsque vous faites défiler vers le bas, l’en-tête se masque partout sauf dans le sujet pour maximiser la vue.
Il change l’icône de la cloche de l’onglet de notification en cloche barrée si le mode ne pas déranger est actif et ajoute l’heure. Il change également dynamiquement la route s’il y a des éléments à examiner, auquel cas il redirige vers /review, sinon il va à la page /notifications.
Séparer les notifications a beaucoup de sens. Le thème Central fait la même chose, rendant le menu utilisateur plus facile d’accès et confortable (il semble moins imposant). C’est direct, et vous avez les liens essentiels. C’est une telle amélioration UX importante selon moi, j’adore.
Concernant les liens dans le menu :
Je remplacerais le mot “Summary” par “Profile” ; c’est plus facile à comprendre dans ce contexte.
“Activity” n’est pas super utile ; je le remplacerais par “Messages” à la place. L’accès direct à votre boîte de réception est indispensable.
Je pense qu’un “Bookmark” serait également le bienvenu.
Je ne suis pas sûr pour le panneau du bas.
Je suppose que je n’ai pas l’habitude de regarder en bas.
Le bouton de notification devrait ouvrir le panneau de droite au lieu d’aller au profil. La vue est plus adaptée lorsque vous voulez jeter un coup d’œil rapide, et vous n’avez pas de contenu supplémentaire sans rapport avec la notification.
Le menu hamburger s’ouvre avec un bref effet de scintillement.
Eh bien, j’aimerais créer un onglet multiple dans la barre de navigation F qui contiendrait les messages et le chat. Un peu comme les dossiers des applications mobiles. Ainsi, vous verrez ce qu’il y a dedans et pourrez l’ouvrir dans un DMenu par exemple. Il affiche séparément les badges non lus lorsqu’il s’ouvre, sinon vous voyez un indicateur non lu consolidé. Les messages devraient avoir la priorité, comme l’a mentionné Arkshine, donc ils s’ouvriraient dans une modale pour voir les messages.
Excellentes idées ! Je pense que les messages devraient être dans la barre de navigation F, comme je l’ai mentionné plus haut, mais je pense que ce sera personnalisable.
L’idée originale ici était de rediriger les utilisateurs vers les notifications avec le filtre « non lus » s’il y a des notifications non lues, et d’aller à toutes sans filtre s’il n’y en a pas, et d’aller à la page de révision s’il y a des notifications révisables. Mais j’ai oublié de l’ajouter Je pense que c’est plus confortable sur mobile de rediriger la page… Mais peut-être que je me trompe
Edit : Je l’ai ajouté. Maintenant, il redirige vers /u/username/notifications?filter=unread s’il y a une notification non lue.
Hmm oui, il semble qu’il n’ajoute pas correctement l’animation si vous fermez le menu hamburger en cliquant à l’extérieur. La fermeture par balayage fonctionne bien, je pense que c’est pour cela que je ne l’avais pas remarqué.
Excellent travail, merci pour le composant, je vais l’essayer.
Il a acquis une apparence plus simple, surtout dans la section d’en-tête sur mobile. Je l’aime bien comme ça, l’encombrement a disparu et il y a un aspect plus simple. La plupart des applications les plus connues l’utilisent maintenant de cette façon, par exemple : x.com. Fonctionnalités qui pourraient être ajoutées :
Un bouton “Nouveau sujet” pourrait être ajouté au widget.
Lorsque je clique sur un message et que j’y accède, au lieu du bouton d’accueil, il pourrait y avoir une icône “retour”. Lorsque l’utilisateur clique sur cette icône, il peut revenir à l’endroit où il s’est arrêté.
Lorsque je clique sur un message, le bouton actif sélectionné de la page d’accueil pourrait changer. Il pourrait être transparent.
Il pourrait y avoir le nombre de messages non lus sur l’icône de la page d’accueil. Je ne suis pas sûr de cela, cela pourrait le rendre plus encombré ou en alternative :
Est-il possible de définir des raccourcis vers des catégories ?
J’aimerais beaucoup essayer d’avoir des icônes pour des catégories spéciales en bas.
Elles devraient pouvoir afficher des indicateurs sur les sujets mis à jour ou nouveaux, comme les raccourcis de catégorie dans la barre latérale.
Merci pour vos commentaires @ozkn
J’ai ajouté le changement d’icône d’accueil sur les routes de sujets et l’indicateur de point de sujet nouveau ou mis à jour. Ce serait probablement une bonne idée d’ajouter le composant de thème de sujet nouveau ou mis à jour… J’ai également modifié la position et la taille du badge de notification (je l’ai rendu plus petit et le numéro plus gras).
Excellent travail @Don. Très beau composant de thème. J’ai découvert quelques problèmes sur Android où le balayage ne fonctionne pas bien, surtout dans les PWA. Cela peut être spécifique aux téléphones et non à Discourse, mais cela existe néanmoins, ce qui comble cette lacune, surtout pour iOS. Il semble qu’il y ait de la place pour un autre élément de navigation avec l’espace disponible sur la barre de navigation F.
Voici l’idée pour l’onglet multiple. Je pense que je vais changer l’icône de l’onglet, mais ce n’est que la première version. Il contient le chat et les messages. Le chat fonctionne comme l’icône de chat de l’en-tête et les messages ouvrent une fenêtre modale de messages. Cela fonctionnera probablement si le chat est désactivé, alors DMenu sera également désactivé et seuls les messages seront dans la navigation.
Bonjour Quelques progrès ici… J’ai créé les bulles de notification, fait quelques ajustements sur les notifications numériques et autres…
L’onglet multiple est maintenant automatiquement changé en onglet de message si le chat n’est pas activé ou si l’utilisateur le désactive dans les paramètres utilisateur. Mais les administrateurs peuvent maintenant ajouter séparément l’onglet de message et l’onglet de chat.
Les bulles de notification changent en fonction de l’urgence ou non.
Les notifications urgentes de l’onglet multiple sont vertes et ressemblent à ceci.
Encore une mise à jour ici… J’ai reconstruit l’état actif des onglets, cela fonctionne maintenant mieux avec les destinations d’onglets dynamiques également.
Je l’ai corrigé… Merci
C’est maintenant une option et les administrateurs peuvent choisir celle qu’ils préfèrent. notificationToRoute : redirige vers la page des notifications notificationMenu : ouvre le menu des notifications
J’ai ajouté ces changements au créateur de thèmes, donc cela fonctionne maintenant comme ceci.
Beau travail @Don Je sais que ce n’est pas votre composant de thème F NAV, mais ce serait formidable s’il y avait un x pour fermer la fenêtre de recherche lorsqu’elle s’ouvre. Sauf si je le manque, ce qui est possible une fois que vous cliquez sur l’icône de recherche si vous décidez de ne pas rechercher, ce n’est pas propre de fermer la fenêtre.
Salut Brian Je ne suis pas sûr de comprendre. Lorsque vous appuyez sur l’icône de recherche, vous serez redirigé vers la page /search, vous pourrez donc revenir en arrière avec la navigation ou le geste du navigateur/mobile.
Encore une mise à jour… J’ai décidé de ne pas supprimer les icônes d’en-tête, seulement de les masquer avec du CSS. Hier, lorsque j’ai corrigé l’animation d’ouverture du menu hamburger, j’ai réalisé que ce serait plus facile, plus propre et plus sûr, je pense, car de cette façon, nous pouvons déclencher le clic sur les icônes d’en-tête par défaut. Maintenant, le hamburger, le menu de notification et la recherche fonctionnent de cette façon. L’icône de chat d’en-tête par défaut est également simplement masquée avec du CSS car sur les pages /chat, elle s’affichera dans l’en-tête.
J’essaie de rendre les paramètres aussi simples que possible.
Ils contiendront 4 champs, les descriptions sont encore manquantes. La destination est facultative car si vous choisissez une fonction, elle inclura la chose nécessaire et ce champ doit être laissé vide.
Les administrateurs peuvent simplement créer/supprimer/modifier des onglets et choisir parmi l’une des fonctions ou ajouter une destination personnalisée à l’onglet.
Fonctions
Salut @Don, ma déclaration est plutôt incohérente, mon commentaire n’a rien à voir avec ton composant. Je pense qu’il serait utile d’avoir un x pour fermer l’interface de recherche si tu décides de ne pas rechercher après l’avoir ouverte ou si tu as cliqué par erreur. Je finis souvent par quitter la page ou Discourse par accident.
Même problème qu’avec un autre similaire plus tôt : l’utilisation avec DiscourseHub est vraiment difficile. Maintenant, c’est uniquement pour les navigateurs et les PWA.
Je pense que c’est plus confortable sur mobile de rediriger la page… Mais peut-être que je me trompe 
Quelques progrès ici… J’ai créé les bulles de notification, fait quelques ajustements sur les notifications numériques et autres… 
mon commentaire n’a rien à voir avec ton composant. Je pense qu’il serait utile d’avoir un x pour fermer l’interface de recherche si tu décides de ne pas rechercher après l’avoir ouverte ou si tu as cliqué par erreur. Je finis souvent par quitter la page ou Discourse par accident. 
