Prowlarr-Prowlarr/src/UI/Activity/ActivityLayout.js

'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');
            }
        });
    });