github-mirror/discourse
github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-20 17:52:45 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

DEV: Modernize <AddCategoryTagClasses> to use bodyClass helper (#23703)

Browse Source
This commit is contained in:
David Taylor 2023-09-28 17:44:15 +01:00 committed by GitHub
parent 43791ea2b5
commit 3fe5ce7ab4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 14 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
app/assets/javascripts/discourse/app/components/add-category-tag-classes.gjs Normal file
View File

@ -0,0 +1,14 @@
import bodyClass from "discourse/helpers/body-class";
import { concat } from "@ember/helper";
const AddCategoryTagClasses = <template>
{{#if @category}}
{{bodyClass "category" (concat "category-" @category.fullSlug)}}
{{/if}}
{{#each @tags as |tag|}}
{{bodyClass (concat "tag-" tag)}}
{{/each}}
</template>;
export default AddCategoryTagClasses;

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

@ -1,44 +0,0 @@
import Component from "@ember/component";
import { scheduleOnce } from "@ember/runloop";
export default class extends Component {
tagName = "";
currentClasses = new Set();
didReceiveAttrs() {
scheduleOnce("afterRender", this, this._updateClasses);
}
willDestroyElement() {
scheduleOnce("afterRender", this, this._removeClasses);
}
_updateClasses() {
if (this.isDestroying || this.isDestroyed) {
return;
}
const desiredClasses = new Set();
const slug = this.category?.fullSlug;
if (slug) {
desiredClasses.add("category");
desiredClasses.add(`category-${slug}`);
}
this.tags?.forEach((t) => desiredClasses.add(`tag-${t}`));
document.body.classList.add(...desiredClasses);
const removeClasses = [...this.currentClasses].filter(
(c) => !desiredClasses.has(c)
);
document.body.classList.remove(...removeClasses);
this.currentClasses = desiredClasses;
}
_removeClasses() {
document.body.classList.remove(...this.currentClasses);
}
}