Étapes pour créer des petites actions personnalisées à utiliser dans un plugin ?

Dev
1

Je travaille sur des plugins spécifiques à un domaine pour notre forum et nous aimerions créer de petites actions personnalisées similaires à celles-ci :

image
image782×103 8.5 KB

En particulier, j’ai juste besoin de pouvoir afficher des avis comme ceux-ci dans les sujets, tout en étant capable de personnaliser l’icône et le texte.

Quelqu’un peut-il m’expliquer les structures, modules, modèles, etc., auxquels je devrais me connecter pour réaliser cela côté back-end et front-end, ou pouvez-vous m’orienter vers un plugin existant qui implémente déjà cette fonctionnalité ?

Merci !

2

discourse-assign est probablement le meilleur exemple de cela :

Et ensuite, quelques éléments pour ajouter l’icône et le contenu :

https://github.com/discourse/discourse-assign/blob/master/assets/javascripts/discourse-assign/initializers/extend-for-assigns.js.es6#L158-L169

3

Merci, cela m’a beaucoup aidé.

Quelle serait la meilleure méthode pour afficher un texte plus riche dans la petite action ?

Actuel :
image

Ce que je veux : (j’ai réussi à le faire en insérant manuellement la classe cooked dans le div avec la classe small-action-desc)

image

J’ai parcouru le code source concernant les transformateurs de messages, mais je n’ai rien trouvé de lié à cela.

MODIFICATION : j’ai fini par simplement ajouter ceci en .scss

.custom-message {
    ins {
        background-color: dark-light-choose(
            $success-low,
            scale-color($success, $lightness: -60%)
        );
    }
    del {
        background-color: dark-light-choose(
            $danger-low,
            scale-color($danger, $lightness: -60%)
        );
    }
}