add extjs 6.0.1 sources

[extjs.git] / extjs / templates / admin-dashboard / classic / src / view / forms / WizardFormController.js

/**\r
 * @class Admin.view.forms.WizardFormController\r
 */\r
Ext.define('Admin.view.forms.WizardFormController', {\r
    extend: 'Ext.app.ViewController',\r
    alias: 'controller.wizardform',\r
\r
\r
    init: function(view) {\r
        var tb = this.lookupReference('navigation-toolbar'),\r
            buttons = tb.items.items,\r
            ui = view.colorScheme;\r
\r
        //Apply styling buttons\r
        if (ui) {\r
            buttons[1].setUI(ui);\r
            buttons[2].setUI(ui);\r
        }\r
    },\r
\r
    onNextClick: function(button) {\r
        //This is where you can handle any logic prior to moving to the next card\r
        var panel = button.up('panel');\r
\r
        panel.getViewModel().set('atBeginning', false);\r
        \r
        this.navigate(button, panel, 'next');\r
    },\r
\r
    onPreviousClick: function(button) {\r
        var panel = button.up('panel');\r
\r
        panel.getViewModel().set('atEnd', false);\r
        \r
        this.navigate(button, panel, 'prev');\r
    },\r
\r
    navigate: function(button, panel, direction) {\r
        var layout = panel.getLayout(),\r
            progress = this.lookupReference('progress'),\r
            model = panel.getViewModel(),\r
            progressItems = progress.items.items,\r
            item, i, activeItem, activeIndex;\r
\r
        layout[direction]();\r
\r
        activeItem = layout.getActiveItem();\r
        activeIndex = panel.items.indexOf(activeItem);\r
\r
        for (i = 0; i < progressItems.length; i++) {\r
            item = progressItems[i];\r
\r
            if (activeIndex === item.step) {\r
                item.setPressed(true);\r
            }\r
            else {\r
                item.setPressed(false);\r
            }\r
            \r
            // IE8 has an odd bug with handling font icons in pseudo elements;\r
            // it will render the icon once and not update it when something\r
            // like text color is changed via style addition or removal.\r
            // We have to force icon repaint by adding a style with forced empty\r
            // pseudo element content, (x-sync-repaint) and removing it back to work\r
            // around this issue.\r
            // See this: https://github.com/FortAwesome/Font-Awesome/issues/954\r
            // and this: https://github.com/twbs/bootstrap/issues/13863\r
            if (Ext.isIE8) {\r
                item.btnIconEl.syncRepaint();\r
            }\r
        }\r
\r
        activeItem.focus();\r
\r
        // beginning disables previous\r
        if (activeIndex === 0) {\r
            model.set('atBeginning', true);\r
        }\r
        \r
        // wizard is 4 steps. Disable next at end.\r
        if (activeIndex === 3) {\r
            model.set('atEnd', true);\r
        }\r
    }\r
});\r