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

29 lines
746 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'],
current: Ember.computed.alias('sortable.sortBy'),
descending: Ember.computed.alias('sortable.descending'),
activeAscending: function() {
return !this.get('descending') && this.get('current') === this.get('name');
}.property('name','current','descending'),
activeDescending: function() {
return this.get('descending') && this.get('current') === this.get('name');
}.property('name','current','descending'),
attributeBindings: ['width'],
click: function() {
this.sendAction('action', this.get('name'));
}
});