github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-12-01 04:33:37 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Add group name classes to tag page so groups can be hidden with CSS (#8118)

Browse Source
This commit is contained in:
Kris 2019-10-21 12:22:19 -04:00 committed by GitHub
parent 835d2be4da
commit 56862f61c0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
app/assets/javascripts/discourse/components/tag-list.js.es6
View File

@ -1,7 +1,7 @@
import computed from "ember-addons/ember-computed-decorators"; import computed from "ember-addons/ember-computed-decorators";
export default Ember.Component.extend({ export default Ember.Component.extend({
classNameBindings: [":tag-list", "categoryClass"], classNameBindings: [":tag-list", "categoryClass", "tagGroupNameClass"],
isPrivateMessage: false, isPrivateMessage: false,
sortedTags: Ember.computed.sort("tags", "sortProperties"), sortedTags: Ember.computed.sort("tags", "sortProperties"),
@ -19,5 +19,16 @@ export default Ember.Component.extend({
@computed("category.fullSlug") @computed("category.fullSlug")
categoryClass(slug) { categoryClass(slug) {
return slug && `tag-list-${slug}`; return slug && `tag-list-${slug}`;
},
@computed("tagGroupName")
tagGroupNameClass(groupName) {
if (groupName) {
groupName = groupName
.replace(/\s+/g, "-")
.replace(/[!\"#$%&'\(\)\*\+,\.\/:;<=>\?\@\[\\\]\^`\{\|\}~]/g, "")
.toLowerCase();
return groupName && `tag-group-${groupName}`;
}
} }
}); });