Discource-C/discourse-category-banners
1
0
Fork 0
mirror of https://github.com/discourse/discourse-category-banners synced 2025-02-11 05:54:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

Setting to show category icon from discourse-category-icons theme component (#7)

Browse Source
This commit is contained in:
Renato Atilio 2020-11-30 11:46:44 -03:00 committed by GitHub
parent a835aa8e7c
commit eeced5b1c4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 26 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
common/common.scss
View File

@ -17,6 +17,18 @@ div[class^="category-title-header"] {
.category-title {
display: inline;
}
.category-icon-widget {
display: inline;
.category-icon {
.d-icon {
height: 1.5em;
width: 1.5em;
margin-right: 0.75em;
}
}
}
}
.category-title-description {

12
javascripts/discourse/widgets/category-header-widget.js.es6
View File

@ -2,13 +2,21 @@ import { h } from "virtual-dom";
import { iconNode } from "discourse-common/lib/icon-library";
import { createWidget } from "discourse/widgets/widget";
function buildCategory(category) {
function buildCategory(category, widget) {
const content = [];
if (category.read_restricted) {
content.push(iconNode("lock"));
}
if (settings.show_category_icon) {
try {
content.push(widget.attach("category-icon", { category }));
} catch {
// if widget attaching fails, ignore it as it's probably the missing component
}
}
content.push(h("h1.category-title", category.name));
if (settings.show_description) {
@ -63,7 +71,7 @@ export default createWidget("category-header-widget", {
style: `background-color: #${category.color}; color: #${category.text_color};`,
},
},
h("div.category-title-contents", buildCategory(category))
h("div.category-title-contents", buildCategory(category, this))
);
}
} else {

4
settings.yml
View File

@ -29,3 +29,7 @@ show_below_site_header:
default: true
type: bool
description: "Display the banner in the below site header connector."
show_category_icon:
default: false
description: "Show category icon from Discourse Category Icons component"