Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Category badge preview uses new sub-category badge styling in create/edit category modal

This commit is contained in:
Neil Lalonde 2014-03-25 16:17:04 -04:00
parent 497a03fc2c
commit a40896bb55
2 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
app/assets/javascripts/discourse/controllers/edit_category_controller.js
View File

@ -70,6 +70,19 @@ Discourse.EditCategoryController = Discourse.ObjectController.extend(Discourse.M
return "background-color: #" + (this.get('color')) + "; color: #" + (this.get('text_color')) + ";";
}.property('color', 'text_color'),
parentStyle: function() {
if (this.get('parent_category_id')) {
var parent = Discourse.Category.list().findBy('id', parseInt(this.get('parent_category_id'), 10));
if (parent) {
return 'background-color: #' + parent.get('color') + ';';
} else {
return 'display: none';
}
} else {
return 'display: none;';
}
}.property('parent_category_id'),
// background colors are available as a pipe-separated string
backgroundColors: function() {
var categories = Discourse.Category.list();

2
app/assets/javascripts/discourse/templates/modal/edit_category.js.handlebars
View File

@ -52,7 +52,7 @@
<section class='field'>
<label>{{i18n category.badge_colors}}</label>
<div class="category-color-editor">
<span class='badge-category' {{bind-attr style="colorStyle"}}>{{categoryName}}</span>
<span class='badge-category-parent' {{bind-attr style="parentStyle"}}>&nbsp;</span><span class='badge-category' {{bind-attr style="colorStyle"}}>{{categoryName}}</span>
<div class='input-prepend input-append' style="margin-top: 10px;">
<span class='color-title'>{{i18n category.background_color}}:</span>