Salut ! Est-il possible de déclencher l’action de changement de catégorie sur la page de recherche. Mon cas : j’ai une liste de catégories en haut
et quand je clique dessus, les résultats en bas devraient changer en fonction de la catégorie. J’ai créé un connecteur search-categories, et ajouté une classe de connecteur dans search-categories.js. Mais ça ne fonctionne pas quand je fais comme ça
const tt = require('discourse/components/search-advanced-options');
const Category = require("discourse/models/category");
const Component = require("@ember/component");
const I18n = require("I18n");
const { action } = require("@ember/object");
const { escapeExpression } = require("discourse/lib/utilities");
export default {
setupComponent(args, component) {
component.set('today', new Date());
console.log('setup')
},
@action
onChangeSearchTermForCategory(categoryId) {
if (categoryId) {
const category = Category.findById(categoryId);
tt.onChangeCategory && tt.onChangeCategory(category);
tt.set("searchedTerms.category", category);
} else {
tt.onChangeCategory && tt.onChangeCategory(null);
this.set("searchedTerms.category", null);
}
tt._updateSearchTermForCategory();
},
}
Pourquoi ça ne fonctionne pas et que peut-on faire. Mon fichier hbs de connecteur
<div class="custom-categories-wrapper">
{{conditional-loading-spinner condition=loadingCategories}}
<div class="nav-pills">
{{#each categories as |cat|}}
<li>
<a data-slug="{{cat.slug}}" {{on "click" @onChangeSearchTermForCategory cat.id}} data-id="{{cat.id}}">{{cat.name}}</a>
</li>
{{/each}}
</div>
</div>