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',
                unmatchedroute: 'handleUnmatchedRoute'
            }
        }
    },

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

    init: function() {
        this.initDirect();
        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() {
        this.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});
        }
    },

    // EXT DIRECT

    initDirect: function() {
        // var api = Server.API;
        // if (!api) {
        //     Ext.raise('Failed to load Direct API');
        // }

        // Ext.direct.Manager.addProvider(Ext.applyIf({
        //     id: 'server',
        //     listeners: {
        //         data: 'onDirectData',
        //         scope: this
        //     }
        // }, api));
    },

    setDirectToken: function(token) {
        // var provider = Ext.direct.Manager.getProvider('server'),
        //     headers = provider.getHeaders() || {};

        // if (token) {
        //     headers['Authorization'] = 'Bearer ' + token;
        // } else {
        //     delete headers['Authorization'];
        // }

        // provider.setHeaders(headers);
    },

    onDirectData: function(provider, e) {
        if (e.type !== 'exception') {
            return;
        }

        var message = e.message || {};
        switch (message.code) {
        case -32098:    // AuthTokenExpired
        case -32097:    // AuthTokenInvalid
            // Defer user deauthentication until the current direct transaction is done.
            Ext.asap(this.terminateSession, this);
            break;
        default:
            break;
        }
    },

    // 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.setDirectToken(session.get('token'));
        this.saveSession(session);
        this.showMain();
    },

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

    saveSession: function(session) {
        saas.util.State.set('session', session && session.getData(true));
        // this.getViewModel().set('account', session && session.getAccount(false).getData(true));
        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.setMasked(true);
        session.logout().catch(function() {
            // TODO handle errors
        }).then(function() {
            me.originalRoute = Ext.History.getToken();
            me.terminateSession();
            view.setMasked(false);
            me.redirectTo('login', {replace: true});
        });
    }
});