@webos-tools/cli 3.1.2 → 3.2.0

package/files/templates/signage-sdk-templates/Backlight_Scheduling/setanddelete.js

@@ -0,0 +1,25 @@
+/***
+ * 
+ * setanddelete.js
+ * Add or delete backlight schedule 
+ * 
+ */
+
+var BacklightValueForSetting = 0;
+
+// Add backlight schedule
+function addSchedule(time) { 
+	console.log("Add Backlight Schedule");
+	BacklightValueForSetting = 0;
+	document.getElementById('popupWindow').style.visibility = 'visible';	
+	document.getElementById('popupWindow').innerHTML = 'Set Backlight Value : <br>0';	
+}
+
+// Delete backlight schedule
+function deleteSchedule(time) {
+	console.log("Delete Backlight Schedule");
+	var hour = parseInt(time / 60);
+	var min  = parseInt( (time % 60) / 10);
+	Backlight[hour][min] = NOT_SCHEDULED;
+	document.getElementById('clockTable' + hour + '_' + min).innerText = "";
+}

package/files/templates/signage-sdk-templates/Backlight_Scheduling/style.css

@@ -0,0 +1,213 @@
+body {
+	padding: 0px;
+	margin: 0px;
+}
+
+#appTitle {
+	text-align: center;
+	font-size: 200%;
+}
+ 
+ 
+
+#helpWindow {  
+	font-size:250%; 	
+	text-align: center;
+	position: absolute;
+	top:240px;
+	left:510px;
+	width:900px;
+	height:600px; 
+	background-color: #008080; 	
+	border:ridge;
+	border-width: 10px;
+	z-index: 50;
+	visibility: hidden;
+} 
+ 
+#popupWindow {  
+	font-size:500%;
+	text-align: center;
+	position: absolute;
+	top:440px;
+	left:510px;
+	width:900px;
+	height:200px; 
+	background-color: #008080; 	
+	border:ridge;
+	border-width: 10px;
+	z-index: 50;
+	visibility: hidden;
+}
+ 
+ 
+#rotateSpeed {
+	text-align: left ;
+	font-size: 175%;
+	position: absolute;
+	top:0px;
+	left:0px;
+	width:250px;
+	height:150px; 
+} 
+ 
+ 
+#currentTime {
+	text-align: right;
+	font-size: 175%;
+	position: absolute;
+	top:0px;
+	right:0px;
+	width:250px;
+	height:150px; 
+} 
+ 
+#controllerTitle {
+	font-size: 300%;
+	width: 950px;
+	height: 50px;
+	text-align: center;
+	float: left;	
+}
+
+#controllerInfo {
+	font-size: 150%;
+	width: 950px;
+	height: 70px;
+	text-align: center;
+	float: left;	
+}
+
+#clockTitle {
+	font-size: 300%;
+	width: 950px;
+	height: 50px;
+	text-align: center;
+	float: right;	
+}
+ 
+#controller {
+	
+	width: 700px;
+	height: 700px;
+	border : 2px;
+	border-style: solid;
+	border-color : #000000;
+	border-radius: 50%;
+	
+	position: absolute;
+	left: 130px;
+	top: 250px;
+	
+	background-color : #C70752;
+	color: #ffffff;
+	clear: both;
+	
+	text-align: center; 
+	font-size: 500%;
+}
+
+#halfbar {
+	width: 10px;
+	height: 980px;
+	
+	position: absolute;
+	left: 955px;
+	top: 80px;
+	background-color: #000000;
+}
+#clock {	
+	width: 780px;
+	height: 792px;
+
+	border : 1px;
+	border-style: solid;
+	border-color : #000000; 
+	
+	position: absolute;
+	right: 80px;
+	top: 200px;
+	
+	background-color : transparent;	 
+	color: #000000;
+	
+	font-size: 30px;
+}
+
+
+#clockHour {
+	
+	width: 40px;
+	height: 792px;
+	
+	position: absolute;
+	right: 880px;
+	top: 180px;
+	
+	font-size: 28px;
+	text-align: right;
+	
+	background-color: transparent;
+	clear: both;
+}
+
+#clockMinute {
+	
+	width: 1300px;
+	height: 30px;
+	
+	position: absolute;
+	left: 1050px;
+	top: 160px;
+	
+	font-size: 28px;
+	text-align: right;
+	
+	background-color: transparent;
+}
+
+.clock_segment {
+	float:left;
+	width: 128px;
+	height: 31px;
+	border: solid;
+	border-width: 1px;
+	border-color: #000000;
+	text-align: center;
+}
+ 
+#controllerRuler {
+	width: 840px;
+	height: 840px;
+	
+	position: absolute;
+	left: 80px;
+	top: 180px;
+	
+	position: absolute;
+	background-color: transparent;
+	
+	z-index: -1;
+	
+}
+#controllerArrowRotate {
+	width: 840px;
+	height: 840px;
+	
+	position: absolute;
+	left: 60px;
+	top: 180px;
+	
+	background-color: transparent;
+	
+	z-index: -1;
+}
+#controllerSelectedTime {
+	width: 5px;
+	height: 420px;
+	position: relative;
+	left : 420px;
+	background-color: #000000;
+}
+
+}

package/files/templates/signage-sdk-templates/Download_Progress/app.css

@@ -0,0 +1,27 @@
+body {
+    width: 1920px;
+    height: 1080px;
+    background-color: sandybrown;
+}
+
+#content {
+    font-size: x-large;
+    text-align: center;
+    margin: 300px 0px;
+}
+input#file-url {
+    font-size: x-large;
+    width: 600px;
+    margin: 15px;
+}
+button {
+    font-size: x-large;
+}
+progress {
+    width: 750px;
+}
+img#logoImg {
+    position: absolute;
+    top: 10px;
+    right: 10px;
+}

package/files/templates/signage-sdk-templates/Download_Progress/app.js

@@ -0,0 +1,407 @@
+const internalPath = 'file://internal/',
+    intervalTime = 100;
+
+/********************************
+ * Variable declaration
+ ********************************/
+ var webOSVersion = '';
+
+ var CORDOVA_PATH = './js/cordova/2.7.0/cordova.webos.js';
+ var CUSTOMJS_PATH = './js/custom/custom1.4.js';
+ 
+ var SCAP_PATH = {
+     '1.0': './js/cordova-cd/1.2/',
+     '2.0': './js/cordova-cd/1.3/',
+     '3.0': './js/cordova-cd/1.4.5/',
+     '3.2': './js/cordova-cd/1.5.12/',
+     '4.0': './js/cordova-cd/1.6.8/',
+     '4.1': './js/cordova-cd/1.7.6/',
+     '5.0': './js/cordova-cd/1.7.6/',
+     '6.0': './js/cordova-cd/1.8.1/',
+ }
+ 
+ var SCAP_FILES = [
+     // SCAP v1.2 & v1.3
+     'configuration.js',
+     'deviceInfo.js',
+     'inputSource.js',
+     'power.js',
+     'signage.js',
+     'sound.js',
+     'storage.js',
+     'video.js',
+     // SCAP v1.4 & v1.5 & v1.6
+     'security.js',
+     'time.js',
+     'utility.js',
+     // SCAP v1.7, 1.8
+     'iot.js'
+ ]
+ 
+ var SCAP_FILES_INDEX = {
+     '1.0': 7,
+     '2.0': 7,
+     '3.0': 10,
+     '3.2': 10,
+     '4.0': 10,
+     '4.1': 11,
+     '5.0': 11, 
+     '6.0': 11
+ }
+ 
+ 
+ /********************************
+  * Select SCAP API version
+  ********************************/
+ // Depending on the device platform, the Cordova and CustomJS library are automatically loaded.
+ 
+ function checkOS() {
+     if(!window.PalmServiceBridge) {
+         console.log('PalmServiceBridge not found.');
+         console.log('Please run it on webOS Signage device.');
+         return;
+     }
+     
+     var script1 = document.createElement('script');
+     script1.src = CORDOVA_PATH;
+     document.head.appendChild(script1);
+     
+     console.log('addLibrary---------' + CORDOVA_PATH);
+     
+     script1.onload = function () {
+         var script2 = document.createElement('script');
+         script2.src = CUSTOMJS_PATH;
+         document.head.appendChild(script2);
+         
+         console.log('addLibrary---------' + CUSTOMJS_PATH);
+         
+         script2.onload = function () {
+             getwebOSVersion();
+         }
+     }
+ }
+ 
+ // Gets webOS Signage version
+ function getwebOSVersion() {
+     var custom = new Custom();
+     custom.Signage.getwebOSVersion(
+         function successCallback(successObject) {
+             webOSVersion = successObject.webOSVersion;
+             
+             console.log('webOS Signage version: ' + webOSVersion);
+             
+             switch(webOSVersion) {
+                 case '1.0':
+                 case '2.0':
+                 case '3.0':
+                 case '3.2':
+                 case '4.0':
+                 case '4.1':
+                 case '5.0':
+                 case '6.0':
+                     createScript(webOSVersion);
+                     break;
+                 default:
+                     console.log('Unknown webOS Version!!');
+             }
+         },
+         function failureCallback(failureObject) {
+             console.log('[' + failureObject.errorCode + ']' + failureObject.errorText + ' by CustomJS');
+             console.log("CALL idcap://configuration/property/get to get webos_version");
+             // IDCAP is called on webOS 6.0 in case customJS is lower than v1.4 or webOS vsersion is higher than webOS 6.0            
+             idcap.request( "idcap://configuration/property/get" , {                        
+                "parameters": {                            
+                     "key" : "webos_version"                        
+                 },
+                 "onSuccess": function (cbObject) {                            
+                      console.log("onSuccess cbObject = " + JSON.stringify(cbObject));
+                      webOSVersion = cbObject.value;
+                      if(webOSVersion === '6.0.0') webOSVersion = '6.0';
+                      createScript(webOSVersion);
+                 },
+                 "onFailure": function (err) {
+                     console.log("onFailure : errorMessage = " + err.errorMessage);
+                 }
+              });
+         }
+     )
+ }
+
+ function IDCAP_webOSVersion() {
+    var idcap;
+    var custom = new Custom();
+    custom.Signage.getwebOSVersion(
+        function successCallback(successObject) {
+            webOSVersion = successObject.webOSVersion;
+            
+            //console.log('IDCAP_webOSVersion webOS Signage version: ' + webOSVersion);
+            
+            switch(webOSVersion) {
+                case '1.0':
+                case '2.0':
+                case '3.0':
+                case '3.2':
+                case '4.0':
+                case '4.1':
+                case '5.0':
+                    return idcap = false;
+                    break;
+                case '6.0':
+                    //console.log("IDCAP_webOSVersion");
+                    return idcap = true;
+                    break;
+                default:
+                    console.log('Unknown webOS Version!!');
+                    return idcap = false;
+            }
+        },
+        function failureCallback(failureObject) {
+            console.log('[' + failureObject.errorCode + ']' + failureObject.errorText + ' by CustomJS');
+            console.log("CALL idcap://configuration/property/get to get webos_version");
+            // IDCAP is called on webOS 6.0 in case customJS is lower than v1.4 or webOS vsersion is higher than webOS 6.0            
+            idcap.request( "idcap://configuration/property/get" , {                        
+               "parameters": {                            
+                    "key" : "webos_version"                        
+                },
+                "onSuccess": function (cbObject) {                            
+                     console.log("onSuccess cbObject = " + JSON.stringify(cbObject));
+                     webOSVersion = cbObject.value;
+                     if(webOSVersion === '6.0.0') webOSVersion = '6.0';
+                     return idcap = true;
+                },
+                "onFailure": function (err) {
+                    console.log("onFailure : errorMessage = " + err.errorMessage);
+                }
+             });
+        }
+    )
+    //console.log("IDCAP_webOSVersion" + idcap);
+    return idcap;
+}
+
+ // Depending on the webOS platform, the SCAP library is automatically loaded.
+ function createScript(webOSVersion) {
+    for (var i = 0; i <= SCAP_FILES_INDEX[webOSVersion]; i++) {
+        var jsPath = SCAP_PATH[webOSVersion] + SCAP_FILES[i];
+        var script = document.createElement('script');
+        
+        script.src = jsPath;
+        document.head.appendChild(script);
+        
+        console.log('SCAP API "' + jsPath + '" added!!');
+        
+        if (i === SCAP_FILES_INDEX[webOSVersion]) {
+            script.onload = function () {
+                enableDebug();
+            }
+        }
+    }
+}
+
+function enableDebug() {
+ 
+    var configuration = new Configuration();
+        var options = {};
+    
+        options.enabled = true; //enabling debug mode
+    
+        configuration.debug(
+            function successCb() {
+                console.log('Succeeded to enable the debug mode');
+            },
+            function failureCb() {
+                idcap.request( "idcap://configuration/property/set" , {
+                    "parameters": {
+                        "key" : "browser_debug_mode",
+                        "value" : "1"
+                    },
+                    "onSuccess": function () {
+                        console.log("set browser_debug_mode onSuccess");
+                    },
+                    "onFailure": function (err) {
+                        console.log('Failed to enable the debug mode');
+                    }
+                });
+            },
+            options
+        );
+}
+
+var intervalHandler = [];
+var g_storage;
+var timeCount,
+    totalFileSize = 0;
+
+// parse bytes to kBytes
+function parseBytes(byte) {
+    if (typeof byte === 'number') {
+        if (byte < 1024) {
+            return byte + 'B';
+        } else if (byte < 1024*1024) {
+            return +(byte/1024).toFixed(2) + 'kB';
+        } else {
+            return +(byte/(1024*1024)).toFixed(2) + 'MB';
+        }
+    }
+    else return -1;
+}
+
+// get the file size using HEAD request to server
+function getFileSize(file_url) {
+    var xhr = new XMLHttpRequest();
+
+    xhr.onreadystatechange = function () {
+        if (xhr.readyState == xhr.DONE) {
+            if (xhr.status === 200 || xhr.status === 201) {
+                console.log(xhr.getAllResponseHeaders());
+                totalFileSize = parseInt(xhr.getResponseHeader('Content-Length'));
+                console.log('Total File Size : ' + totalFileSize);
+
+                document.querySelector('span#cs-totalSize').innerText = parseBytes(totalFileSize);
+            } else {
+                console.error(xhr.status);
+            }
+        }
+    };
+    // HEAD request is much lighter than GET request to get content-length
+    xhr.open('HEAD', file_url);
+    xhr.send();
+}
+
+
+// update progressConsole data
+async function updateProgress(file_path) {
+
+    function addZero(num) {
+        if (typeof num === 'number')
+            return('00' +  Math.floor(num)).slice(-2);
+    }
+
+    var seconds = addZero(timeCount%60);
+    var minutes = addZero(timeCount/60);
+    var hours = addZero(timeCount/(60*60));
+
+    document.querySelector('#elapsedTime #value').innerText = hours + ':' + minutes + ':' + seconds
+
+    function checkProgress(cbObject) {
+        var currentSize = cbObject.size;
+        document.querySelector('span#cs-size').innerText = parseBytes(currentSize);
+        // console.log('currentSize: ' + currentSize);
+
+        (function calculatePercentage() {
+            var percentage = Math.floor((currentSize / totalFileSize) * 100);
+            document.querySelector('span#cs-percent').innerText = percentage;
+            document.querySelector('progress#progressBar').value = percentage;
+        })();
+        (function calculateSpeedAndTime() {
+            if (timeCount === 0) return;
+            var speed = (currentSize / timeCount);
+
+            var eta = (totalFileSize - currentSize) / speed;
+            var etaSeconds = addZero(eta%60);
+            var etaMinutes = addZero(eta/60);
+            var etaHours = addZero(eta/(60*60));
+
+            document.querySelector('span#cs-speed').innerText = parseBytes(speed);
+            document.querySelector('#remainTime #value').innerText = etaHours + ':' + etaMinutes + ':' + etaSeconds;
+        })();;
+
+        // clear all the interval functions
+        if (currentSize === totalFileSize) {
+            while (intervalHandler.length !== 0) {
+                var temp = intervalHandler.pop();
+                clearInterval(temp);
+            }
+        }
+    }
+
+    //console.log('file_path==>' + file_path); //"file://internal/15.ts"
+
+    if(IDCAP_webOSVersion())
+    {
+        
+        try {
+            var cbObject = await idcap.request( "idcap://storage/file/stat" , {
+                "parameters": {
+                  "path" : file_path
+                }
+              });
+              checkProgress(cbObject);
+            
+        } catch (cbObject) {
+            var errorCode = cbObject.errorCode;
+            var errorText = cbObject.errorText;
+            console.log(" Error Code [" + errorCode + "]: " + errorText);
+        }
+    }
+    else
+    {
+        var successCb = checkProgress;
+
+        var failureCb = function (cbObject) {
+            var errorCode = cbObject.errorCode;
+            var errorText = cbObject.errorText;
+            console.log(" Error Code [" + errorCode + "]: " + errorText);
+        };
+
+        var options = {
+            path: file_path,
+        };
+
+        if (g_storage === undefined) g_storage = new Storage();
+        g_storage.statFile(successCb, failureCb, options);
+    }
+    
+}
+
+// download a file from url input
+function downloadFile(file_url) {
+    timeCount = 0;
+    getFileSize(file_url);
+
+    var fileName = file_url.split('/')[file_url.split('/').length - 1];
+    console.log(file_url + fileName);
+    
+    
+    
+    var successCb = function () {
+        console.log("Copying File done.");
+        document.querySelector('#progressConsole #progressStatus').innerText = 'Completed';
+    };
+    var failureCb = function (cbObject) {
+        var errorCode = cbObject.errorCode;
+        var errorText = cbObject.errorText;
+        console.log(" Error Code [" + errorCode + "]: " + errorText);
+        document.querySelector('#progressConsole #progressStatus').innerText = 'Failed';
+    };
+    var options = {
+        source : file_url,
+        destination : internalPath + fileName
+    };
+
+    if (g_storage === undefined) g_storage = new Storage();
+    g_storage.copyFile(successCb, failureCb, options);
+    
+
+    document.querySelector('#progressConsole #progressStatus').innerText = 'Downloading...';
+
+    if (intervalHandler.length === 0) {
+        intervalHandler.push(setInterval(updateProgress, intervalTime, internalPath + fileName));
+        intervalHandler.push(setInterval(function() {
+            timeCount++;
+        }, 1000));
+    }
+    
+}
+
+// initial function
+function init() {
+    checkOS();
+
+    document.getElementById('downloadBtn').onclick = function () {
+        var file_url = document.getElementById('file-url').value;
+        downloadFile(file_url);
+    }
+}
+
+window.onload = init;

package/files/templates/signage-sdk-templates/Download_Progress/index.html

@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <title>Download Progress Sample</title>
+    <link href="./app.css" rel="stylesheet" type="text/css" />
+</head>
+
+<body>
+    <div id="content">
+        <h2>Download Progress Sample</h2>
+        <input type="text" id="file-url" placeholder="Enter a file URL to download" autofocus>
+        <button id="downloadBtn" autofocus>Download</button>
+        <div>
+            <progress id="progressBar" value="0" max="100"></progress>
+            <div id="progressConsole">
+                <div id="progressStatus">Ready</div>
+                <div id="currentStatus">Downloaded <span id="cs-size">0</span> of <span id="cs-totalSize">0</span>
+                    (<span id="cs-percent">0</span> %) - <span id="cs-speed">0</span>/s</div>
+                <div id="elapsedTime">Elapsed time: <span id="value">00:00:00</span></div>
+                <div id="remainTime">Remaining time: <span id="value">00:00:00</span></div>
+            </div>
+        </div>
+    </div>
+    <img id="logoImg" src="res/webossignage_logo.png">
+</body>
+
+<script type="text/javascript" src="./js/idcap.js"></script>
+<script type="text/javascript" src="./app.js"></script>
+
+</html>