Adicionar um ícone antes das wikis na lista de tópicos?

Dev
1

Não há uma classe CSS específica na lista de tópicos.
É possível editar o template da lista de tópicos?

3 curtidas
2

Se você quiser apenas adicionar uma classe ao componente de item da lista de tópicos, pode fazer isso sem modificar o modelo. Você pode usar algo como isto.

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

api.modifyClass("component:topic-list-item", {
  pluginId: "add-views-class",
  @discourseComputed()
  unboundClassNames() {
    // registre as propriedades do tópico para ver com o que você pode trabalhar
    console.log(this.topic);
    // herde as classes padrão do núcleo e dos plugins
    let classList = this._super(...arguments);
    // adicione suas novas classes com base em uma propriedade
    if (this.topic.views > 100) {
      classList += " has-many-views";
    }
    // retorne a classList modificada
    return classList;
  }
});

Em seguida, um pouco de CSS

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

Infelizmente, wiki é uma propriedade no nível da postagem, não no nível do tópico. Portanto, ela não é adicionada ao modelo do item da lista de tópicos. Você pode usar uma tag ou criar uma solicitação de recurso para o Discourse adicionar essa classe.

6 curtidas
3

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