diff --git a/UI/Mixins/backbone.Backgrid.mixin.js b/UI/Mixins/backbone.Backgrid.mixin.js index 11dcacb48..13e9dcf36 100644 --- a/UI/Mixins/backbone.Backgrid.mixin.js +++ b/UI/Mixins/backbone.Backgrid.mixin.js @@ -80,4 +80,40 @@ Backgrid.SeriesIndexTableRow = Backgrid.Row.extend({ view: view }); } +}); + +Backgrid.NzbDroneHeaderCell = Backgrid.HeaderCell.extend({ + events: { + 'click': 'onClick' + }, + + render: function () { + this.$el.empty(); + var test = this.column.get('label'); + this.$el.append(this.column.get("label")); + + if (this.column.get('sortable')) { + this.$el.append(" "); + } + this.delegateEvents(); + return this; + }, + + direction: function (dir) { + if (arguments.length) { + if (this._direction) this.$el.children('i').removeClass(this._convertDirectionToIcon(this._direction)); + if (dir) this.$el.children('i').addClass(this._convertDirectionToIcon(dir)); + this._direction = dir; + } + + return this._direction; + }, + + _convertDirectionToIcon: function (dir) { + if (dir === 'ascending') { + return 'icon-sort-up'; + } + + return 'icon-sort-down'; + } }); \ No newline at end of file diff --git a/UI/Series/Index/SeriesIndexLayout.js b/UI/Series/Index/SeriesIndexLayout.js index ca1235126..c7ab0592c 100644 --- a/UI/Series/Index/SeriesIndexLayout.js +++ b/UI/Series/Index/SeriesIndexLayout.js @@ -28,51 +28,59 @@ define([ name: 'status', label: '', editable: false, - cell: 'seriesStatus' + cell: 'seriesStatus', + headerCell: 'nzbDrone' }, { name: 'title', label: 'Title', editable: false, - cell: 'string' + cell: 'string', + headerCell: 'nzbDrone' }, { name: 'seasonCount', label: 'Seasons', editable: false, - cell: 'integer' + cell: 'integer', + headerCell: 'nzbDrone' }, { name: 'quality', label: 'Quality', editable: false, - cell: 'integer' + cell: 'integer', + headerCell: 'nzbDrone' }, { name: 'network', label: 'Network', editable: false, - cell: 'string' + cell: 'string', + headerCell: 'nzbDrone' }, { name: 'nextAiring', label: 'Next Airing', editable: false, - cell: 'airDate' + cell: 'airDate', + headerCell: 'nzbDrone' }, { name: 'episodes', label: 'Episodes', editable: false, sortable: false, - cell: 'episodeProgress' + cell: 'episodeProgress', + headerCell: 'nzbDrone' }, { name: 'edit', label: '', editable: false, sortable: false, - cell: 'controlsColumn' + cell: 'controlsColumn', + headerCell: 'nzbDrone' } ];