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

added glyph to dropdown list

This commit is contained in:
Catrin 2014-05-06 10:47:28 +02:00 committed by Neil Lalonde
parent 5726f6f040
commit d1cc91520f
2 changed files with 30 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/assets/javascripts/discourse/templates/category_notification_dropdown.js.handlebars
View File

@ -1,6 +1,6 @@
<div>
<button class='btn standard dropdown-toggle' data-toggle='dropdown'>
<i {{bind-attr class=view.icon}}"></i>
<i {{bind-attr class=view.icon}}></i>
<span class='caret'></span>
</button>
@ -9,7 +9,7 @@
{{#each level in view.dropDownContent}}
<li data-id="{{level.id}}">
<a {{action setNotification level.id}} href="#">
<span class='title'>{{level.title}}</span><span>{{level.description}}</span>
<span class="title"><i {{bind-attr class=level.styleClasses}}></i>&nbsp;{{level.title}}</span><span>{{level.description}}</span>
</a>
</li>
{{/each}}

51
app/assets/javascripts/discourse/views/buttons/category_notifications_button.js
View File

@ -11,6 +11,13 @@ Discourse.CategoryNotificationsButton = Discourse.View.extend({
category: Em.computed.alias('controller.model'),
hidden: Em.computed.alias('category.deleted'),
templateName: 'category_notification_dropdown',
watchingClasses: 'fa fa-circle heatmap-high',
trackingClasses: 'fa fa-circle heatmap-low',
mutedClasses: 'fa fa-times-circle',
regularClasses: 'fa fa-circle-o',
init: function() {
this.display();
@ -21,16 +28,17 @@ Discourse.CategoryNotificationsButton = Discourse.View.extend({
var contents = [];
_.each([
['WATCHING', 'watching'],
['TRACKING', 'tracking'],
['REGULAR', 'regular'],
['MUTED', 'muted']
['WATCHING', 'watching', this.watchingClasses],
['TRACKING', 'tracking', this.trackingClasses],
['REGULAR', 'regular', this.regularClasses],
['MUTED', 'muted', this.mutedClasses]
], function(pair) {
contents.push({
id: Discourse.Category.NotificationLevel[pair[0]],
title: I18n.t('category.notifications.' + pair[1] + '.title'),
description: I18n.t('category.notifications.' + pair[1] + '.description')
description: I18n.t('category.notifications.' + pair[1] + '.description'),
styleClasses: pair[2]
}
);
@ -41,24 +49,21 @@ Discourse.CategoryNotificationsButton = Discourse.View.extend({
// displayed Button
display: function() {
var key = (function() {
switch (this.get('category').notification_level) {
case Discourse.Category.NotificationLevel.WATCHING: return 'watching';
case Discourse.Category.NotificationLevel.TRACKING: return 'tracking';
case Discourse.Category.NotificationLevel.MUTED: return 'muted';
default: return 'regular';
}
}).call(this);
var icon = (function() {
switch (key) {
case 'watching': return 'fa fa-circle heatmap-high';
case 'tracking': return 'fa fa-circle heatmap-low';
case 'muted': return 'fa fa-times-circle';
default: return 'fa fa-circle-o';
}
})();
var icon = "";
switch (this.get('category').notification_level) {
case Discourse.Category.NotificationLevel.WATCHING:
icon = this.watchingClasses;
break;
case Discourse.Category.NotificationLevel.TRACKING:
icon = this.trackingClasses;
break;
case Discourse.Category.NotificationLevel.MUTED:
icon = this.mutedClasses;
break;
default:
icon = this.regularClasses;
break;
}
this.set("icon", icon);
},