add extjs 6.0.1 sources

[extjs.git] / extjs / examples / kitchensink / classic / samples / view / tab / AdvancedTabsController.js

Ext.define('KitchenSink.view.tab.AdvancedTabsController', {\r
    extend: 'Ext.app.ViewController',\r
    alias: 'controller.advanced-tabs',\r
\r
    counter: 3,\r
    positions: [ 'top', 'right', 'bottom', 'left' ],\r
    rotations: [ 'default', 0, 1, 2 ],\r
    position: 0,\r
    rotation: 0,\r
\r
    onAddTabClick: function() {\r
        var tabPanel = this.lookupReference('tabpanel'),\r
            counter = ++this.counter,\r
            html = counter % 2 ? KitchenSink.DummyText.longText :\r
                KitchenSink.DummyText.extraLongText,\r
            tab = tabPanel.add({\r
                title: 'Tab ' + counter,\r
                html: html\r
            });\r
\r
        tabPanel.setActiveTab(tab);\r
    },\r
\r
    onAutoCycleToggle: function(button, pressed) {\r
        var me = this;\r
\r
        if (pressed) {\r
            me.cycleInterval = setInterval(function() {\r
                me.doCycle()\r
            }, 500);\r
            me.doCycle()\r
        } else {\r
            clearInterval(me.cycleInterval);\r
        }\r
    },\r
\r
    doCycle: function() {\r
        var rotation = this.rotation = (++this.rotation % 4),\r
            position = this.position;\r
\r
        if (rotation === 0) {\r
            position = this.position = (++position % 4);\r
        }\r
\r
        Ext.suspendLayouts();\r
        this.lookupReference('positionBtn').setValue(this.positions[position]);\r
        this.lookupReference('rotationBtn').setValue(this.rotations[rotation]);\r
        Ext.resumeLayouts(true);\r
    },\r
    \r
    destroy: function() {\r
        clearInterval(this.cycleInterval);\r
        this.callParent(arguments);\r
    }\r
});\r