Keivan Beigi
12 years ago
parent
1f62194ab8
commit
aed7b95245
@ -1,243 +0,0 @@
|
|||||||
"use strict";
|
|
||||||
|
|
||||||
Backgrid.Column.prototype.defaults = {
|
|
||||||
name : undefined,
|
|
||||||
label : undefined,
|
|
||||||
sortable : true,
|
|
||||||
editable : false,
|
|
||||||
renderable: true,
|
|
||||||
formatter : undefined,
|
|
||||||
cell : undefined,
|
|
||||||
headerCell: 'nzbDrone'
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
Backgrid.NzbDroneHeaderCell = Backgrid.HeaderCell.extend({
|
|
||||||
events: {
|
|
||||||
'click': 'onClick'
|
|
||||||
},
|
|
||||||
|
|
||||||
render: function () {
|
|
||||||
this.$el.empty();
|
|
||||||
this.$el.append(this.column.get("label"));
|
|
||||||
|
|
||||||
if (this.column.get('sortable')) {
|
|
||||||
this.$el.addClass('clickable');
|
|
||||||
this.$el.append(" <i class='pull-right'></i>");
|
|
||||||
|
|
||||||
if (this.collection.state) {
|
|
||||||
var sortKey = this.collection.state.sortKey;
|
|
||||||
var sortDir = this._convertIntToDirection(this.collection.state.order);
|
|
||||||
|
|
||||||
if (sortKey === this.column.get('name')) {
|
|
||||||
this.$el.children('i').addClass(this._convertDirectionToIcon(sortDir));
|
|
||||||
this._direction = sortDir;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
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;
|
|
||||||
},
|
|
||||||
|
|
||||||
onClick: function (e) {
|
|
||||||
e.preventDefault();
|
|
||||||
|
|
||||||
var columnName = this.column.get("name");
|
|
||||||
|
|
||||||
if (this.column.get("sortable")) {
|
|
||||||
if (this.direction() === "ascending") {
|
|
||||||
this.sort(columnName, "descending", function (left, right) {
|
|
||||||
var leftVal = left.get(columnName);
|
|
||||||
var rightVal = right.get(columnName);
|
|
||||||
if (leftVal === rightVal) {
|
|
||||||
return 0;
|
|
||||||
}
|
|
||||||
else if (leftVal > rightVal) {
|
|
||||||
return -1;
|
|
||||||
}
|
|
||||||
return 1;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
this.sort(columnName, "ascending", function (left, right) {
|
|
||||||
var leftVal = left.get(columnName);
|
|
||||||
var rightVal = right.get(columnName);
|
|
||||||
if (leftVal === rightVal) {
|
|
||||||
return 0;
|
|
||||||
}
|
|
||||||
else if (leftVal < rightVal) {
|
|
||||||
return -1;
|
|
||||||
}
|
|
||||||
return 1;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
_convertDirectionToIcon: function (dir) {
|
|
||||||
if (dir === 'ascending') {
|
|
||||||
return 'icon-sort-up';
|
|
||||||
}
|
|
||||||
|
|
||||||
return 'icon-sort-down';
|
|
||||||
},
|
|
||||||
|
|
||||||
_convertIntToDirection: function (dir) {
|
|
||||||
if (dir === '-1') {
|
|
||||||
return 'ascending';
|
|
||||||
}
|
|
||||||
|
|
||||||
return 'descending';
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
Backgrid.NzbDronePaginator = Backgrid.Extension.Paginator.extend({
|
|
||||||
|
|
||||||
template: 'Shared/BackgridPaginatorTemplate',
|
|
||||||
|
|
||||||
events: {
|
|
||||||
"click .pager-btn": "changePage"
|
|
||||||
},
|
|
||||||
|
|
||||||
windowSize: 1,
|
|
||||||
|
|
||||||
fastForwardHandleLabels: {
|
|
||||||
first: 'icon-fast-backward',
|
|
||||||
prev : 'icon-backward',
|
|
||||||
next : 'icon-forward',
|
|
||||||
last : 'icon-fast-forward'
|
|
||||||
},
|
|
||||||
|
|
||||||
changePage: function (e) {
|
|
||||||
e.preventDefault();
|
|
||||||
|
|
||||||
var target = $(e.target);
|
|
||||||
|
|
||||||
if (target.closest('li').hasClass('disabled')) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
var label = target.attr('data-action');
|
|
||||||
var ffLabels = this.fastForwardHandleLabels;
|
|
||||||
|
|
||||||
var collection = this.collection;
|
|
||||||
|
|
||||||
if (ffLabels) {
|
|
||||||
switch (label) {
|
|
||||||
case 'first':
|
|
||||||
collection.getFirstPage();
|
|
||||||
return;
|
|
||||||
case 'prev':
|
|
||||||
if (collection.hasPrevious()) {
|
|
||||||
collection.getPreviousPage();
|
|
||||||
}
|
|
||||||
return;
|
|
||||||
case 'next':
|
|
||||||
if (collection.hasNext()) {
|
|
||||||
collection.getNextPage();
|
|
||||||
}
|
|
||||||
return;
|
|
||||||
case 'last':
|
|
||||||
collection.getLastPage();
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
var state = collection.state;
|
|
||||||
var pageIndex = $(e.target).text() * 1;
|
|
||||||
collection.getPage(state.firstPage === 0 ? pageIndex - 1 :pageIndex);
|
|
||||||
},
|
|
||||||
|
|
||||||
makeHandles: function () {
|
|
||||||
|
|
||||||
var handles = [];
|
|
||||||
var collection = this.collection;
|
|
||||||
var state = collection.state;
|
|
||||||
|
|
||||||
// convert all indices to 0-based here
|
|
||||||
var firstPage = state.firstPage;
|
|
||||||
var lastPage = +state.lastPage;
|
|
||||||
lastPage = Math.max(0, firstPage ? lastPage - 1 : lastPage);
|
|
||||||
var currentPage = Math.max(state.currentPage, state.firstPage);
|
|
||||||
currentPage = firstPage ? currentPage - 1 : currentPage;
|
|
||||||
var windowStart = Math.floor(currentPage / this.windowSize) * this.windowSize;
|
|
||||||
var windowEnd = Math.min(lastPage + 1, windowStart + this.windowSize);
|
|
||||||
|
|
||||||
if (collection.mode !== "infinite") {
|
|
||||||
for (var i = windowStart; i < windowEnd; i++) {
|
|
||||||
handles.push({
|
|
||||||
label: i + 1,
|
|
||||||
title: "No. " + (i + 1),
|
|
||||||
className: currentPage === i ? "active" : undefined,
|
|
||||||
pageNumber: i + 1
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
var ffLabels = this.fastForwardHandleLabels;
|
|
||||||
if (ffLabels) {
|
|
||||||
|
|
||||||
if (ffLabels.prev) {
|
|
||||||
handles.unshift({
|
|
||||||
label: ffLabels.prev,
|
|
||||||
className: collection.hasPrevious() ? void 0 : "disabled",
|
|
||||||
action: 'prev'
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
if (ffLabels.first) {
|
|
||||||
handles.unshift({
|
|
||||||
label: ffLabels.first,
|
|
||||||
className: collection.hasPrevious() ? void 0 : "disabled",
|
|
||||||
action: 'first'
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
if (ffLabels.next) {
|
|
||||||
handles.push({
|
|
||||||
label: ffLabels.next,
|
|
||||||
className: collection.hasNext() ? void 0 : "disabled",
|
|
||||||
action: 'next'
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
if (ffLabels.last) {
|
|
||||||
handles.push({
|
|
||||||
label: ffLabels.last,
|
|
||||||
className: collection.hasNext() ? void 0 : "disabled",
|
|
||||||
action: 'last'
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return handles;
|
|
||||||
},
|
|
||||||
|
|
||||||
render: function () {
|
|
||||||
this.$el.empty();
|
|
||||||
|
|
||||||
var templateFunction = Marionette.TemplateCache.get(this.template);
|
|
||||||
|
|
||||||
this.$el.html(templateFunction({
|
|
||||||
handles: this.makeHandles()
|
|
||||||
}));
|
|
||||||
|
|
||||||
this.delegateEvents();
|
|
||||||
|
|
||||||
return this;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
@ -1,19 +1,22 @@
|
|||||||
"use strict";
|
"use strict";
|
||||||
NzbDrone.Release.ApprovalStatusCell = Backgrid.Cell.extend({
|
|
||||||
|
|
||||||
className: "approval-status-cell",
|
require(['app', 'backgrid'], function () {
|
||||||
|
NzbDrone.Release.ApprovalStatusCell = Backgrid.Cell.extend({
|
||||||
|
|
||||||
render: function () {
|
className: "approval-status-cell",
|
||||||
var rejections = this.model.get(this.column.get("name"));
|
|
||||||
|
|
||||||
var result = '';
|
render: function () {
|
||||||
|
var rejections = this.model.get(this.column.get("name"));
|
||||||
|
|
||||||
_.each(rejections, function (reason) {
|
var result = '';
|
||||||
result += reason + ' ';
|
|
||||||
});
|
|
||||||
|
|
||||||
this.$el.html(result);
|
_.each(rejections, function (reason) {
|
||||||
this.delegateEvents();
|
result += reason + ' ';
|
||||||
return this;
|
});
|
||||||
}
|
|
||||||
|
this.$el.html(result);
|
||||||
|
this.delegateEvents();
|
||||||
|
return this;
|
||||||
|
}
|
||||||
|
});
|
||||||
});
|
});
|
||||||
|
|||||||
@ -0,0 +1,106 @@
|
|||||||
|
"use strict";
|
||||||
|
|
||||||
|
Backgrid.Column.prototype.defaults = {
|
||||||
|
name : undefined,
|
||||||
|
label : undefined,
|
||||||
|
sortable : true,
|
||||||
|
editable : false,
|
||||||
|
renderable: true,
|
||||||
|
formatter : undefined,
|
||||||
|
cell : undefined,
|
||||||
|
headerCell: 'nzbDrone'
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
Backgrid.NzbDroneHeaderCell = Backgrid.HeaderCell.extend({
|
||||||
|
events: {
|
||||||
|
'click': 'onClick'
|
||||||
|
},
|
||||||
|
|
||||||
|
render: function () {
|
||||||
|
this.$el.empty();
|
||||||
|
this.$el.append(this.column.get("label"));
|
||||||
|
|
||||||
|
if (this.column.get('sortable')) {
|
||||||
|
this.$el.addClass('clickable');
|
||||||
|
this.$el.append(" <i class='pull-right'></i>");
|
||||||
|
|
||||||
|
if (this.collection.state) {
|
||||||
|
var sortKey = this.collection.state.sortKey;
|
||||||
|
var sortDir = this._convertIntToDirection(this.collection.state.order);
|
||||||
|
|
||||||
|
if (sortKey === this.column.get('name')) {
|
||||||
|
this.$el.children('i').addClass(this._convertDirectionToIcon(sortDir));
|
||||||
|
this._direction = sortDir;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
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;
|
||||||
|
},
|
||||||
|
|
||||||
|
onClick: function (e) {
|
||||||
|
e.preventDefault();
|
||||||
|
|
||||||
|
var columnName = this.column.get("name");
|
||||||
|
|
||||||
|
if (this.column.get("sortable")) {
|
||||||
|
if (this.direction() === "ascending") {
|
||||||
|
this.sort(columnName, "descending", function (left, right) {
|
||||||
|
var leftVal = left.get(columnName);
|
||||||
|
var rightVal = right.get(columnName);
|
||||||
|
if (leftVal === rightVal) {
|
||||||
|
return 0;
|
||||||
|
}
|
||||||
|
else if (leftVal > rightVal) {
|
||||||
|
return -1;
|
||||||
|
}
|
||||||
|
return 1;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
this.sort(columnName, "ascending", function (left, right) {
|
||||||
|
var leftVal = left.get(columnName);
|
||||||
|
var rightVal = right.get(columnName);
|
||||||
|
if (leftVal === rightVal) {
|
||||||
|
return 0;
|
||||||
|
}
|
||||||
|
else if (leftVal < rightVal) {
|
||||||
|
return -1;
|
||||||
|
}
|
||||||
|
return 1;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
_convertDirectionToIcon: function (dir) {
|
||||||
|
if (dir === 'ascending') {
|
||||||
|
return 'icon-sort-up';
|
||||||
|
}
|
||||||
|
|
||||||
|
return 'icon-sort-down';
|
||||||
|
},
|
||||||
|
|
||||||
|
_convertIntToDirection: function (dir) {
|
||||||
|
if (dir === '-1') {
|
||||||
|
return 'ascending';
|
||||||
|
}
|
||||||
|
|
||||||
|
return 'descending';
|
||||||
|
}
|
||||||
|
});
|
||||||
@ -0,0 +1,156 @@
|
|||||||
|
"use strict";
|
||||||
|
|
||||||
|
Backgrid.Column.prototype.defaults = {
|
||||||
|
name : undefined,
|
||||||
|
label : undefined,
|
||||||
|
sortable : true,
|
||||||
|
editable : false,
|
||||||
|
renderable: true,
|
||||||
|
formatter : undefined,
|
||||||
|
cell : undefined,
|
||||||
|
headerCell: 'nzbDrone'
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
define([
|
||||||
|
'app',
|
||||||
|
'JsLibraries/backbone.backgrid.paginator'
|
||||||
|
], function () {
|
||||||
|
|
||||||
|
NzbDrone.Shared.Grid.Pager = Backgrid.Extension.Paginator.extend({
|
||||||
|
|
||||||
|
template: 'Shared/Grid/PagerTemplate',
|
||||||
|
|
||||||
|
events: {
|
||||||
|
"click .pager-btn": "changePage"
|
||||||
|
},
|
||||||
|
|
||||||
|
windowSize: 1,
|
||||||
|
|
||||||
|
fastForwardHandleLabels: {
|
||||||
|
first: 'icon-fast-backward',
|
||||||
|
prev : 'icon-backward',
|
||||||
|
next : 'icon-forward',
|
||||||
|
last : 'icon-fast-forward'
|
||||||
|
},
|
||||||
|
|
||||||
|
changePage: function (e) {
|
||||||
|
e.preventDefault();
|
||||||
|
|
||||||
|
var target = $(e.target);
|
||||||
|
|
||||||
|
if (target.closest('li').hasClass('disabled')) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
var label = target.attr('data-action');
|
||||||
|
var ffLabels = this.fastForwardHandleLabels;
|
||||||
|
|
||||||
|
var collection = this.collection;
|
||||||
|
|
||||||
|
if (ffLabels) {
|
||||||
|
switch (label) {
|
||||||
|
case 'first':
|
||||||
|
collection.getFirstPage();
|
||||||
|
return;
|
||||||
|
case 'prev':
|
||||||
|
if (collection.hasPrevious()) {
|
||||||
|
collection.getPreviousPage();
|
||||||
|
}
|
||||||
|
return;
|
||||||
|
case 'next':
|
||||||
|
if (collection.hasNext()) {
|
||||||
|
collection.getNextPage();
|
||||||
|
}
|
||||||
|
return;
|
||||||
|
case 'last':
|
||||||
|
collection.getLastPage();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
var state = collection.state;
|
||||||
|
var pageIndex = $(e.target).text() * 1;
|
||||||
|
collection.getPage(state.firstPage === 0 ? pageIndex - 1 :pageIndex);
|
||||||
|
},
|
||||||
|
|
||||||
|
makeHandles: function () {
|
||||||
|
|
||||||
|
var handles = [];
|
||||||
|
var collection = this.collection;
|
||||||
|
var state = collection.state;
|
||||||
|
|
||||||
|
// convert all indices to 0-based here
|
||||||
|
var firstPage = state.firstPage;
|
||||||
|
var lastPage = +state.lastPage;
|
||||||
|
lastPage = Math.max(0, firstPage ? lastPage - 1 :lastPage);
|
||||||
|
var currentPage = Math.max(state.currentPage, state.firstPage);
|
||||||
|
currentPage = firstPage ? currentPage - 1 :currentPage;
|
||||||
|
var windowStart = Math.floor(currentPage / this.windowSize) * this.windowSize;
|
||||||
|
var windowEnd = Math.min(lastPage + 1, windowStart + this.windowSize);
|
||||||
|
|
||||||
|
if (collection.mode !== "infinite") {
|
||||||
|
for (var i = windowStart; i < windowEnd; i++) {
|
||||||
|
handles.push({
|
||||||
|
label : i + 1,
|
||||||
|
title : "No. " + (i + 1),
|
||||||
|
className : currentPage === i ? "active" :undefined,
|
||||||
|
pageNumber: i + 1
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
var ffLabels = this.fastForwardHandleLabels;
|
||||||
|
if (ffLabels) {
|
||||||
|
|
||||||
|
if (ffLabels.prev) {
|
||||||
|
handles.unshift({
|
||||||
|
label : ffLabels.prev,
|
||||||
|
className: collection.hasPrevious() ? void 0 :"disabled",
|
||||||
|
action : 'prev'
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
if (ffLabels.first) {
|
||||||
|
handles.unshift({
|
||||||
|
label : ffLabels.first,
|
||||||
|
className: collection.hasPrevious() ? void 0 :"disabled",
|
||||||
|
action : 'first'
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
if (ffLabels.next) {
|
||||||
|
handles.push({
|
||||||
|
label : ffLabels.next,
|
||||||
|
className: collection.hasNext() ? void 0 :"disabled",
|
||||||
|
action : 'next'
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
if (ffLabels.last) {
|
||||||
|
handles.push({
|
||||||
|
label : ffLabels.last,
|
||||||
|
className: collection.hasNext() ? void 0 :"disabled",
|
||||||
|
action : 'last'
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return handles;
|
||||||
|
},
|
||||||
|
|
||||||
|
render: function () {
|
||||||
|
this.$el.empty();
|
||||||
|
|
||||||
|
var templateFunction = Marionette.TemplateCache.get(this.template);
|
||||||
|
|
||||||
|
this.$el.html(templateFunction({
|
||||||
|
handles: this.makeHandles()
|
||||||
|
}));
|
||||||
|
|
||||||
|
this.delegateEvents();
|
||||||
|
|
||||||
|
return this;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
Loading…
Reference in new issue