Commit 1c0ebc0a authored by Rene Saarsoo's avatar Rene Saarsoo
Browse files

Refactor requires and use of XTemplate. 

- Removed needless required classes from Viewport.
- videos/guides/examples Index classes now require their own List.
- Not using Ext.create('Ext.XTemplate') at class definition time.
parent ad3f81eb

template/app/view/Viewport.js

+6 −11
Original line number Diff line number Diff line
@@ -4,22 +4,17 @@ 
Ext.define('Docs.view.Viewport', {

    extend: 'Ext.container.Viewport',

    requires: [

        'Docs.view.search.Container',

        'Docs.view.Tabs',

        'Docs.view.index.Welcome',

        'Docs.view.cls.Index',

        'Docs.view.cls.Container',

        'Docs.view.tree.Tree',

        'Docs.view.index.Welcome',

        'Docs.view.guides.Index',

        'Docs.view.videos.Index',

        'Docs.view.videos.Tree',

        'Docs.view.examples.Index',

        'Docs.view.examples.List',

        'Docs.view.examples.Tree',

        'Docs.view.FavoritesPanel',

        'Docs.view.videos.Index',

        'Docs.view.guides.Index',

        'Docs.view.Tabs',

        'Docs.view.search.Container',

        'Docs.Favorites',

        'Docs.Settings',

        'Docs.History'

        'Docs.view.examples.Tree'

    ],



    id: 'viewport',

template/app/view/examples/Index.js

+3 −0
Original line number Diff line number Diff line
@@ -4,6 +4,9 @@ 
Ext.define('Docs.view.examples.Index', {

    extend: 'Ext.container.Container',

    alias: 'widget.examplesindex',

    requires: [

        'Docs.view.examples.List'

    ],



    cls: 'all-demos iScroll',

    margin: '10 0 0 0',

template/app/view/examples/List.js

+36 −36
Original line number Diff line number Diff line
@@ -8,7 +8,17 @@ Ext.define('Docs.view.examples.List', { 
    cls: 'demos',

    itemSelector: 'dl',



    tpl: Ext.create('Ext.XTemplate',

    initComponent: function() {

        this.addEvents(

            /**

             * @event

             * Fired when an example is clicked

             * @param {String} url  URL of the example to load

             */

            'exampleclick'

        );



        this.tpl = Ext.create('Ext.XTemplate',

            '<div id="sample-ct">',

                '<tpl for=".">',

                '<div><a name="{id}"></a><h2><div>{title}</div></h2>',
@@ -42,16 +52,6 @@ Ext.define('Docs.view.examples.List', { 
                    return status === 'updated';

                }

            }

    ),



    initComponent: function() {

        this.addEvents(

            /**

             * @event

             * Fired when an example is clicked

             * @param {String} url  URL of the example to load

             */

            'exampleclick'

        );



        this.on({

template/app/view/guides/Index.js

+3 −0
Original line number Diff line number Diff line
@@ -4,6 +4,9 @@ 
Ext.define('Docs.view.guides.Index', {

    extend: 'Ext.container.Container',

    alias: 'widget.guideindex',

    requires: [

        'Docs.view.guides.List'

    ],



    cls: 'all-demos iScroll',

    margin: '10 0 0 0',

template/app/view/guides/List.js

+20 −20
Original line number Diff line number Diff line
@@ -8,7 +8,17 @@ Ext.define('Docs.view.guides.List', { 
    cls: 'demos',

    itemSelector: 'dl',



    tpl: Ext.create('Ext.XTemplate',

    initComponent: function() {

        this.addEvents(

            /**

             * @event

             * Fired when an guide is clicked

             * @param {String} url  URL of the guide to load

             */

            'guideclick'

        );



        this.tpl = Ext.create('Ext.XTemplate',

            '<div id="sample-ct">',

                '<tpl for=".">',

                '<div><a name="{url}"></a><h2><div>{group}</div></h2>',
@@ -26,16 +36,6 @@ Ext.define('Docs.view.guides.List', { 
                    return status === 'experimental';

                }

            }

    ),



    initComponent: function() {

        this.addEvents(

            /**

             * @event

             * Fired when an guide is clicked

             * @param {String} url  URL of the guide to load

             */

            'guideclick'

        );



        this.on({