Basculement de champ personnalisé utilisateur pour la barre latérale (Mode SFW)

Que souhaitez-vous faire ?

Je dois ajouter un nouveau bouton à la barre latérale (ou à un autre endroit discutable), qui basculera simplement la valeur d’un champ personnalisé de l’utilisateur. Nous avons mis en place le mode « SFW » en inversant cette approche. Mais comme la valeur est facultative pour l’utilisateur et que le site Web est NSFW par défaut, il faudrait du temps à un utilisateur pour accéder aux paramètres de son profil afin de trouver une case à cocher minuscule et peu évidente.

C’est pourquoi l’idée de mettre un bouton avec deux états (Activé/Désactivé) qui changera la valeur du champ personnalisé pour l’utilisateur. L’état par défaut est NSFW (champ utilisateur décoché, ou 0). Le deuxième état est SFW (champ utilisateur coché).

Quand en avez-vous besoin ?

Il me semble que ce devrait être une tâche rapide pour un développeur expérimenté de composant de thème :slight_smile: Prenez votre temps.

Quel est votre budget, en dollars USD, que vous pouvez offrir pour cette tâche ?

Fixez votre prix. Cela ressemble à un travail facile.

1 « J'aime »

Peut-être que ce travail m’intéresse ?

4 « J'aime »

Je ne suis pas sûr si c’est une question pour quelqu’un :slight_smile: Travaillons :slight_smile:

3 « J'aime »

Ce composant thématique peut-il être combiné avec la bannière de lien de bienvenue ?

1 « J'aime »

Quel formidable composant thématique User Field Prompt ! Peu importe la fréquence à laquelle je visite Discourse Meta, c’est toujours incroyable de découvrir quelque chose de nouveau sur Discourse.

La tâche décrite est différente du concept de champs de publication. Et elle n’est pas non plus destinée à être utilisée avec d’autres composants thématiques comme Welcome Link Banner que vous avez mentionné.

La personnalisation maximale que je vois maintenant est l’introduction d’options de personnalisation de base comme :

  • Champs de texte Discourse pour que l’administrateur puisse créer/mettre à jour/supprimer des boutons sur l’exemple de nombreux composants thématiques comme Custom Header Links (icons)

  • L’administrateur pourrait donner au bouton :

    • un Nom (ID pour les besoins CSS)
    • des noms d’icônes SVG pour les deux états (nécessite qu’elle soit présente dans les sprites font-awesome ou les SVG personnalisés du site)
    • un ID de champ personnalisé
1 « J'aime »

Je n’ai pas encore joué avec, mais il y a aussi la publication de pages.

J’imagine que le code pourrait aider à trouver des idées. Il y a quelques composants qui utilisent des champs utilisateur. Un ajout plus récent est une sorte de mots surveillés pour le membre qui cachera ? les messages avec le terme.

Il existe également des composants de thème qui utilisent un interrupteur dans le menu Hamburger ou l’en-tête, si je me souviens bien.

Les liens d’en-tête personnalisés pourraient également fonctionner, potentiellement.

Je ne suis pas sûr, mais avec une case à cocher ? vous pourriez être en mesure de copier le lien pour cette case à cocher préférée de l’utilisateur.

Désolé, je vous ai perdu sur les deux premières phrases car je ne pense pas qu’elles soient liées au sujet ci-dessus.

P.S. Votre certificat SSL pour le site web dans votre bio a expiré :unlocked:

1 « J'aime »

Merci, il faut mettre à jour l’adresse du site. Le client a changé de .ai à .com. :facepalm:

L’idée que j’ai mentionnée ci-dessus. Vous pourriez regarder la source du prompt du champ Utilisateur pour avoir une idée du code dont vous avez besoin pour basculer votre paramètre utilisateur nsfw. Ensuite, regardez quelque chose comme le basculement Clair/Sombre du composant Thème et combinez les idées pour le basculement afin de manipuler votre paramètre utilisateur nsfw.

D’accord, je comprends maintenant. Eh bien, vous semblez réinventer la roue de cette solution que j’ai mentionnée dans le premier message : Our solution for blurring NSFW content

Cela fait ce dont vous parlez. Il examine la valeur du champ de l’utilisateur et définit une classe CSS via JS. Veuillez vous assurer que vous utilisez le code de ce message comme base, car celui utilisé dans le premier message repose sur des méthodes Discourse obsolètes.

De plus, vous pouvez consulter ceci : CSS Classes for Current User's Groups pour ajuster l’apparence et la fonctionnalité de votre site Web en fonction des groupes d’utilisateurs :slight_smile:

1 « J'aime »

Quant au basculement lui-même, et à votre référence à Basculement Sombre/Clair, je suppose qu’il pourrait être intéressant de l’examiner pour les futurs développeurs de ce composant que j’aimerais partager publiquement dès qu’il sera terminé. @Lhc_fl travaille actuellement sur quelque chose et nous espérons pouvoir le tester nous-mêmes en production d’abord :slight_smile:

2 « J'aime »

C’est assez cool. Je suis encore très novice en matière de codage. Il reste encore beaucoup à apprendre.

D’après ce que j’ai vu, Lhc_fl est très talentueux.

1 « J'aime »

C’est fait : Sidebar User Field Toggle

Yep Reaction GIF by C H A R L Ö T T E

Merci, @Lhc_fl :heart:

3 « J'aime »

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.