| /* |
| * |
| * Licensed to the Apache Software Foundation (ASF) under one |
| * or more contributor license agreements. See the NOTICE file |
| * distributed with this work for additional information |
| * regarding copyright ownership. The ASF licenses this file |
| * to you under the Apache License, Version 2.0 (the |
| * "License"); you may not use this file except in compliance |
| * with the License. You may obtain a copy of the License at |
| * |
| * http://www.apache.org/licenses/LICENSE-2.0 |
| * |
| * Unless required by applicable law or agreed to in writing, |
| * software distributed under the License is distributed on an |
| * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY |
| * KIND, either express or implied. See the License for the |
| * specific language governing permissions and limitations |
| * under the License. |
| * |
| */ |
| |
| /*jslint sloppy:true */ |
| /*global Windows:true, require, document, setTimeout, window, module */ |
| |
| |
| |
| var cordova = require('cordova'), |
| channel = require('cordova/channel'), |
| urlutil = require('cordova/urlutil'); |
| |
| var browserWrap, |
| popup, |
| navigationButtonsDiv, |
| navigationButtonsDivInner, |
| backButton, |
| forwardButton, |
| closeButton; |
| |
| // x-ms-webview is available starting from Windows 8.1 (platformId is 'windows') |
| // http://msdn.microsoft.com/en-us/library/windows/apps/dn301831.aspx |
| var isWebViewAvailable = cordova.platformId == 'windows'; |
| |
| function attachNavigationEvents(element, callback) { |
| if (isWebViewAvailable) { |
| element.addEventListener("MSWebViewNavigationStarting", function (e) { |
| callback({ type: "loadstart", url: e.uri}, {keepCallback: true} ); |
| }); |
| |
| element.addEventListener("MSWebViewNavigationCompleted", function (e) { |
| callback({ type: e.isSuccess ? "loadstop" : "loaderror", url: e.uri}, {keepCallback: true}); |
| }); |
| |
| element.addEventListener("MSWebViewUnviewableContentIdentified", function (e) { |
| // WebView found the content to be not HTML. |
| // http://msdn.microsoft.com/en-us/library/windows/apps/dn609716.aspx |
| callback({ type: "loaderror", url: e.uri}, {keepCallback: true}); |
| }); |
| |
| element.addEventListener("MSWebViewContentLoading", function (e) { |
| if (navigationButtonsDiv) { |
| backButton.disabled = !popup.canGoBack; |
| forwardButton.disabled = !popup.canGoForward; |
| } |
| }); |
| } else { |
| var onError = function () { |
| callback({ type: "loaderror", url: this.contentWindow.location}, {keepCallback: true}); |
| }; |
| |
| element.addEventListener("unload", function () { |
| callback({ type: "loadstart", url: this.contentWindow.location}, {keepCallback: true}); |
| }); |
| |
| element.addEventListener("load", function () { |
| callback({ type: "loadstop", url: this.contentWindow.location}, {keepCallback: true}); |
| }); |
| |
| element.addEventListener("error", onError); |
| element.addEventListener("abort", onError); |
| } |
| } |
| |
| var IAB = { |
| close: function (win, lose) { |
| if (browserWrap) { |
| if (win) win({ type: "exit" }); |
| |
| browserWrap.parentNode.removeChild(browserWrap); |
| browserWrap = null; |
| popup = null; |
| } |
| }, |
| show: function (win, lose) { |
| if (browserWrap) { |
| browserWrap.style.display = "block"; |
| } |
| }, |
| open: function (win, lose, args) { |
| var strUrl = args[0], |
| target = args[1], |
| features = args[2], |
| url; |
| |
| if (target === "_system") { |
| url = new Windows.Foundation.Uri(strUrl); |
| Windows.System.Launcher.launchUriAsync(url); |
| } else if (target === "_self" || !target) { |
| window.location = strUrl; |
| } else { |
| // "_blank" or anything else |
| if (!browserWrap) { |
| browserWrap = document.createElement("div"); |
| // First reset all styles for inappbrowser wrapper element |
| browserWrap.style.cssText = "margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background: 0 0;"; |
| browserWrap.style.position = "fixed"; |
| browserWrap.style.top = "0px"; |
| browserWrap.style.left = "0px"; |
| browserWrap.style.width = "100%"; |
| browserWrap.style.height = "100%"; |
| browserWrap.style.zIndex = 9999; |
| browserWrap.style.border = "40px solid rgba(0,0,0,0.25)"; |
| |
| // Save body overflow style to be able to reset it back later |
| var bodyOverflow = document.body.style.msOverflowStyle; |
| |
| browserWrap.onclick = function () { |
| setTimeout(function () { |
| // Reset body overflow style to initial value |
| document.body.style.msOverflowStyle = bodyOverflow; |
| IAB.close(win); |
| }, 0); |
| }; |
| |
| document.body.appendChild(browserWrap); |
| // Hide scrollbars for the whole body while inappbrowser's window is open |
| document.body.style.msOverflowStyle = "none"; |
| } |
| |
| if (features.indexOf("hidden=yes") !== -1) { |
| browserWrap.style.display = "none"; |
| } |
| |
| popup = document.createElement(isWebViewAvailable ? "x-ms-webview" : "iframe"); |
| if (popup instanceof HTMLIFrameElement) { |
| // For iframe we need to override bacground color of parent element here |
| // otherwise pages without background color set will have transparent background |
| popup.style.backgroundColor = "white"; |
| } |
| popup.style.borderWidth = "0px"; |
| popup.style.width = "100%"; |
| |
| browserWrap.appendChild(popup); |
| |
| if (features.indexOf("location=yes") !== -1 || features.indexOf("location") === -1) { |
| popup.style.height = "calc(100% - 60px)"; |
| |
| navigationButtonsDiv = document.createElement("div"); |
| navigationButtonsDiv.style.height = "60px"; |
| navigationButtonsDiv.style.backgroundColor = "#404040"; |
| navigationButtonsDiv.style.zIndex = "999"; |
| navigationButtonsDiv.onclick = function (e) { |
| e.cancelBubble = true; |
| }; |
| |
| navigationButtonsDivInner = document.createElement("div"); |
| navigationButtonsDivInner.style.paddingTop = "10px"; |
| navigationButtonsDivInner.style.height = "50px"; |
| navigationButtonsDivInner.style.width = "160px"; |
| navigationButtonsDivInner.style.margin = "0 auto"; |
| navigationButtonsDivInner.style.backgroundColor = "#404040"; |
| navigationButtonsDivInner.style.zIndex = "999"; |
| navigationButtonsDivInner.onclick = function (e) { |
| e.cancelBubble = true; |
| }; |
| |
| |
| backButton = document.createElement("button"); |
| backButton.style.width = "40px"; |
| backButton.style.height = "40px"; |
| backButton.style.borderRadius = "40px"; |
| |
| backButton.innerText = "<-"; |
| backButton.addEventListener("click", function (e) { |
| if (popup.canGoBack) |
| popup.goBack(); |
| }); |
| |
| forwardButton = document.createElement("button"); |
| forwardButton.style.marginLeft = "20px"; |
| forwardButton.style.width = "40px"; |
| forwardButton.style.height = "40px"; |
| forwardButton.style.borderRadius = "40px"; |
| |
| forwardButton.innerText = "->"; |
| forwardButton.addEventListener("click", function (e) { |
| if (popup.canGoForward) |
| popup.goForward(); |
| }); |
| |
| closeButton = document.createElement("button"); |
| closeButton.style.marginLeft = "20px"; |
| closeButton.style.width = "40px"; |
| closeButton.style.height = "40px"; |
| closeButton.style.borderRadius = "40px"; |
| |
| closeButton.innerText = "x"; |
| closeButton.addEventListener("click", function (e) { |
| setTimeout(function () { |
| IAB.close(win); |
| }, 0); |
| }); |
| |
| if (!isWebViewAvailable) { |
| // iframe navigation is not yet supported |
| backButton.disabled = true; |
| forwardButton.disabled = true; |
| } |
| |
| navigationButtonsDivInner.appendChild(backButton); |
| navigationButtonsDivInner.appendChild(forwardButton); |
| navigationButtonsDivInner.appendChild(closeButton); |
| navigationButtonsDiv.appendChild(navigationButtonsDivInner); |
| |
| browserWrap.appendChild(navigationButtonsDiv); |
| } else { |
| popup.style.height = "100%"; |
| } |
| |
| // start listening for navigation events |
| attachNavigationEvents(popup, win); |
| |
| if (isWebViewAvailable) { |
| strUrl = strUrl.replace("ms-appx://", "ms-appx-web://"); |
| } |
| popup.src = strUrl; |
| } |
| }, |
| |
| injectScriptCode: function (win, fail, args) { |
| var code = args[0], |
| hasCallback = args[1]; |
| |
| if (isWebViewAvailable && browserWrap && popup) { |
| var op = popup.invokeScriptAsync("eval", code); |
| op.oncomplete = function () { hasCallback && win([]); }; |
| op.onerror = function () { }; |
| op.start(); |
| } |
| }, |
| |
| injectScriptFile: function (win, fail, args) { |
| var filePath = args[0], |
| hasCallback = args[1]; |
| |
| if (!!filePath) { |
| filePath = urlutil.makeAbsolute(filePath); |
| } |
| |
| if (isWebViewAvailable && browserWrap && popup) { |
| var uri = new Windows.Foundation.Uri(filePath); |
| Windows.Storage.StorageFile.getFileFromApplicationUriAsync(uri).done(function (file) { |
| Windows.Storage.FileIO.readTextAsync(file).done(function (code) { |
| var op = popup.invokeScriptAsync("eval", code); |
| op.oncomplete = function () { hasCallback && win([]); }; |
| op.onerror = function () { }; |
| op.start(); |
| }); |
| }); |
| } |
| } |
| }; |
| |
| module.exports = IAB; |
| |
| require("cordova/exec/proxy").add("InAppBrowser", module.exports); |