mirror of
https://github.com/discourse/discourse.git
synced 2025-09-07 12:02:53 +08:00
34 lines
996 B
JavaScript
34 lines
996 B
JavaScript
/**
|
|
Renders a heading for a table with optional sorting controls.
|
|
|
|
@class DiscourseHeadingComponent
|
|
@extends Ember.Component
|
|
@namespace Discourse
|
|
@module Discourse
|
|
**/
|
|
Discourse.DiscourseHeadingComponent = Ember.Component.extend({
|
|
tagName: 'th',
|
|
classNameBindings: ['number:num', 'sortBy', 'iconSortClass:sorting', 'sortable:sortable'],
|
|
attributeBindings: ['colspan'],
|
|
|
|
sortable: function() {
|
|
return this.get('sortOrder') && this.get('sortBy');
|
|
}.property('sortOrder', 'sortBy'),
|
|
|
|
iconSortClass: function() {
|
|
var sortable = this.get('sortable');
|
|
|
|
if (sortable && this.get('sortBy') === this.get('sortOrder.order')) {
|
|
return this.get('sortOrder.descending') ? 'icon-chevron-down' : 'icon-chevron-up';
|
|
}
|
|
}.property('sortable', 'sortOrder.order', 'sortOrder.descending'),
|
|
|
|
click: function() {
|
|
var sortOrder = this.get('sortOrder'),
|
|
sortBy = this.get('sortBy');
|
|
|
|
if (sortBy && sortOrder) {
|
|
sortOrder.toggle(sortBy);
|
|
}
|
|
}
|
|
});
|
