59 lines
1.9 KiB
JavaScript
59 lines
1.9 KiB
JavaScript
import Ember from 'ember';
|
|
import BaseComponentMixin from '../mixins/components/base-component';
|
|
|
|
export default Ember.Component.extend(BaseComponentMixin, {
|
|
tagName: 'th',
|
|
order: Ember.computed('route.controller.sorters', function() {
|
|
return this.getDir();
|
|
}),
|
|
sorting: Ember.computed.none('order'),
|
|
asc: Ember.computed.equal('order', 'asc'),
|
|
desc: Ember.computed.equal('order', 'desc'),
|
|
// classNameBindings: ['asc:sorting_asc', 'desc:sorting_desc', 'sorting:sorting'],
|
|
attributeBindings: ['style'],
|
|
getDir() {
|
|
let me = this;
|
|
let name = me.get('name');
|
|
let sorters = me.getSorters();
|
|
if (sorters && sorters.length) {
|
|
let sorter = sorters.find(sorter => sorter.hasOwnProperty(name));
|
|
if (sorter) {
|
|
return sorter[name];
|
|
}
|
|
}
|
|
},
|
|
getSorters() {
|
|
let me = this;
|
|
let strSorters = me.get('route.controller.sorters');
|
|
if (strSorters) {
|
|
return JSON.parse(strSorters);
|
|
}
|
|
},
|
|
actions: {
|
|
sort() {
|
|
let me = this;
|
|
let sorters = me.getSorters() || [];
|
|
let name = me.get('name');
|
|
if (sorters.length) {
|
|
sorters = sorters.filter(sorter => !sorter.hasOwnProperty(name));
|
|
}
|
|
let sorter = {};
|
|
sorter[name] =
|
|
me.get('order') === 'asc' ?
|
|
'desc' : 'asc';
|
|
// prepend sort
|
|
sorters.unshift(sorter);
|
|
me.set('route.controller.sorters', JSON.stringify(sorters));
|
|
},
|
|
removeSort() {
|
|
let me = this;
|
|
let sorters = me.getSorters();
|
|
if (sorters) {
|
|
let name = me.get('name');
|
|
me.set('route.controller.sorters',
|
|
JSON.stringify(sorters.filter(sorter => !sorter.hasOwnProperty(name))));
|
|
}
|
|
}
|
|
}
|
|
});
|