github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-05-28 10:11:25 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

UX: Show proper HTML for category preview in site settings

Browse Source
This commit is contained in:
Robin Ward
2017-08-04 13:56:27 -04:00
parent 58d452fc41
commit a3ef814245
2 changed files with 14 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
app/assets/javascripts/admin/components/site-setting.js.es6
View File

@ -2,6 +2,7 @@ import BufferedContent from 'discourse/mixins/buffered-content';
import SiteSetting from 'admin/models/site-setting';
import { propertyNotEqual } from 'discourse/lib/computed';
import computed from 'ember-addons/ember-computed-decorators';
import { categoryLinkHTML } from 'discourse/helpers/category-link';
const CustomTypes = ['bool', 'enum', 'list', 'url_list', 'host_list', 'category_list', 'value_list'];
@ -11,8 +12,19 @@ export default Ember.Component.extend(BufferedContent, {
dirty: propertyNotEqual('buffered.value', 'setting.value'),
validationMessage: null,
@computed("setting.preview", "buffered.value")
preview(preview, value) {
@computed("setting", "buffered.value")
preview(setting, value) {
// A bit hacky, but allows us to use helpers
if (setting.get('setting') === 'category_style') {
let category = this.site.get('categories.firstObject');
if (category) {
return categoryLinkHTML(category, {
categoryStyle: value
});
}
}
let preview = setting.get('preview');
if (preview) {
return new Handlebars.SafeString("<div class='preview'>" + preview.replace(/\{\{value\}\}/g, value) + "</div>");
}