59 lines
1.9 KiB
JavaScript
59 lines
1.9 KiB
JavaScript
import { computed } from '@ember/object';
|
|
import BasicComponent from './basic-component';
|
|
|
|
export default BasicComponent.extend({
|
|
tagName: 'th',
|
|
order: computed('route.controller.orders', function() {
|
|
return this.getDir();
|
|
}),
|
|
sorting: computed.none('order'),
|
|
asc: computed.equal('order', 'asc'),
|
|
desc: computed.equal('order', 'desc'),
|
|
// classNameBindings: ['asc:sorting_asc', 'desc:sorting_desc', 'sorting:sorting'],
|
|
attributeBindings: ['style'],
|
|
getDir() {
|
|
const me = this;
|
|
const name = me.get('name');
|
|
const orders = me.getOrders();
|
|
if (orders && orders.length) {
|
|
const order = orders.find(order => order.hasOwnProperty(name));
|
|
if (order) {
|
|
return order[name];
|
|
}
|
|
}
|
|
},
|
|
getOrders() {
|
|
const me = this;
|
|
const strOrders = me.get('route.controller.orders');
|
|
if (strOrders) {
|
|
return JSON.parse(strOrders);
|
|
}
|
|
},
|
|
actions: {
|
|
sort() {
|
|
const me = this;
|
|
let orders = me.getOrders() || [];
|
|
const name = me.get('name');
|
|
if (orders.length) {
|
|
orders = orders.filter(order => !order.hasOwnProperty(name));
|
|
}
|
|
const order = {};
|
|
order[name] =
|
|
me.get('order') === 'asc' ?
|
|
'desc' : 'asc';
|
|
// prepend sort
|
|
orders.unshift(order);
|
|
me.set('route.controller.orders', JSON.stringify(orders));
|
|
},
|
|
removeSort() {
|
|
const me = this;
|
|
const orders = me.getOrders();
|
|
if (orders) {
|
|
const name = me.get('name');
|
|
me.set('route.controller.orders',
|
|
JSON.stringify(orders.filter(order => !order.hasOwnProperty(name))));
|
|
}
|
|
}
|
|
}
|
|
});
|