46 lines
1.5 KiB
JavaScript
46 lines
1.5 KiB
JavaScript
import StringBuffer from 'discourse/mixins/string-buffer';
|
|
|
|
export default Ember.Component.extend(StringBuffer, {
|
|
classNames: ['topic-statuses'],
|
|
|
|
rerenderTriggers: ['topic.archived', 'topic.closed', 'topic.pinned', 'topic.visible', 'topic.unpinned', 'topic.is_warning'],
|
|
|
|
click: function() {
|
|
var topic = this.get('topic');
|
|
|
|
// only pin unpin for now
|
|
if (topic.get('pinned')) {
|
|
topic.clearPin();
|
|
} else {
|
|
topic.rePin();
|
|
}
|
|
|
|
return false;
|
|
},
|
|
|
|
canAct: function() {
|
|
return Discourse.User.current() && !this.get('disableActions');
|
|
}.property('disableActions'),
|
|
|
|
renderString: function(buffer) {
|
|
|
|
var self = this;
|
|
|
|
var renderIconIf = function(conditionProp, name, key, actionable) {
|
|
if (!self.get(conditionProp)) { return; }
|
|
var title = Handlebars.Utils.escapeExpression(I18n.t("topic_statuses." + key + ".help"));
|
|
var startTag = actionable ? "a href" : "span";
|
|
var endTag = actionable ? "a" : "span";
|
|
|
|
buffer.push("<" + startTag + " title='" + title + "' class='topic-status'><i class='fa fa-" + name + "'></i></" + endTag + ">");
|
|
};
|
|
|
|
renderIconIf('topic.is_warning', 'envelope', 'warning');
|
|
renderIconIf('topic.closed', 'lock', 'locked');
|
|
renderIconIf('topic.archived', 'lock', 'archived');
|
|
renderIconIf('topic.pinned', 'thumb-tack', 'pinned', self.get("canAct") );
|
|
renderIconIf('topic.unpinned', 'thumb-tack unpinned', 'unpinned', self.get("canAct"));
|
|
renderIconIf('topic.invisible', 'eye-slash', 'invisible');
|
|
}
|
|
});
|