add extjs 6.0.1 sources

[extjs.git] / extjs / templates / executive-dashboard / app / view / main / MainController.js

/**\r
 * This class is the main view for the application. It is specified in app.js as the\r
 * "autoCreateViewport" property. That setting automatically applies the "viewport"\r
 * plugin to promote that instance of this class to the body element.\r
 *\r
 * The primary role of this controller is to manage routing.\r
 */\r
Ext.define('ExecDashboard.view.main.MainController', {\r
    extend: 'Ext.app.ViewController',\r
    alias: 'controller.main',\r
\r
    routes: {\r
        '!:id': {\r
            action: 'onNavigate',\r
            before: 'beforeNavigate'\r
        },\r
\r
        '!:id/:state': {\r
            action: 'onNavigateDeep',\r
            before: 'beforeNavigateDeep'\r
        }\r
    },\r
\r
    listen: {\r
        controller: {\r
            '*': {\r
                // We delegate all changes of router history to this controller by firing\r
                // the "changeroute" event from other controllers.\r
                changeroute: 'changeRoute',\r
\r
                unmatchedroute: 'onUnmatchedRoute'\r
            }\r
        }\r
    },\r
\r
    destroy: function () {\r
        Ext.destroyMembers(this, 'menu');\r
        this.callParent();\r
    },\r
\r
    beforeNavigate: function (id, action) {\r
        var view = this.getView();\r
        var tab = view.getComponent(id);\r
\r
        if (tab) {\r
            action.resume();\r
        } else {\r
            this.onBadRoute();\r
        }\r
    },\r
\r
    beforeNavigateDeep: function (id, state, action) {\r
        var view = this.getView();\r
        var tab = view.getComponent(id);\r
        var valid;\r
\r
        if (tab.isValidState) {\r
            valid = tab.isValidState(state);\r
        }\r
\r
        if (valid) {\r
            action.resume();\r
        } else {\r
            this.onBadRoute();\r
        }\r
    },\r
\r
    changeRoute: function (controller, route) {\r
        // Since we parse\r
        if (route.substring(0, 1) !== '!') {\r
            route = '!' + route;\r
        }\r
\r
        this.redirectTo(route);\r
    },\r
\r
    getTabRoute: function (tab) {\r
        var route = tab.xtype;\r
\r
        if (tab.getActiveState) {\r
            route += '/' + (tab.getActiveState() || tab.getDefaultActiveState());\r
        }\r
\r
        return route;\r
    },\r
\r
    onBadRoute: function () {\r
        var app = ExecDashboard.app.getApplication();\r
        this.changeRoute(this, app.getDefaultToken());\r
    },\r
\r
    onNavigate: function (id) {\r
        //Ext.log('navigate: ' + id);\r
        var tabs = this.getView();\r
\r
        var tab = tabs.setActiveTab(id);\r
        if (tab) {\r
            // if we changed active tabs...\r
            var route = this.getTabRoute(tab);\r
            if (route && route !== id) {\r
                this.changeRoute(this, route);\r
            }\r
        }\r
    },\r
\r
    onNavigateDeep: function (id, state) {\r
        //Ext.log('navigate: ' + id + ' / ' + state);\r
        var tabs = this.getView();\r
        var tab = tabs.setActiveTab(id) || tabs.getActiveTab();\r
\r
        tab.setActiveState(state);\r
    },\r
\r
    onTabChange: function (mainView, newTab) {\r
        var route = this.getTabRoute(newTab);\r
        this.changeRoute(this, route);\r
    },\r
\r
    onMenuClick: function (menu, item) {\r
        this.getView().setActiveTab(menu.items.indexOf(item) + 1); // +1 for invisible first tab\r
    },\r
\r
    onSwitchTool: function (e) {\r
        var menu = this.menu;\r
\r
        if (!menu) {\r
            menu = this.getView().assistiveMenu;\r
            this.menu = menu = new Ext.menu.Menu(menu);\r
        }\r
\r
        menu.showAt(e.getXY());\r
    },\r
\r
    onUnmatchedRoute: function(token) {\r
        if (token) {\r
            this.onBadRoute();\r
        }\r
    }\r
});\r