@webos-tools/cli 3.1.2 → 3.2.0

package/files/templates/signage-sdk-templates/Local_Content_Scheduling/js/videoPlayer.js

@@ -0,0 +1,352 @@
+var VIDEO_FILE_1_FROM_REMOTE = "http://signup.lge.com/Update/Update_Release/CDTechSupport/Content/content/video-1.mp4",
+	VIDEO_FILE_2_FROM_REMOTE = "http://signup.lge.com/Update/Update_Release/CDTechSupport/Content/content/video-2.mp4",
+	VIDEO_FILE_3_FROM_REMOTE = "http://signup.lge.com/Update/Update_Release/CDTechSupport/Content/content/video-3.mp4",
+	VIDEO_FILE_1_LOCAL = "file://internal/video/video1.mp4",
+	VIDEO_FILE_2_LOCAL = "file://internal/video/video2.mp4",
+	VIDEO_FILE_3_LOCAL = "file://internal/video/video3.mp4",
+	VIDEO_FILE_1_PLAY_URI = "http://127.0.0.1:9080/video/video1.mp4",
+	VIDEO_FILE_2_PLAY_URI = "http://127.0.0.1:9080/video/video2.mp4",
+	VIDEO_FILE_3_PLAY_URI = "http://127.0.0.1:9080/video/video3.mp4",
+	VIDEO_NOT_PLAYING = "VIDEO_IS_NOT_PLAYING",
+	VIDEO_PLAYING_1 = "VIDEO_1_IS_PLAYING",
+	VIDEO_PLAYING_2 = "VIDEO_2_IS_PLAYING",
+	VIDEO_PLAYING_3 = "VIDEO_3_IS_PLAYING",
+	videoScheduleTable,
+	currentMovieID,
+	selectedTime = {};
+
+
+function initVideoPlayer() {
+
+	document.getElementById('scheduler').innerHTML = "";
+
+	videoScheduleTable = new Array(24);
+	for (var M = 0; M < 6; M++) {
+		for (var H = 0; H < 24; H++) {
+			if (M == 0)
+				videoScheduleTable[H] = new Array(6);
+			videoScheduleTable[H][M] = 0;
+			document.getElementById('scheduler').innerHTML += "<div id = 'schedule" + H + "_" + M + "' class = 'scheduleEach' " +
+				"style = 'float:left;'>" + H + ":" + M + "0" +
+				"<div id = 'scheduleContent" + H + "_" + M +
+				"' style = 'color: #C70752; font-size:400%'> </div>" +
+				"</div>";
+		}
+	}
+	document.getElementById("schedule0_0").style.backgroundColor = "#808080";
+	console.log("Downloading video start.1111111.....");
+	downloadVideoFile();
+	console.log("Downloading video start.22222222.....");
+	setInterval(interval, 1000);
+	selectedTime.hour = 0;
+	selectedTime.minute = 0;
+	remocon();
+}
+
+
+function interval() {
+	getTime();
+}
+
+function getTime(doNow) {
+	if(IDCAP_webOSVersion())
+    {
+		idcap.request( "idcap://time/currenttime/get" , {
+		"parameters": {},
+		"onSuccess": function (cbObject) {
+
+			var hour = cbObject.hour,
+				minute = cbObject.minute,
+				sec = cbObject.second;
+			document.getElementById('currentTime').innerHTML = (hour < 10 ? ('0' + hour) : hour);
+			document.getElementById('currentTime').innerHTML += ':' + (minute < 10 ? ('0' + minute) : minute);
+			document.getElementById('currentTime').innerHTML += ':' + (sec < 10 ? ('0' + sec) : sec) + "<br>";
+			document.getElementById('currentTime').innerHTML += cbObject.month + ". " + cbObject.day + ". " + cbObject.year;
+			if (((minute % 10 == 0) && (sec % 60 == 0)) || doNow === true)
+				doVideoSchedule(cbObject);
+		},
+		"onFailure": function (err) {
+			console.log("onFailure : errorMessage = " + err.errorMessage);
+		}
+		});
+	}
+	else
+	{
+		function successCb(cbObject) {
+			var hour = cbObject.hour,
+				minute = cbObject.minute,
+				sec = cbObject.sec;
+			document.getElementById('currentTime').innerHTML = (hour < 10 ? ('0' + hour) : hour);
+			document.getElementById('currentTime').innerHTML += ':' + (minute < 10 ? ('0' + minute) : minute);
+			document.getElementById('currentTime').innerHTML += ':' + (sec < 10 ? ('0' + sec) : sec) + "<br>";
+			document.getElementById('currentTime').innerHTML += cbObject.month + ". " + cbObject.day + ". " + cbObject.year;
+			if (((minute % 10 == 0) && (sec % 60 == 0)) || doNow === true)
+				doVideoSchedule(cbObject);
+		}
+
+		function failureCb(cbObject) {
+			var errorCode = cbObject.errorCode;
+			var errorText = cbObject.errorText;
+
+			console.log("Error Code [" + errorCode + "]: " + errorText);
+		}
+
+		var configuration = new Configuration();
+		configuration.getCurrentTime(successCb, failureCb);
+	}
+		
+}
+
+function doVideoSchedule(time) {
+	var movieID = videoScheduleTable[time.hour][parseInt(time.minute / 10)];
+
+	if (currentMovieID !== movieID) {
+		switch (movieID) {
+			case 1:
+				playVideo(VIDEO_FILE_1_LOCAL);
+				break;
+			case 2:
+				playVideo(VIDEO_FILE_2_LOCAL);
+				break;
+			case 3:
+				playVideo(VIDEO_FILE_3_LOCAL);
+				break;
+		}
+	}
+}
+
+function playVideo(videoFile) {
+	if(IDCAP_webOSVersion())
+    {
+		idcap.request( "idcap://storage/file/stat" , {
+		"parameters": {
+			"path" : videoFile
+		},
+		"onSuccess": function (cbObject) {
+
+			console.log("idcap Playing video...... : " + videoFile);
+			switch (videoFile) {
+				case VIDEO_FILE_1_LOCAL:
+					currentMovieID = 1;
+					document.getElementById('videoPlayer').src = VIDEO_FILE_1_PLAY_URI;
+					document.getElementById('status').innerHTML = "Playing Video 1......";
+					break;
+				case VIDEO_FILE_2_LOCAL:
+					currentMovieID = 2;
+					document.getElementById('videoPlayer').src = VIDEO_FILE_2_PLAY_URI;
+					document.getElementById('status').innerHTML = "Playing Video 2......";
+					break;
+				case VIDEO_FILE_3_LOCAL:
+					currentMovieID = 3;
+					document.getElementById('videoPlayer').src = VIDEO_FILE_3_PLAY_URI;
+					document.getElementById('status').innerHTML = "Playing Video 3......";
+					break;
+			}
+			var size;
+			try {
+				if (cbObject.size) { size = cbObject.size }
+				else if (cbObject.stat.size) { size = cbObject.stat.size }
+			}
+			catch (err) {
+				size = 'Unknown';
+	
+			}
+	
+			document.getElementById('status_detail').innerHTML = "Size : " + (size / 1048576).toFixed(2) + " MB";
+			document.getElementById('videoPlayer').load();
+		},
+		"onFailure": function (err) {
+			console.log("onFailure : errorMessage = " + err.errorMessage);
+		}
+		});
+	}
+	else
+	{
+		var successCb = function (cbObject) {
+			console.log("Playing video...... : " + videoFile);
+			switch (videoFile) {
+				case VIDEO_FILE_1_LOCAL:
+					currentMovieID = 1;
+					document.getElementById('videoPlayer').src = VIDEO_FILE_1_PLAY_URI;
+					document.getElementById('status').innerHTML = "Playing Video 1......";
+					break;
+				case VIDEO_FILE_2_LOCAL:
+					currentMovieID = 2;
+					document.getElementById('videoPlayer').src = VIDEO_FILE_2_PLAY_URI;
+					document.getElementById('status').innerHTML = "Playing Video 2......";
+					break;
+				case VIDEO_FILE_3_LOCAL:
+					currentMovieID = 3;
+					document.getElementById('videoPlayer').src = VIDEO_FILE_3_PLAY_URI;
+					document.getElementById('status').innerHTML = "Playing Video 3......";
+					break;
+			}
+			var size;
+			try {
+				if (cbObject.size) { size = cbObject.size }
+				else if (cbObject.stat.size) { size = cbObject.stat.size }
+			}
+			catch (err) {
+				size = 'Unknown';
+	
+			}
+	
+			document.getElementById('status_detail').innerHTML = "Size : " + (size / 1048576).toFixed(2) + " MB";
+			document.getElementById('videoPlayer').load();
+		};
+	
+		var failureCb = function (cbObject) {
+			var errorCode = cbObject.errorCode;
+			var errorText = cbObject.errorText;
+			console.error(" Error Code [" + errorCode + "]: " + errorText);
+		};
+	
+		var options = {
+			path: videoFile
+		};
+	
+		var storage = new Storage();
+		storage.statFile(successCb, failureCb, options);
+	}
+	
+}
+
+async function downloadVideoFile()
+{
+	
+	console.log("Downloading video start......");
+	if(IDCAP_webOSVersion())
+    {
+		await idcap.request( "idcap://storage/file/download" , {
+			"parameters": {
+				"action" : 'start',
+				"source" : VIDEO_FILE_1_FROM_REMOTE,
+				"destination" : VIDEO_FILE_1_LOCAL,
+				"httpOption" : {
+					"maxRedirection" : 5
+				}
+			}
+		}).then(await function (cbObject) {
+			console.log("1st Ticket: " + cbObject.ticket);
+			return idcap.request( "idcap://storage/file/download" , {
+				"parameters": {
+					"action" : 'start',
+					"source" : VIDEO_FILE_2_FROM_REMOTE,
+					"destination" : VIDEO_FILE_2_LOCAL,
+					"httpOption" : {
+						"maxRedirection" : 5
+					}
+				}
+			})
+		}).then(await function (cbObject) {
+			console.log("2nd Ticket: " + cbObject.ticket);
+			return idcap.request( "idcap://storage/file/download" , {
+						"parameters": {
+							"action" : 'start',
+							"source" : VIDEO_FILE_3_FROM_REMOTE,
+							"destination" : VIDEO_FILE_3_LOCAL,
+							"httpOption" : {
+								"maxRedirection" : 5
+							}
+						}
+			})
+		}).then(await function (cbObject) {
+			console.log("3rd Ticket: " + cbObject.ticket);
+		})
+		.catch(function (err) {
+			console.log("onFailure : errorMessage = " + err.errorMessage);
+		})
+
+		var vd1=0, vd2=0, vd3=0;
+		document.addEventListener(
+			"idcap::file_downloaded",
+			function (param) {
+				console.log(
+					"Event 'file_downloaded' is received.\n" +
+					"Result = " + param.result + "\n" +
+					"Error message = " + param.errorMessage + "\n" +
+					"uri = " + param.uri + "\n" +
+					"Download path = " + param.downloadPath
+				);
+				switch(param.downloadPath) {
+					case VIDEO_FILE_1_LOCAL:
+						vd1 = 1; 
+						console.log("Download video 1 done.");
+						document.getElementById('status').innerHTML = "Download video 1 done.";
+						document.getElementById('status_detail').innerHTML = VIDEO_FILE_1_LOCAL;
+						break;
+					case VIDEO_FILE_2_LOCAL:
+						vd2 = 1;
+						console.log("Download video 2 done.");
+						document.getElementById('status').innerHTML = "Download video 2 done.";
+						document.getElementById('status_detail').innerHTML = VIDEO_FILE_2_LOCAL;
+						break;
+					case VIDEO_FILE_3_LOCAL:
+						vd3 = 1;
+						console.log("Download video 3 done.");
+						document.getElementById('status').innerHTML = "Download video 3 done.";
+						document.getElementById('status_detail').innerHTML = VIDEO_FILE_3_LOCAL;
+						break;
+				}
+				if(vd1 === 1 && vd2 === 1 && vd3 === 1 )
+				{
+					playVideo(VIDEO_FILE_1_LOCAL);
+				}	
+			},
+			false
+		   );
+	}
+	else
+	{
+		var failureCb = function (cbObject) {
+			var errorCode = cbObject.errorCode;
+			var errorText = cbObject.errorText;
+			console.error(" Error Code [" + errorCode + "]: " + errorText);
+			document.getElementById('status').innerHTML = "Download Failed.";
+			document.getElementById('status_detail').innerHTML = "Check your Internet connection.";
+		};
+	
+		var successCb_downloadDone_1 = function () {
+			console.log("Download video 1 done.");
+			document.getElementById('status').innerHTML = "Download video 1 done.";
+			document.getElementById('status_detail').innerHTML = VIDEO_FILE_1_LOCAL;
+	
+			var successCb_downloadDone_2 = function () {
+				console.log("Download video 2 done.");
+				document.getElementById('status').innerHTML = "Download video 2 done.";
+				document.getElementById('status_detail').innerHTML = VIDEO_FILE_2_LOCAL;
+	
+				var successCb_downloadDone_3 = function () {
+					console.log("Download video 3 done.");
+					document.getElementById('status').innerHTML = "Download video 3 done.";
+					document.getElementById('status_detail').innerHTML = VIDEO_FILE_3_LOCAL;
+					playVideo(VIDEO_FILE_1_LOCAL);
+				};
+				var download_3 = {
+					source: VIDEO_FILE_3_FROM_REMOTE,
+					destination: VIDEO_FILE_3_LOCAL
+				};
+	
+				var storage = new Storage();
+				storage.copyFile(successCb_downloadDone_3, failureCb, download_3);
+	
+			};
+			var download_2 = {
+				source: VIDEO_FILE_2_FROM_REMOTE,
+				destination: VIDEO_FILE_2_LOCAL
+			};
+	
+			var storage = new Storage();
+			storage.copyFile(successCb_downloadDone_2, failureCb, download_2);
+		}
+	
+		var download_1 = {
+			source: VIDEO_FILE_1_FROM_REMOTE,
+			destination: VIDEO_FILE_1_LOCAL
+		};
+	
+		var storage = new Storage();
+		storage.copyFile(successCb_downloadDone_1, failureCb, download_1);
+	}
+	
+}

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

@@ -0,0 +1,99 @@
+#scheduler {
+	visibility: hidden;
+	width: 1272px;
+	height: 720px;
+	
+	
+	position: absolute;
+	left: 219px;
+	bottom: 50px;
+	
+	border-style : solid;
+	border-width : 5px;
+	border-color: #C70752;
+	background-color: #FFFFFF;
+	z-index: 100px;
+}
+
+
+.scheduleEach {
+	width: 51px;
+	height: 118px;
+	
+	border-style : solid;
+	border-width : 1px;
+	border-color : #000000;
+	background-color: transparent;
+	text-align: center;
+}
+
+#currentTime {
+	text-align: right;
+	font-size: 175%;
+	position: absolute;
+	top:0px;
+	right:0px;
+	width:250px;
+	height:150px; 
+} 
+
+#status {
+	font-size: 1000%;
+	text-align: center;
+	width: 1920px;
+	height: 50px;
+	
+	position : absolute;
+	left: 00px;
+	top: 50px;
+	color: #C70752;
+}
+
+
+#status_detail {
+	font-size: 200%;
+	text-align: center;
+	width: 1920px;
+	height: 30px;
+	
+	position : absolute;
+	left: 00px;
+	top: 250px;
+	color: #000000;
+}
+
+
+#videoPlayer {
+	width: 1280px;
+	height: 720px;	
+	
+	position: realite;
+	left: 2px;
+	top: 2px;
+	z-index: -1;
+}
+
+#videoPlayerDiv {
+	width: 1280px;
+	height: 720px;
+	
+	
+	border-width: 2px;
+	border-style: ridge;
+	
+	
+	position: absolute;
+	left: 219px;
+	bottom: 50px;
+	
+	background-color: #A0A0A0;
+	
+	z-index: -1;
+}
+
+
+#manual {
+	position: absolute;
+	right:20px;
+	bottom: 50px;
+}

package/files/templates/signage-sdk-templates/Mart/css/styles.css

@@ -0,0 +1,248 @@
+/* Font Faces */
+@font-face {
+    font-family: museo-sans-300;
+    src: url('../fonts/Museo Sans 300.otf');
+}
+@font-face {
+    font-family: museo-sans-300-italic;
+    src: url('../fonts/Museo Sans 300 Italic.otf');
+}
+@font-face {
+    font-family: museo-sans-500;
+    src: url('../fonts/Museo Sans 500.otf');
+}
+@font-face {
+    font-family: museo-sans-700;
+    src: url('../fonts/Museo Sans 700.otf');
+}
+/* Page Styling */
+* {
+    margin: 0px;
+    padding: 0px;
+    position: absolute;
+}
+/* First Screen */
+html, body, .bannerBackground {
+    height: 1080px;
+    width: 1920px;
+    background-color: white;
+}
+/* Second Screen */
+
+.banner {
+    height: 630px;
+    width: 1920px;
+}
+.bannerIcon {
+    top: 40px;
+    left: 40px;
+    height: 60px;
+    width: 216px;
+}
+.bannerAdTextLine1 {
+    top: 238px;
+    left: 84px;
+    font: 90px museo-sans-700;
+    color: #fff;
+}
+.point {
+    color: #fdbb30;
+}
+.relative {
+    position: relative;
+}
+.bannerAdTextLine2 {
+    top: 329px;
+    left: 84px;
+    font: 90px museo-sans-700;
+    color: #fff;
+}
+.bannerAdvertisement {
+    color: #a3a3a3;
+    left: 84px;
+}
+.bannerAdvertisement.line1 {
+    font: 28px museo-sans-500;
+    top: 482px;
+}
+.bannerAdvertisement.line2 {
+    font: 28px museo-sans-500;
+    top: 510px;
+}
+.bannerAdvertisement.line3 {
+    font: 44px museo-sans-700;
+    top: 557px;
+}
+/* Below Part */
+
+.horizontalLineSeperator {
+    width: 2px;
+    height: 370px;
+    background-color: #cce5f4;
+    top: 670px
+}
+.horizontalLineSeperator.line1 {
+    left: 479px;
+}
+.horizontalLineSeperator.line2 {
+    left: 959px;
+}
+.horizontalLineSeperator.line3 {
+    left: 1439px;
+}
+.advertisements {
+    height: 450px;
+    width: 480px;
+    top: 630px;
+    position: relative;
+    float: left;
+}
+.adBannerImage {
+    top: 30px;
+    width: 400px;
+    height: 240px;
+    left: 40px;
+}
+.adBannerOfferImage {
+    top: 40px;
+    width: 85px;
+    height: 85px;
+    left: 80px;
+    background: url('../res/images/tpl_09_img_tag.png') 100% no-repeat;
+    font: 36px/88px museo-sans-700;
+    text-align: center;
+    color: #fff;
+}
+.adBannerLeft {
+    left: 80px;
+    font: 28px museo-sans-500;
+    color: #3b3b3b;
+}
+.adBannerName {
+    top: 301px;
+}
+.adBannerDesc {
+    top: 329px;
+}
+.adBannerPrice {
+    top: 376px;
+    color: #007dc6;
+    font: 44px museo-sans-700;
+}
+/* Animation */
+
+.animated {
+    -webkit-animation-duration: 1s;
+    -webkit-animation-fill-mode: both;
+    -webkit-animation-delay: 2s;
+}
+.animated3s {
+    -webkit-animation-duration: 1s;
+    -webkit-animation-fill-mode: both;
+    -webkit-animation-delay: 3s;
+}
+.animated32s { 
+    -webkit-animation-duration: 1s;
+    -webkit-animation-fill-mode: both;
+    -webkit-animation-delay: 3.2s;
+}
+.animated35s {
+    -webkit-animation-duration: 1s;
+    -webkit-animation-fill-mode: both;
+    -webkit-animation-delay: 3.5s;
+}
+.animated4s {
+    -webkit-animation-duration: 1s;
+    -webkit-animation-fill-mode: both;
+    -webkit-animation-delay: 4s;
+}
+.animated43s {
+    -webkit-animation-duration: 1s;
+    -webkit-animation-fill-mode: both;
+    -webkit-animation-delay: 4.3s;
+}
+.animated45s {
+    -webkit-animation-duration: 1s;
+    -webkit-animation-fill-mode: both;
+    -webkit-animation-delay: 4.5s;
+}
+.animated46s {
+    -webkit-animation-duration: 1s;
+    -webkit-animation-fill-mode: both;
+    -webkit-animation-delay: 4.6s;
+}
+.animated49s {
+    -webkit-animation-duration: 1s;
+    -webkit-animation-fill-mode: both;
+    -webkit-animation-delay: 4.9s;
+}
+.animated5s {
+    -webkit-animation-duration: 1s;
+    -webkit-animation-fill-mode: both;
+    -webkit-animation-delay: 5s;
+}
+.animated55s {
+    -webkit-animation-duration: 1s;
+    -webkit-animation-fill-mode: both;
+    -webkit-animation-delay: 5.5s;
+}
+.animated6s {
+    -webkit-animation-duration: 1s;
+    -webkit-animation-fill-mode: both;
+    -webkit-animation-delay: 6s;
+}
+.animated.infinite {
+    -webkit-animation-iteration-count: infinite;
+}
+/* pulse animate*/
+
+@-webkit-keyframes pulse {
+    0% {
+        -webkit-transform: scale3d(1, 1, 1);
+    }
+    50% {
+        -webkit-transform: scale3d(1.25, 1.25, 1.25);
+    }
+    100% {
+        -webkit-transform: scale3d(1, 1, 1);
+    }
+}
+.pulse {
+    -webkit-animation-name: pulse;
+}
+/* FadeIn */
+
+@-webkit-keyframes fadeIn {
+     0% {    opacity: 0; }
+    100% {    opacity: 1; }
+}
+.fadeIn {
+    -webkit-animation-name: fadeIn;
+}
+/* fadeOut */
+
+@-webkit-keyframes fadeOut {
+    0% {    opacity: 1; }
+    100% {    opacity: 0; }
+}
+.fadeOut {
+    -webkit-animation-name: fadeOut;
+}
+/* bounceindown*/
+
+@-webkit-keyframes bounceInDown {
+    0%, 60%, 75%, 90%, 100% {
+        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+    }
+    0% {
+        opacity: 0;
+        -webkit-transform: translate3d(0, -630px, 0);
+    }
+    100% {
+        opacity: 1;
+        -webkit-transform: none;
+    }
+}
+.bounceInDown {
+    -webkit-animation-name: bounceInDown;
+}