IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-16 18:24:52 -06:00
Code Issues Packages Projects Releases Wiki Activity

DEV: removes jquery usage from add-category-tag-classes (#15232)

Browse Source 
Co-authored-by: Jarek Radosz <jradosz@gmail.com>
This commit is contained in:
Joffrey JAFFEUX 2021-12-08 14:32:27 +01:00 committed by GitHub
parent b1c11d5787
commit e1b4e2e034
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 21 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
app/assets/javascripts/discourse/app/components/add-category-tag-classes.js
View File

@ -15,21 +15,19 @@ export default Component.extend({
return;
}
const slug = this.get("category.fullSlug");
const tags = this.tags;
this._removeClass();
let classes = [];
const classes = [];
if (slug) {
classes.push("category");
classes.push(`category-${slug}`);
}
if (tags) {
tags.forEach((t) => classes.push(`tag-${t}`));
}
if (classes.length > 0) {
$("body").addClass(classes.join(" "));
}
this.tags?.forEach((t) => classes.push(`tag-${t}`));
document.body.classList.add(...classes);
},
@observes("category.fullSlug", "tags")
@ -37,14 +35,23 @@ export default Component.extend({
scheduleOnce("afterRender", this, this._updateClass);
},
_removeClass() {
$("body").removeClass((_, css) =>
(css.match(/\b(?:category|tag)-\S+|( category )/g) || []).join(" ")
);
},
willDestroyElement() {
this._super(...arguments);
this._removeClass();
},
_removeClass() {
const invalidClasses = [];
const regex = /\b(?:category|tag)-\S+|( category )/g;
document.body.classList.forEach((name) => {
if (regex.test(name)) {
invalidClasses.push(name);
}
});
if (invalidClasses.length) {
document.body.classList.remove(...invalidClasses);
}
},
});