Activity instead of History

New: Renamed history to activity New: Queue is default tab of activity
2025-09-27 04:21:27 +02:00 · 2014-10-12 00:29:09 -07:00
parent f8fb37bae8
commit 1225bbe8dc
39 changed files with 67 additions and 66 deletions
--- a/src/UI/Activity/ActivityLayout.js
+++ b/src/UI/Activity/ActivityLayout.js
@@ -0,0 +1,85 @@
+'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');
+            }
+        });
+    });