44 lines
1.0 KiB
JavaScript
44 lines
1.0 KiB
JavaScript
import { iconHTML } from 'discourse/helpers/fa-icon';
|
|
import { default as computed, observes } from 'ember-addons/ember-computed-decorators';
|
|
|
|
export default Ember.Component.extend({
|
|
tagName: 'button',
|
|
classNameBindings: [':btn', 'noText'],
|
|
attributeBindings: ['disabled', 'translatedTitle:title'],
|
|
|
|
noText: Ember.computed.empty('translatedLabel'),
|
|
|
|
@computed("title")
|
|
translatedTitle(title) {
|
|
if (title) return I18n.t(title);
|
|
},
|
|
|
|
@computed("label")
|
|
translatedLabel(label) {
|
|
if (label) return I18n.t(label);
|
|
},
|
|
|
|
@observes('icon')
|
|
iconChanged() {
|
|
this.rerender();
|
|
},
|
|
|
|
render(buffer) {
|
|
const label = this.get('translatedLabel'),
|
|
icon = this.get('icon');
|
|
|
|
if (label || icon) {
|
|
if (icon) { buffer.push(iconHTML(icon) + ' '); }
|
|
if (label) { buffer.push(label); }
|
|
} else {
|
|
// If no label or icon is present, yield
|
|
return this._super(buffer);
|
|
}
|
|
},
|
|
|
|
click() {
|
|
this.sendAction("action", this.get("actionParam"));
|
|
return false;
|
|
}
|
|
});
|