saas-platform/frontend/saas-web/app/view/viewport/ViewportController.js

Ext.define('saas.view.viewport.ViewportController', {
    extend: 'Ext.app.ViewController',
    alias: 'controller.viewport',

    listen: {
        controller: {
            '*': {
                login: 'onLogin',
                logout: 'onLogout',
                selectCompany: 'onSelectCompany',
                unmatchedroute: 'handleUnmatchedRoute'
            }
        }
    },

    routes: {
        'login': 'handleLoginRoute'
    },

    init: function() {
        this.originalRoute = saas.getApplication().getDefaultToken();
        this.restoreSession();
    },

    showView: function(xtype) {
        var view = this.lookup(xtype),
            viewport = this.getView();

        if (!view) {
            viewport.removeAll(true);
            view = viewport.add({
                xtype: xtype,
                reference: xtype
            });
        }

        viewport.getLayout().setActiveItem(view);
    },

    showAuth: function() {
        this.showView('login');
    },

    showMain: function() {
        var me = this;
        me.showView('main');
    },

    // ROUTING

    handleLoginRoute: function() {
        var session = this.session;
        if (session && session.isValid()) {
            this.redirectTo('', {replace: true});
            return;
        }

        this.showAuth();
    },

    handleUnmatchedRoute: function(route) {
        var me = this;

        if (!me.session || !me.session.isValid()) {
            // There is no authenticated user, let's redirect to the login page but keep track
            // of the original route to restore the requested route after user authentication.
            me.originalRoute = route;
            me.redirectTo('login', {replace: true});
            return;
        }

        // There is an authenticated user, so let's simply redirect to the default token.
        var target = saas.getApplication().getDefaultToken();
        Ext.log.warn('Route unknown: ', route);
        if (route !== target) {
            me.redirectTo(target, {replace: true});
        }
    },

    setRequestToken: function(token) {
        var headers = Ext.Ajax.getDefaultHeaders() || {};
        if (token) {
            headers['Authorization'] = token;
        } else {
            delete headers['Authorization'];
        }
        Ext.Ajax.setDefaultHeaders(headers);
    },

    // SESSION MANAGEMENT

    restoreSession: function() {
        var data = saas.util.State.get('session'),
            session = data? saas.model.Session.loadData(data) : null;

        if (session && session.isValid()) {
            this.initiateSession(session);
        } else {
            this.terminateSession();
        }

        return session;
    },

    initiateSession: function(session) {
        this.setRequestToken(session.get('token'));
        this.saveSession(session);
        this.showMain();
    },

    terminateSession: function() {
        this.setRequestToken(null);
        this.saveSession(null);
        this.showAuth();
    },

    saveSession: function(session) {
        saas.util.State.set('session', session && session.getData(true));
        this.getViewModel().set('account', session && session.get('account'));
        this.session = session;
    },

    // AUTHENTICATION

    onLogin: function(session) {
        if (!session || !session.isValid()) {
            return false;
        }

        this.initiateSession(session);
        this.redirectTo(this.originalRoute, {replace: true});
    },

    onLogout: function() {
        var me = this,
            view = me.getView(),
            session = me.session;

        if (!session || !session.isValid()) {
            return false;
        }

        view.mask();
        session.logout().catch(function(error) {
            showToast(error.message);
        }).then(function() {
            me.originalRoute = Ext.History.getToken();
            me.terminateSession();
            view.unmask();
            me.redirectTo('login', {replace: true});
        });
    },

    onSelectCompany: function(companyId) {
        var me = this, view = me.getView(), viewModel = me.getViewModel(), 
            oldSession = me.session, company = viewModel.get('company');

        if (company.id != companyId) {
            view.mask('请稍等...');

            saas.model.Session.switchCompany(oldSession, companyId)
                .then(function(newSession) {
                    newSession.get('account').companyId = companyId;
                    me.initiateSession(newSession);
                })
                .catch(function(error) {
                    showToast(error.message);
                })
                .then(function() {
                    view.isMasked() && view.unmask();
                }); 
        }        
    }
});