You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
83 lines
2.4 KiB
83 lines
2.4 KiB
'use strict';
|
|
define(
|
|
[
|
|
'marionette',
|
|
'backbone',
|
|
'backgrid',
|
|
'History/Table/HistoryTableLayout',
|
|
'History/Blacklist/BlacklistLayout',
|
|
'History/Queue/QueueLayout'
|
|
], function (Marionette, Backbone, Backgrid, HistoryTableLayout, BlacklistLayout, QueueLayout) {
|
|
return Marionette.Layout.extend({
|
|
template: 'History/HistoryLayoutTemplate',
|
|
|
|
regions: {
|
|
history : '#history',
|
|
blacklist : '#blacklist',
|
|
queueRegion: '#queue'
|
|
},
|
|
|
|
ui: {
|
|
historyTab: '.x-history-tab',
|
|
blacklistTab: '.x-blacklist-tab',
|
|
queueTab : '.x-queue-tab'
|
|
},
|
|
|
|
events: {
|
|
'click .x-history-tab' : '_showHistory',
|
|
'click .x-blacklist-tab' : '_showBlacklist',
|
|
'click .x-queue-tab' : '_showQueue'
|
|
},
|
|
|
|
initialize: function (options) {
|
|
if (options.action) {
|
|
this.action = options.action.toLowerCase();
|
|
}
|
|
},
|
|
|
|
onShow: function () {
|
|
switch (this.action) {
|
|
case 'queue':
|
|
this._showQueue();
|
|
break;
|
|
default:
|
|
this._showHistory();
|
|
}
|
|
},
|
|
|
|
_navigate: function (route) {
|
|
Backbone.history.navigate(route);
|
|
},
|
|
|
|
_showHistory: function (e) {
|
|
if (e) {
|
|
e.preventDefault();
|
|
}
|
|
|
|
this.history.show(new HistoryTableLayout());
|
|
this.ui.historyTab.tab('show');
|
|
this._navigate('/history');
|
|
},
|
|
|
|
_showBlacklist: function (e) {
|
|
if (e) {
|
|
e.preventDefault();
|
|
}
|
|
|
|
this.blacklist.show(new BlacklistLayout());
|
|
this.ui.blacklistTab.tab('show');
|
|
this._navigate('/history/blacklist');
|
|
},
|
|
|
|
_showQueue: function (e) {
|
|
if (e) {
|
|
e.preventDefault();
|
|
}
|
|
|
|
this.queueRegion.show(new QueueLayout());
|
|
this.ui.queueTab.tab('show');
|
|
this._navigate('/history/queue');
|
|
}
|
|
});
|
|
});
|