Ajouter une icône devant les wikis dans la liste des sujets ?

Dev
1

Il n’y a pas de classe CSS spécifique dans la liste des sujets.
Est-il possible en modifiant le modèle de la liste des sujets ?

3 « J'aime »
2

Si vous souhaitez uniquement ajouter une classe au composant d’élément de liste de sujets, vous pouvez le faire sans modifier le modèle. Vous pouvez utiliser quelque chose comme ceci.

const discourseComputed = require("discourse-common/utils/decorators").default;

api.modifyClass("component:topic-list-item", {
  pluginId: "add-views-class",
  @discourseComputed()
  unboundClassNames() {
    // journalisez les propriétés du sujet pour voir avec quoi vous travaillez
    console.log(this.topic);
    // héritez des classes par défaut du noyau et des plugins
    let classList = this._super(...arguments);
    // ajoutez vos nouvelles classes basées sur une propriété
    if (this.topic.views > 100) {
      classList += " has-many-views";
    }
    // retournez la classList modifiée
    return classList;
  }
});

Ensuite, un peu de CSS

.has-many-views {
  background: red;
}

Malheureusement, le wiki est une propriété au niveau de la publication, et non au niveau du sujet. Par conséquent, il n’est pas ajouté au modèle d’élément de liste de sujets. Vous pouvez utiliser un tag ou créer une demande de fonctionnalité pour Discourse afin d’ajouter cette classe.

6 « J'aime »
3

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