add extjs 6.0.1 sources

[extjs.git] / extjs / build / examples / kitchensink / classic / samples / view / window / MessageBoxController.js

Ext.define('KitchenSink.view.window.MessageBoxController', {\r
    extend: 'Ext.app.ViewController',\r
    alias: 'controller.window-messagebox',\r
\r
    onConfirmClick: function() {\r
        Ext.MessageBox.confirm('Confirm', 'Are you sure you want to do that?', this.showResult, this);\r
    },\r
\r
    onPromptClick: function() {\r
        Ext.MessageBox.prompt('Name', 'Please enter your name:', this.showResultText, this);\r
    },\r
\r
    onMultiLinePromptClick: function(btn) {\r
        Ext.MessageBox.show({\r
            title: 'Address',\r
            msg: 'Please enter your address:',\r
            width:300,\r
            buttons: Ext.MessageBox.OKCANCEL,\r
            multiline: true,\r
            scope: this,\r
            fn: this.showResultText,\r
            animateTarget: btn\r
        });\r
    },\r
\r
    onYesNoCancelClick: function(btn) {\r
        Ext.MessageBox.show({\r
            title:'Save Changes?',\r
            msg: 'You are closing a tab that has unsaved changes. <br />Would you like to save your changes?',\r
            buttons: Ext.MessageBox.YESNOCANCEL,\r
            scope: this,\r
            fn: this.showResult,\r
            animateTarget: btn,\r
            icon: Ext.MessageBox.QUESTION\r
        });\r
    },\r
\r
    onProgressClick: function(btn) {\r
        var me = this,\r
            i = 0,\r
            fn;\r
\r
        Ext.MessageBox.show({\r
            title: 'Please wait',\r
            msg: 'Loading items...',\r
            progressText: 'Initializing...',\r
            width:300,\r
            progress:true,\r
            closable:false,\r
            animateTarget: btn\r
        });\r
\r
        // Fake progress fn\r
        fn = function() {\r
            me.timer = null;\r
            ++i;\r
            if (i === 12) {\r
                Ext.MessageBox.hide();\r
                me.showToast('Your fake items were loaded', 'Done');\r
            } else {\r
                var val = i / 11;\r
                Ext.MessageBox.updateProgress(val, Math.round(100 * val) + '% completed');\r
                me.timer = Ext.defer(fn, 500);\r
            }\r
        };\r
        me.timer = Ext.defer(fn, 500);\r
\r
    },\r
\r
    onWaitClick: function(btn) {\r
        Ext.MessageBox.show({\r
            msg: 'Saving your data, please wait...',\r
            progressText: 'Saving...',\r
            width: 300,\r
            wait: {\r
                interval: 200\r
            },\r
            animateTarget: btn\r
        });\r
\r
        var me = this;\r
        me.timer = Ext.defer(function(){\r
            //This simulates a long-running operation like a database save or XHR call.\r
            //In real code, this would be in a callback function.\r
            me.timer = null;\r
            Ext.MessageBox.hide();\r
            me.showToast('Your fake data was saved!', 'Done');\r
        }, 8000);\r
    },\r
\r
    onAlertClick: function() {\r
        Ext.MessageBox.alert('Status', 'Changes saved successfully.', this.showResult, this);\r
    },\r
\r
    onIconClick: function(btn) {\r
        var value = this.lookupReference('icon').getValue(),\r
            icon = Ext.MessageBox[value.toUpperCase()];\r
\r
        Ext.MessageBox.show({\r
            title: 'Icon Support',\r
            msg: 'Here is a message with an icon!',\r
            buttons: Ext.MessageBox.OK,\r
            animateTarget: btn,\r
            scope: this,\r
            fn: this.showResult,\r
            icon: icon\r
        });\r
    },\r
\r
    onCustomButtonText: function() {\r
        Ext.MessageBox.show({\r
            title: 'What, really?',\r
            msg: 'Are you sure?',\r
            buttons: Ext.MessageBox.YESNO,\r
            buttonText:{ \r
                yes: "Definitely!", \r
                no: "No chance!" \r
            },\r
            scope: this,\r
            fn: this.showResult\r
        });\r
    },\r
\r
    showResult: function(btn, text) {\r
        this.showToast(Ext.String.format('You clicked the {0} button', btn));\r
    },\r
\r
    showResultText: function(btn, text) {\r
        this.showToast(Ext.String.format('You clicked the {0} button and entered the text "{1}".', btn, text));\r
    },\r
\r
    showToast: function(s, title) {\r
        Ext.toast({\r
            html: s,\r
            closable: false,\r
            align: 't',\r
            slideInDuration: 400,\r
            minWidth: 400\r
        });\r
    },\r
\r
    destroy: function() {\r
        if (this.timer) {\r
            window.clearTimeout(this.timer);\r
        }\r
        Ext.Msg.hide();\r
        this.callParent();\r
    }\r
});