add extjs 6.0.1 sources

[extjs.git] / extjs / packages / legacy / modern / src / device / notification / Simulator.js

/**\r
 * @private\r
 */\r
Ext.define('Ext.device.notification.Simulator', {\r
    extend: 'Ext.device.notification.Abstract',\r
    requires: ['Ext.MessageBox', 'Ext.util.Audio'],\r
\r
    /**\r
     * @private\r
     */\r
    msg: null,\r
\r
	show: function() {\r
        var config = this.callParent(arguments),\r
            buttons = [],\r
            ln = config.buttons.length,\r
            button, i, callback;\r
\r
        //buttons\r
        for (i = 0; i < ln; i++) {\r
            button = config.buttons[i];\r
            if (Ext.isString(button)) {\r
                button = {\r
                    text: config.buttons[i],\r
                    itemId: config.buttons[i].toLowerCase()\r
                };\r
            }\r
\r
            buttons.push(button);\r
        }\r
\r
        this.msg = Ext.create('Ext.MessageBox');\r
\r
        callback = function(itemId) {\r
            if (config.callback) {\r
                config.callback.apply(config.scope, [itemId]);\r
            }\r
        };\r
\r
        this.msg.show({\r
            title  : config.title,\r
            message: config.message,\r
            scope  : this.msg,\r
            buttons: buttons,\r
            fn     : callback\r
        });\r
    },\r
\r
    alert: function() {\r
        var config = this.callParent(arguments);\r
\r
        if (config.buttonName) {\r
            config.buttons = [config.buttonName];\r
        }\r
\r
        this.show(config);\r
    },\r
\r
    confirm: function() {\r
        var config = this.callParent(arguments);\r
        this.show(config);\r
    },\r
\r
    prompt: function() {\r
        var config = this.callParent(arguments),\r
            buttons = [],\r
            ln = config.buttons.length,\r
            button, i, callback;\r
\r
        //buttons\r
        for (i = 0; i < ln; i++) {\r
            button = config.buttons[i];\r
            if (Ext.isString(button)) {\r
                button = {\r
                    text: config.buttons[i],\r
                    itemId: config.buttons[i].toLowerCase()\r
                };\r
            }\r
\r
            buttons.push(button);\r
        }\r
\r
        this.msg = Ext.create('Ext.MessageBox');\r
\r
        callback = function(buttonText, value) {\r
            if (config.callback) {\r
                config.callback.apply(config.scope, [buttonText, value]);\r
            }\r
        };\r
\r
        this.msg.prompt(config.title, config.message, callback, this.msg, config.multiLine, config.value, config.prompt);\r
    },\r
\r
    beep: function(times) {\r
        if(!Ext.isNumber(times)) times = 1;\r
        var count = 0;\r
        var callback = function() {\r
            if(count < times) {\r
                Ext.defer(function() {\r
                    Ext.util.Audio.beep(callback);\r
                }, 50);\r
            }\r
            count++;\r
        };\r
\r
        callback();\r
    },\r
\r
    vibrate: function() {\r
        //nice animation to fake vibration\r
        var animation = [\r
            "@-webkit-keyframes vibrate{",\r
            "    from {",\r
            "        -webkit-transform: rotate(-2deg);",\r
            "    }",\r
            "    to{",\r
            "        -webkit-transform: rotate(2deg);",\r
            "    }",\r
            "}",\r
\r
            "body {",\r
            "    -webkit-animation: vibrate 50ms linear 10 alternate;",\r
            "}"\r
        ];\r
\r
        var head = document.getElementsByTagName("head")[0];\r
        var cssNode = document.createElement('style');\r
        cssNode.innerHTML = animation.join('\n');\r
        head.appendChild(cssNode);\r
\r
        Ext.defer(function() {\r
            head.removeChild(cssNode);\r
        }, 400);\r
    }\r
});\r