summaryrefslogtreecommitdiff
path: root/plugins/cordova-plugin-splashscreen/www/windows/SplashScreenProxy.js
blob: dab72381154f69b2a60fd60206afc4cae37a245b (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
/*
 *
 * 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, module, window, document, WinJS */

var cordova = require('cordova'),
    channel = require('cordova/channel');

var isPhone = (cordova.platformId == "windows") && WinJS.Utilities.isPhone;
var localSplash = null; 
var bgColor = "#464646"; // default backgrond color; TDOO - read it from .appxmanifest
var splashImageSrc = isPhone ? "ms-appx:///images/splashscreenphone.png" : "ms-appx:///images/splashscreen.png";

var SplashScreen = {
    setBGColor: function (cssBGColor) {
        bgColor = cssBGColor;
        if (localSplash) {
            localSplash.style.backgroundColor = bgColor;
        }
    },
    show: function () {
        if (localSplash) {
            return; // already showed
        }

        localSplash = document.createElement("div");
        localSplash.style.backgroundColor = bgColor;
        localSplash.style.position = "fixed";
        localSplash.style.top = "0";
        localSplash.style.width = "100%";
        localSplash.style.height = "100%";

        localSplashImage = document.createElement("img");
        localSplashImage.src = splashImageSrc;
        localSplashImage.style.maxWidth = "100%";
        localSplashImage.style.maxHeight = "100%";
        // center horizontally
        localSplashImage.style.margin = "0 auto";
        localSplashImage.style.display = "block";
        // center vertically
        localSplashImage.style.position = "relative";
        localSplashImage.style.top = "50%";
        localSplashImage.style.transform = "translateY(-50%)";

        localSplash.appendChild(localSplashImage);
        document.body.appendChild(localSplash);
    },
    hide: function () {
        if (localSplash) {
            document.body.removeChild(localSplash);
            localSplash = null;
        }
    }
};

module.exports = SplashScreen;

require("cordova/exec/proxy").add("SplashScreen", SplashScreen);