This commit is contained in:
purplecabbage 2013-09-26 16:14:11 -07:00
commit abc62a5eda

View File

@ -19,28 +19,24 @@
* *
*/ */
/*global Windows:true */ /*jslint sloppy:true */
/*global Windows:true, require, module, window, document, WinJS */
var cordova = require('cordova'), var cordova = require('cordova'),
channel = require('cordova/channel'); channel = require('cordova/channel');
/* This is the actual implementation part that returns the result on Windows 8 /* This is the actual implementation part that returns the result on Windows 8
*/ */
var position = { x: 0, y: 0, width: 0, height: 0 }; // defined by evt.detail.splashScreen.imageLocation var position = { x: 0, y: 0, width: 0, height: 0 }; // defined by evt.detail.splashScreen.imageLocation
var splash = null; // var splash = null; //
var localSplash; // the image to display var localSplash; // the image to display
var localSplashImage; var localSplashImage;
var bgColor = "#464646"; var bgColor = "#464646";
function onResize(evt) {
if (splash) {
position = splash.imageLocation;
updateImageLocation();
}
}
function updateImageLocation() {
function updateImageLocation() {
localSplash.style.width = window.innerWidth + "px"; localSplash.style.width = window.innerWidth + "px";
localSplash.style.height = window.innerHeight + "px"; localSplash.style.height = window.innerHeight + "px";
localSplash.style.top = "0px"; localSplash.style.top = "0px";
@ -50,44 +46,50 @@
localSplashImage.style.left = position.x + "px"; localSplashImage.style.left = position.x + "px";
localSplashImage.style.height = position.height + "px"; localSplashImage.style.height = position.height + "px";
localSplashImage.style.width = position.width + "px"; localSplashImage.style.width = position.width + "px";
} }
var SplashScreen = { function onResize(evt) {
setBGColor:function(cssBGColor) { if (splash) {
position = splash.imageLocation;
updateImageLocation();
}
}
var SplashScreen = {
setBGColor: function (cssBGColor) {
bgColor = cssBGColor; bgColor = cssBGColor;
if (localSplash) { if (localSplash) {
localSplash.style.backgroundColor = bgColor; localSplash.style.backgroundColor = bgColor;
} }
}, },
show:function(){ show: function () {
window.addEventListener("resize", onResize, false); window.addEventListener("resize", onResize, false);
localSplash = document.createElement("div"); localSplash = document.createElement("div");
localSplash.style.backgroundColor = bgColor;; localSplash.style.backgroundColor = bgColor;
localSplash.style.position = "absolute"; localSplash.style.position = "absolute";
var img = localSplashImage = document.createElement("img"); localSplashImage = document.createElement("img");
img.src = "img/splashscreen.png"; localSplashImage.src = "img/splashscreen.png";
img.style.position = "absolute"; localSplashImage.style.position = "absolute";
updateImageLocation(); updateImageLocation();
localSplash.appendChild(localSplashImage); localSplash.appendChild(localSplashImage);
document.body.appendChild(localSplash); document.body.appendChild(localSplash);
}, },
hide:function(){ hide: function () {
window.removeEventListener("resize", onResize, false); window.removeEventListener("resize", onResize, false);
document.body.removeChild(localSplash); document.body.removeChild(localSplash);
localSplash = null; localSplash = null;
} }
} };
module.exports = SplashScreen; module.exports = SplashScreen;
function activated(evt) { function activated(evt) {
if (evt.detail.kind === Windows.ApplicationModel.Activation.ActivationKind.launch) { if (evt.detail.kind === Windows.ApplicationModel.Activation.ActivationKind.launch) {
splash = evt.detail.splashScreen; splash = evt.detail.splashScreen;
position = evt.detail.splashScreen.imageLocation; position = evt.detail.splashScreen.imageLocation;
SplashScreen.show();
} }
} }
@ -100,5 +102,5 @@ channel.onCordovaReady.subscribe(function (evt) {
}, false); }, false);
}); });
require("cordova/commandProxy").add("SplashScreen",SplashScreen); require("cordova/windows8/commandProxy").add("SplashScreen", SplashScreen);