ui/app/components/sortable-thead/component.js

30 lines
780 B
JavaScript

import Ember from 'ember';
export default Ember.Component.extend({
tagName: 'TH',
classNames: ['sortable'],
name: null,
sortable: null,
width: null,
label: null,
ariaRole: ['columnheader'],
isActions: false,
current: Ember.computed.alias('sortable.sortBy'),
descending: Ember.computed.alias('sortable.descending'),
activeAscending: Ember.computed('name','current','descending', function() {
return !this.get('descending') && this.get('current') === this.get('name');
}),
activeDescending: Ember.computed('name','current','descending', function() {
return this.get('descending') && this.get('current') === this.get('name');
}),
attributeBindings: ['width'],
click: function() {
this.sendAction('action', this.get('name'));
}
});