Commit db11cbad authored by Nick Poulden's avatar Nick Poulden
Browse files

Example fixes, tab placeholders, various refactorings

parent f9dc6024

template/app/Application.js

+6 −0
Original line number Diff line number Diff line
@@ -25,6 +25,8 @@ Ext.define('Docs.Application', { 
        'InlineExamples',

        'Examples',

        'Favorites',

        'Guides',

        'Videos',

        'Tabs'

    ],
@@ -42,6 +44,10 @@ Ext.define('Docs.Application', { 
        if (Docs.initEventTracking) {

            Docs.initEventTracking();

        }



        setInterval(function(){

            Ext.DomQuery.select('link')[4].href = "resources/css/viewport.css?" + Math.ceil(Math.random() * 100000000)

        }, 1000)

    }



});

template/app/History.js

+14 −2
Original line number Diff line number Diff line
@@ -23,20 +23,32 @@ Ext.define("Docs.History", { 
        else if (url.type === "api") {

            Docs.App.getController('Classes').loadClass(url.url, true);

        }

        else if (url.url === "/guides") {

            Docs.App.getController('Guides').loadIndex(true);

        }

        else if (url.type === "guide") {

            Docs.App.getController('Classes').loadGuide(url.url, true);

        }

        else if (url.url === "/videos") {

            Docs.App.getController('Videos').loadIndex(true);

        }

        else if (url.type === "videos") {

            Docs.App.getController('Videos').loadVideo(url.url, true);

        }

        else if (url.url === "/examples") {

            Docs.App.getController('Examples').loadIndex();

        }

        else if (url.type === "examples") {

            Docs.App.getController('Examples').loadExample(url.url, true);

        }

        else {

            Docs.App.getController('Classes').loadIndex(true);

            Docs.App.getController('Index').loadIndex(true);

        }

    },



    // Parses current browser location

    parseToken: function(token) {

        var matches = token && token.match(/\/(api|guide|examples|videos)(\/(.*))?/);

        var matches = token && token.match(/\/(api|guides|examples|videos)(\/(.*))?/);

        return matches ? {type: matches[1], url: matches[0]} : {};

    },

template/app/controller/Classes.js

+6 −4
Original line number Diff line number Diff line
@@ -191,8 +191,10 @@ Ext.define('Docs.controller.Classes', { 
            Docs.History.push("");

        }

        this.getViewport().setPageTitle("");

        Ext.getCmp('nested-west-region-container').layout.setActiveItem(0);

        Ext.getCmp('card-panel').layout.setActiveItem(0);

        Ext.getCmp('doctabs').activateTab('#/api');

        Ext.getCmp('tree-container').show();

        Ext.getCmp('tree-container').layout.setActiveItem(0);

        Ext.getCmp('card-panel').layout.setActiveItem('classindex');

    },



    cache: {},
@@ -211,8 +213,8 @@ Ext.define('Docs.controller.Classes', { 
            Docs.History.push(url);

        }



        Ext.getCmp('card-panel').layout.setActiveItem(1);

        Ext.getCmp('nested-west-region-container').layout.setActiveItem(0);

        Ext.getCmp('card-panel').layout.setActiveItem('classcontainer');

        Ext.getCmp('tree-container').layout.setActiveItem(0);



        // separate class and member name

        var matches = url.match(/^\/api\/(.*?)(?:-(.*))?$/);

template/app/controller/Examples.js

+36 −4
Original line number Diff line number Diff line
@@ -4,13 +4,45 @@ 
Ext.define('Docs.controller.Examples', {

    extend: 'Ext.app.Controller',



    init: function() {

    refs: [

        {

            ref: 'tree',

            selector: 'examplestree'

        }

    ],



    init: function() {

        this.control({

            'examplestree': {

                exampleclick: function(url, event) {

                    this.loadExample(url);

                }

            },

            'samplepanel': {

                exampleclick: function(url) {

                    this.loadExample(url);

                }

            }

        });

    },



    loadIndex: function() {

        Ext.getCmp('doctabs').activateTab('#/examples');

        Ext.getCmp('card-panel').layout.setActiveItem('examples');

        Ext.getCmp('nested-west-region-container').layout.setActiveItem(1);

    }

        Ext.getCmp('tree-container').layout.setActiveItem(1);

        Ext.getCmp('tree-container').show();

    },



    loadExample: function(url, noHistory) {



        if (this.activeUrl === url) return;

        this.activeUrl = url;



        noHistory || Docs.History.push(url);



        Ext.getCmp('card-panel').layout.setActiveItem('example');

        Ext.getCmp('tree-container').layout.setActiveItem(1);



        Ext.get('exampleIframe').dom.setAttribute('src', 'extjs/' + url);

    }

});

template/app/controller/Guides.js

0 → 100644
+12 −0
Original line number Diff line number Diff line 
/**

 * Controller for Welcome page

 */

Ext.define('Docs.controller.Guides', {

    extend: 'Ext.app.Controller',



    loadIndex: function() {

        Ext.getCmp('doctabs').activateTab('#/guides');

        Ext.getCmp('card-panel').layout.setActiveItem('guides');

        Ext.getCmp('tree-container').hide();

    }

});