add extjs 6.0.1 sources

[extjs.git] / extjs / modern / modern / src / viewport / Android.js

/**\r
 * @private\r
 * Android version of viewport.\r
 */\r
Ext.define('Ext.viewport.Android', {\r
    extend: 'Ext.viewport.Default',\r
\r
    config: {\r
        translatable: {\r
            translationMethod: 'csstransform'\r
        }\r
    },\r
\r
    constructor: function() {\r
        this.callParent(arguments);\r
\r
        this.on({\r
            orientationchange: 'hideKeyboardIfNeeded',\r
            scope: this,\r
            // run our handler before user code\r
            priority: 1001\r
        });\r
\r
\r
        // Viewport is initialized before event system, we need to wait until the application is ready before\r
        // we add the resize listener. Otherwise it will only fire if another resize listener is added later.\r
        var me = this;\r
        Ext.onReady(function() { Ext.getBody().on('resize', me.onResize, me);});\r
    },\r
\r
    getWindowWidth: function () {\r
        return this.element.getWidth();\r
\r
    },\r
\r
    getWindowHeight: function () {\r
        return this.element.getHeight();\r
    },\r
\r
    getDummyInput: function() {\r
        var input = this.dummyInput,\r
            focusedElement = this.focusedElement,\r
            box = Ext.fly(focusedElement).getBox();\r
\r
        if (!input) {\r
            this.dummyInput = input = document.createElement('input');\r
            input.style.position = 'absolute';\r
            input.style.opacity = '0';\r
            input.style.pointerEvents = 'none';\r
            document.body.appendChild(input);\r
        }\r
\r
        input.style.left = box.left + 'px';\r
        input.style.top = box.top + 'px';\r
        input.style.display = '';\r
\r
        return input;\r
    },\r
\r
    doBlurInput: function(e) {\r
        var target = e.target,\r
            focusedElement = this.focusedElement,\r
            dummy;\r
\r
        if (focusedElement && !this.isInputRegex.test(target.tagName)) {\r
            dummy = this.getDummyInput();\r
            delete this.focusedElement;\r
            dummy.focus();\r
\r
            Ext.defer(function() {\r
                dummy.style.display = 'none';\r
            }, 100);\r
        }\r
    },\r
\r
    hideKeyboardIfNeeded: function() {\r
        var focusedElement = this.focusedElement;\r
\r
        if (focusedElement) {\r
            delete this.focusedElement;\r
\r
            if (Ext.os.version.lt('4')) {\r
                focusedElement.style.display = 'none';\r
            }\r
            else {\r
                focusedElement.blur();\r
            }\r
\r
            Ext.defer(function() {\r
                focusedElement.style.display = '';\r
            }, 1000);\r
        }\r
    },\r
\r
    doFireOrientationChangeEvent: function() {\r
        this.orientationChanging = true;\r
\r
        this.waitUntil(function() {\r
            return this.getWindowOuterHeight() !== this.windowOuterHeight;\r
        }, function() {\r
            this.windowOuterHeight = this.getWindowOuterHeight();\r
            this.updateSize();\r
            this.orientationChanging = false;\r
\r
        }, function() {\r
            //<debug>\r
            Ext.Logger.error("Timeout waiting for viewport's outerHeight to change before firing orientationchange", this);\r
            //</debug>\r
        });\r
\r
        return this;\r
    },\r
\r
    determineOrientation: function() {\r
        return (this.getWindowHeight() >= this.getWindowWidth()) ? this.PORTRAIT : this.LANDSCAPE;\r
    },\r
\r
    getActualWindowOuterHeight: function() {\r
        return Math.round(this.getWindowOuterHeight() / window.devicePixelRatio);\r
    },\r
\r
    maximize: function() {\r
        var stretchHeights = this.stretchHeights,\r
            orientation = this.orientation,\r
            height;\r
\r
        height = stretchHeights[orientation];\r
\r
        if (!height) {\r
            stretchHeights[orientation] = height = this.getActualWindowOuterHeight();\r
        }\r
\r
        if (!this.addressBarHeight) {\r
            this.addressBarHeight = height - this.getWindowHeight();\r
        }\r
\r
        this.setHeight(height);\r
\r
        var isHeightMaximized = Ext.Function.bind(this.isHeightMaximized, this, [height]);\r
\r
        this.scrollToTop();\r
        this.waitUntil(isHeightMaximized, this.fireMaximizeEvent, this.fireMaximizeEvent);\r
    },\r
\r
    isHeightMaximized: function(height) {\r
        this.scrollToTop();\r
        return this.getWindowHeight() === height;\r
    },\r
\r
    supportsOrientation: function () {\r
        return false;\r
    },\r
\r
    onResize: function () {\r
        this.waitUntil(function () {\r
            var oldWidth = this.windowWidth,\r
                oldHeight = this.windowHeight,\r
                width = this.getWindowWidth(),\r
                height = this.getWindowHeight(),\r
                currentOrientation = this.getOrientation(),\r
                newOrientation = this.determineOrientation();\r
\r
            return ((oldWidth !== width && oldHeight !== height) && currentOrientation !== newOrientation);\r
        }, function () {\r
            var currentOrientation = this.getOrientation(),\r
                newOrientation = this.determineOrientation();\r
\r
            this.fireOrientationChangeEvent(newOrientation, currentOrientation);\r
         }, Ext.emptyFn, 250);\r
    },\r
\r
    doPreventZooming: function (e) {\r
        // Don't prevent right mouse event\r
        if ('button' in e && e.button !== 0) {\r
            return;\r
        }\r
\r
        var target = e.target;\r
\r
        if (target && target.nodeType === 1 && !this.isInputRegex.test(target.tagName) && !this.focusedElement) {\r
            e.preventDefault();\r
        }\r
    }\r
\r
}, function() {\r
    if (!Ext.os.is.Android) {\r
        return;\r
    }\r
\r
    var version = Ext.os.version,\r
        userAgent = Ext.browser.userAgent,\r
        // These Android devices have a nasty bug which causes JavaScript timers to be completely frozen\r
        // when the browser's viewport is being panned.\r
        isBuggy = /(htc|desire|incredible|ADR6300)/i.test(userAgent) && version.lt('2.3');\r
\r
    if (isBuggy) {\r
        this.override({\r
            constructor: function(config) {\r
                if (!config) {\r
                    config = {};\r
                }\r
\r
                config.autoMaximize = false;\r
\r
                this.watchDogTick = Ext.Function.bind(this.watchDogTick, this);\r
\r
                Ext.interval(this.watchDogTick, 1000);\r
\r
                return this.callParent([config]);\r
            },\r
\r
            watchDogTick: function() {\r
                this.watchDogLastTick = Ext.Date.now();\r
            },\r
\r
            doPreventPanning: function() {\r
                var now = Ext.Date.now(),\r
                    lastTick = this.watchDogLastTick,\r
                    deltaTime = now - lastTick;\r
\r
                // Timers are frozen\r
                if (deltaTime >= 2000) {\r
                    return;\r
                }\r
\r
                return this.callParent(arguments);\r
            },\r
\r
            doPreventZooming: function() {\r
                var now = Ext.Date.now(),\r
                    lastTick = this.watchDogLastTick,\r
                    deltaTime = now - lastTick;\r
\r
                // Timers are frozen\r
                if (deltaTime >= 2000) {\r
                    return;\r
                }\r
\r
                return this.callParent(arguments);\r
            }\r
        });\r
    }\r
\r
    if (version.match('2')) {\r
        this.override({\r
            onReady: function() {\r
                this.addWindowListener('resize', Ext.Function.bind(this.onWindowResize, this));\r
\r
                this.callParent(arguments);\r
            },\r
\r
            scrollToTop: function() {\r
                document.body.scrollTop = 100;\r
            },\r
\r
            onWindowResize: function() {\r
                var oldWidth = this.windowWidth,\r
                    oldHeight = this.windowHeight,\r
                    width = this.getWindowWidth(),\r
                    height = this.getWindowHeight();\r
\r
                if (this.getAutoMaximize() && !this.isMaximizing && !this.orientationChanging\r
                    && window.scrollY === 0\r
                    && oldWidth === width\r
                    && height < oldHeight\r
                    && ((height >= oldHeight - this.addressBarHeight) || !this.focusedElement)) {\r
                        this.scrollToTop();\r
                }\r
            }\r
        });\r
    }\r
    else if (version.gtEq('3.1')) {\r
        this.override({\r
            isHeightMaximized: function(height) {\r
                this.scrollToTop();\r
                return this.getWindowHeight() === height - 1;\r
            }\r
        });\r
    }\r
    else if (version.match('3')) {\r
        this.override({\r
            isHeightMaximized: function() {\r
                this.scrollToTop();\r
                return true;\r
            }\r
        })\r
    }\r
\r
    if (version.gtEq('4')) {\r
        this.override({\r
            doBlurInput: Ext.emptyFn\r
        });\r
    }\r
});\r