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.
86 lines
2.5 KiB
86 lines
2.5 KiB
'use strict';
|
|
define(
|
|
[
|
|
'marionette',
|
|
'backbone',
|
|
'backgrid',
|
|
'Activity/History/HistoryLayout',
|
|
'Activity/Blacklist/BlacklistLayout',
|
|
'Activity/Queue/QueueLayout'
|
|
], function (Marionette, Backbone, Backgrid, HistoryLayout, BlacklistLayout, QueueLayout) {
|
|
return Marionette.Layout.extend({
|
|
template: 'Activity/ActivityLayoutTemplate',
|
|
|
|
regions: {
|
|
queueRegion : '#queue',
|
|
history : '#history',
|
|
blacklist : '#blacklist'
|
|
},
|
|
|
|
ui: {
|
|
queueTab : '.x-queue-tab',
|
|
historyTab : '.x-history-tab',
|
|
blacklistTab : '.x-blacklist-tab'
|
|
},
|
|
|
|
events: {
|
|
'click .x-queue-tab' : '_showQueue',
|
|
'click .x-history-tab' : '_showHistory',
|
|
'click .x-blacklist-tab' : '_showBlacklist'
|
|
},
|
|
|
|
initialize: function (options) {
|
|
if (options.action) {
|
|
this.action = options.action.toLowerCase();
|
|
}
|
|
},
|
|
|
|
onShow: function () {
|
|
switch (this.action) {
|
|
case 'history':
|
|
this._showHistory();
|
|
break;
|
|
case 'blacklist':
|
|
this._showBlacklist();
|
|
break;
|
|
default:
|
|
this._showQueue();
|
|
}
|
|
},
|
|
|
|
_navigate: function (route) {
|
|
Backbone.history.navigate(route);
|
|
},
|
|
|
|
_showHistory: function (e) {
|
|
if (e) {
|
|
e.preventDefault();
|
|
}
|
|
|
|
this.history.show(new HistoryLayout());
|
|
this.ui.historyTab.tab('show');
|
|
this._navigate('/activity/history');
|
|
},
|
|
|
|
_showBlacklist: function (e) {
|
|
if (e) {
|
|
e.preventDefault();
|
|
}
|
|
|
|
this.blacklist.show(new BlacklistLayout());
|
|
this.ui.blacklistTab.tab('show');
|
|
this._navigate('/activity/blacklist');
|
|
},
|
|
|
|
_showQueue: function (e) {
|
|
if (e) {
|
|
e.preventDefault();
|
|
}
|
|
|
|
this.queueRegion.show(new QueueLayout());
|
|
this.ui.queueTab.tab('show');
|
|
this._navigate('/activity/queue');
|
|
}
|
|
});
|
|
});
|