ui/app/pods/components/action-button/component.js

35 lines
716 B
JavaScript

import Ember from 'ember';
export default Ember.Component.extend({
icon: 'fa-square',
tooltip: '',
enabled: true,
actionArg: null,
altActionArg: null,
tagName: 'button',
type: 'button',
classNames: ['btn','btn-link'],
classNameBindings: ['enabled::hide'],
attributeBindings: ['tooltip'],
click : function(event) {
if ( event.altKey && this.get('altActionArg'))
{
this.sendAction('action', this.get('altActionArg'));
}
else
{
this.sendAction('action', this.get('actionArg'));
}
},
render: function(buffer) {
buffer.push('<i class="fa '+ this.get('icon') +'"></i>');
},
iconChanged: function() {
this.rerender();
}.observes('icon'),
});