@webos-tools/cli 3.1.3 → 3.2.1

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

@@ -0,0 +1,312 @@
+* {
+    margin: 0px;
+    padding: 0px;
+}
+@font-face {
+    font-family: 'MS300';
+    src: url('../fonts/MuseoSans300.otf');
+}
+@font-face {
+    font-family: 'MS500';
+    src: url('../fonts/MuseoSans500.otf');
+}
+@font-face {
+    font-family: 'MS700';
+    src: url('../fonts/MuseoSans700.otf');
+}
+html, body {
+    width: 1920px;
+    height: 1080px;
+    color: #ffffff;
+}
+ul {
+    list-style-type: none;
+    width: 100%;
+    height: 100%;
+}
+.inActive {
+    display: none;
+}
+.txtUpper {
+    text-transform: uppercase;
+}
+header {
+    position: relative;
+}
+video, .videoOverlay {
+    position: absolute;
+    left: 0px;
+    top: 0px;
+    width: 1522px;
+    height: 856px;
+}
+#newsWidget {
+    position: absolute;
+    width: 1522px;
+    height: 224px;
+    left: 0px;
+    top: 856px;
+}
+#newsWidget .imgContent {
+    width: 398px;
+    height: 224px;
+    float: left;
+    overflow: hidden;
+}
+.imgContent img {
+    width: 100%;
+}
+#newsContent {
+    width: 1124px;
+    height: 224px;
+    float: left;
+}
+#newsContent > div:first-child {
+    width: 1124px;
+    height: 58px;
+    background: #8c0000;
+    position: relative;
+}
+#newsContent > div:first-child p {
+    font-size: 32px;
+    line-height: 32px;
+    top: 17px;
+    font-family: 'MS300';
+}
+#newsContent > div:last-child {
+    height: 166px;
+    background: #181818;
+    position: relative;
+    overflow: hidden;
+}
+#newsContent .headLineContent {
+    font-size: 50px;
+    font-family: 'MS700';
+    top: 35px;
+    height: 66px;
+    white-space: nowrap;
+    width: 95%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+#newsContent > div p {
+    position: absolute;
+    left: 25px;
+}
+#slideContent {
+    font-size: 36px;
+    font-family: 'MS300';
+    top: 101px;
+    color: #a2a2a2;
+    height: 50px;
+    width: auto;
+    white-space: nowrap;
+    opacity: 0;
+}
+#weatherWidget {
+    position: absolute;
+    top: 41px;
+    left: 41px;
+}
+#weatherWidget > ul li:nth-child(1) {
+    font-size: 46px;
+    font-family: 'MS300';
+    height: 61px;
+}
+#weatherWidget > ul li:nth-child(2) {
+    font-size: 30px;
+    font-family: 'MS300';
+    height: 34px;
+}
+#weatherWidget > ul li:nth-child(3) {
+    font-size: 30px;
+    font-family: 'MS300';
+    height: 92px;
+}
+#weatherWidget > div {
+    position: relative;
+}
+#weatherWidget .weatherInfoContent {
+    height: 157px;
+}
+#weatherWidget .weatherInfoContent span:nth-child(1) {
+    font-size: 180px;
+    font-family: 'MS500';
+    line-height: 157px;
+    float: left;
+}
+#weatherWidget .weatherInfoContent span:nth-child(2) {
+    font-size: 80px;
+    font-family: 'MS300';
+    float: left position: absolute;
+    line-height: 80px;
+}
+#weatherWidget .weatherContent img {
+    float: left;
+    margin-left: -1.63px;
+    width: 51px;
+    height: 51px;
+}
+#weatherWidget .weatherContent label {
+    margin-left: 16.67px;
+    font-size: 40px;
+    font-family: 'MS300';
+}
+#stockWidget {
+    position: absolute;
+    width: 398px;
+    height: 1080px;
+    background: #1b2b3a;
+    left: 1522px;
+}
+#stockWidget ul > li {
+    position: relative;
+    width: 398px;
+    height: 78px;
+}
+.openContent {
+    height: 78px;
+    width: 357px;
+    position: absolute;
+    top: 16px;
+    left: 41px;
+}
+.openContent > div:first-child {
+    font-size: 22px;
+    font-family: 'MS500';
+    line-height: 30px;
+}
+.openContent > div:last-child {
+    height: 30px;
+    border-bottom: 1px solid #495561;
+    margin-right: 41px;
+}
+.stockVal {
+    font-size: 22px;
+    font-family: 'MS300';
+    position: absolute;
+    color: #8d9caa;
+}
+.stockClsVal {
+    position: absolute;
+    top: 61px;
+    right: 41px;
+    font-size: 46px;
+    font-family: 'MS700';
+    height: 96px;
+}
+.stockLbl {
+    position: absolute;
+    top: 30px;
+    right: 41px;
+    height: 31px;
+    font-size: 25px;
+    color: #728599;
+    font-family: 'MS300';
+}
+.valChgLbl {
+    position: absolute;
+    top: 157px;
+    right: 41px;
+    height: 31px;
+    font-size: 25px;
+    color: #728599;
+    font-family: 'MS300';
+}
+.valChgPLbl {
+    position: absolute;
+    top: 250px;
+    right: 41px;
+    height: 31px;
+    font-size: 25px;
+    color: #728599;
+    font-family: 'MS300';
+}
+.valueChange {
+    position: absolute;
+    right: 137px;
+    font-size: 22px;
+    font-family: 'MS300';
+}
+.colorPositive {
+    color: #00b61a;
+}
+.colorNegative {
+    color: #ff0808;
+}
+.valueClsChange {
+    position: absolute;
+    top: 188px;
+    right: 41px;
+}
+.valueClsPChange {
+    position: absolute;
+    top: 281px;
+    right: 41px;
+}
+.valueClsChange img, .valueClsPChange img {
+    float: left;
+    width: 30px;
+    margin-right: 23px;
+    margin-top: 4px;
+}
+.valueClsChange h3, .valueClsPChange h3 {
+    float: left;
+    font-size: 52px;
+    font-family: 'MS700';
+    height: 58px;
+    line-height: 52px;
+}
+.greenCaret {
+    position: absolute;
+    right: 89px;
+    top: 34px;
+}
+.valuePChange {
+    position: absolute;
+    right: 39px;
+    font-family: 'MS300';
+    font-size: 22px;
+}
+.closeContent {
+    height: 456px;
+    width: 398px;
+    position: relative;
+    display: none;
+}
+.closeContent h2 {
+    font-family: 'MS700';
+    font-size: 46px;
+    position: absolute;
+    margin-left: 41px;
+    margin-top: 41px;
+    width: 85px;
+    height: 61px;
+    overflow: hidden;
+}
+.closeContent > div {
+    height: 354px;
+    width: 398px;
+    position: relative;
+    top: 102px;
+    background: #223546;
+}
+#stockWidget li:nth-child(1) .openContent {
+    display: none;
+}
+#stockWidget li:nth-child(1) {
+    height: 456px;
+}
+#stockWidget li:nth-child(1) .closeContent {
+    display: block;
+}
+@-webkit-keyframes slideInRight {
+    0% {
+        -webkit-transform: translate3d(1120px, 0, 0);
+        opacity: 1;
+    }
+    100% {
+        -webkit-transform: translate3d(-120%, 0, 0);
+        opacity: 1;
+    }
+}

package/files/templates/signage-sdk-templates/Widget_Overlay/data/data.json

@@ -0,0 +1,16 @@
+{
+    "videoPath": "res/videos/tpl_07_video.mp4",
+    "defaultNewsImg":"res/images/NotAvailable.png",
+
+    "bgImgPath": "res/images/tpl_07_video_dim.png",
+    "AnimTime": "3s",
+    "positiveClass": "colorPositive",
+    "negClass": "colorNegative",
+    "posImgLarge": "res/images/tpl_07_icon_up_01.png",
+    "posImgSmall": "res/images/tpl_07_icon_up_02.png",
+    "negImgLarge": "res/images/tpl_07_icon_down_01.png",
+    "negImgSmall": "res/images/tpl_07_icon_down_02.png",
+    "cityWeather": "Seoul",
+    "countryWeather": "KR",
+    "weatherAPIKey": "a0bbc401d29647575dd7bbdf9515c3d4"
+}

package/files/templates/signage-sdk-templates/Widget_Overlay/data/newsWidget.json

@@ -0,0 +1,21 @@
+[{
+    "image": "./res/images/tpl_07_img_news1.png",
+    "title": "The Latest Breaking News",
+    "newsHeadLine": "South Korea arrives in Canberra",
+    "newsContent": "Fans go wild as South Korea arrives in Canberra for the Asian Cup"
+}, {
+    "image": "./res/images/tpl_07_img_news.png",
+    "title": "The Latest Breaking News",
+    "newsHeadLine": "South Korea 3-1 Venezuela",
+    "newsContent": "Veteran striker Lee Dong-gook starred as the home side came from behind to record an overdue win over the South Americans"
+}, {
+    "image": "./res/images/Namo.jpg",
+    "title": "The Latest Breaking News",
+    "newsHeadLine": "PM Narendra Modi On Forbes Power List",
+    "newsContent": "Indian Prime Minister Narendra Modi is on Forbes most influential List."
+}, {
+    "image": "./res/images/koreanFt.jpg",
+    "title": "The Latest Breaking News",
+    "newsHeadLine": "South Korea have Asian Cup",
+    "newsContent": "South Korea head coach  has one eye on the Asia Cup as they prepare for their international friendly against Brazil."
+}]

package/files/templates/signage-sdk-templates/Widget_Overlay/data/shareWidget.json

@@ -0,0 +1,112 @@
+[
+    [{
+        "company": "LG Display",
+        "share": "1192.7",
+        "change": "125",
+        "changeinPercentage": "1.73",
+        "positive": true
+    }, {
+        "company": "Samsung",
+        "share": "1092.7",
+        "change": "125",
+        "changeinPercentage": "5.73",
+        "positive": false
+    }, {
+        "company": "Google",
+        "share": "2292.7",
+        "change": "225",
+        "changeinPercentage": "1.23",
+        "positive": "true"
+    }, {
+        "company": "Motorola",
+        "share": "192.7",
+        "change": "15",
+        "changeinPercentage": "1.24",
+        "positive": false
+    }, {
+        "company": "Apple",
+        "share": "3592.5",
+        "change": "225",
+        "changeinPercentage": "0.83",
+        "positive": true
+    }, {
+        "company": "Cisco",
+        "share": "1892.9",
+        "change": "145",
+        "changeinPercentage": "1.22",
+        "positive": false
+    }, {
+        "company": "Sap",
+        "share": "3192.7",
+        "change": "105",
+        "changeinPercentage": "1.36",
+        "positive": true
+    }, {
+        "company": "Amazon",
+        "share": "1998.9",
+        "change": "185",
+        "changeinPercentage": "1.84",
+        "positive": true
+    }, {
+        "company": "Flipkart",
+        "share": "1000.2",
+        "change": "135",
+        "changeinPercentage": "8.74",
+        "positive": true
+    }],
+    [{
+        "company": "LG Display",
+        "share": "1000.2",
+        "change": "135",
+        "changeinPercentage": "8.74",
+        "positive": true
+    }, {
+        "company": "Samsung",
+        "share": "1998.9",
+        "change": "185",
+        "changeinPercentage": "1.84",
+        "positive": true
+    }, {
+        "company": "Google",
+        "share": "3192.7",
+        "change": "105",
+        "changeinPercentage": "1.36",
+        "positive": true
+    }, {
+        "company": "Motorola",
+        "share": "1892.9",
+        "change": "145",
+        "changeinPercentage": "1.22",
+        "positive": false
+    }, {
+        "company": "Apple",
+        "share": "1192.7",
+        "change": "125",
+        "changeinPercentage": "1.73",
+        "positive": true
+    }, {
+        "company": "Cisco",
+        "share": "192.7",
+        "change": "15",
+        "changeinPercentage": "1.24",
+        "positive": false
+    }, {
+        "company": "Sap",
+        "share": "2292.7",
+        "change": "225",
+        "changeinPercentage": "1.23",
+        "positive": true
+    }, {
+        "company": "Amazon",
+        "share": "1092.7",
+        "change": "125",
+        "changeinPercentage": "5.73",
+        "positive": false
+    }, {
+        "company": "Flipkart",
+        "share": "1192.7",
+        "change": "125",
+        "changeinPercentage": "1.73",
+        "positive": false
+    }]
+]

package/files/templates/signage-sdk-templates/Widget_Overlay/data/weatherWidget.json

@@ -0,0 +1,45 @@
+[{
+    "info": {
+        "city": "Chicago",
+        "time": "08:30 AM GMT",
+        "date": "Wednesday November 3, 2014"
+    },
+    "weather": {
+        "value": "14",
+        "image": "./res/images/clear.png",
+        "status": "clear"
+    }
+}, {
+    "info": {
+        "city": "Chicago",
+        "time": "09:30 AM GMT",
+        "date": "Wednesday November 13, 2014"
+    },
+    "weather": {
+        "value": "20",
+        "image": "./res/images/rain.png",
+        "status": "rain"
+    }
+}, {
+    "info": {
+        "city": "Chicago",
+        "time": "08:30 AM GMT",
+        "date": "Wednesday November 3, 2014"
+    },
+    "weather": {
+        "value": "22",
+        "image": "./res/images/thunder.png",
+        "status": "Thunderstorm"
+    }
+}, {
+    "info": {
+        "city": "Chicago",
+        "time": "09:30 AM GMT",
+        "date": "Wednesday November 13, 2014"
+    },
+    "weather": {
+        "value": "-5",
+        "image": "./res/images/mist.png",
+        "status": "mist"
+    }
+}]

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

@@ -0,0 +1,62 @@
+<!doctype html>
+
+<html lang='en'>
+
+<head>
+    <title>Widget Overlay</title>
+
+    <meta http-equiv='Content-Type' content='text/html; charset=utf-8'>
+
+    <!-- Css Files -->
+    <link href='css/styles.css' rel='stylesheet' type='text/css' />
+
+</head>
+
+<body>
+    <!-- 
+		data-bind-*(Ex:data-bind-AppSeven) is a custom attribute ,which represents data source.
+		we can bind multiple data sources by changing the * value with dataSource name.
+		
+		'video','bgImg','newsImage' ... are the attributes or properties inside a data source.
+	-->
+    <video autoplay loop id='videoPlayer' data-bind-appSeven='video'></video>
+    <img data-bind-appSeven='bgImg' class='videoOverlay' />
+
+    <div id='newsWidget'>
+        <div class='imgContent'>
+            <img id='newsImg' data-bind-appSeven='newsImage' />
+        </div>
+        <div id='newsContent'>
+            <div>
+                <p class='txtUpper' data-bind-appSeven='latestNewsTitle'></p>
+            </div>
+            <div>
+                <p class='headLineContent' data-bind-appSeven='latestNewsHeadLine'></p>
+                <p id='slideContent' data-bind-appSeven='latestNewsContent'></p>
+            </div>
+        </div>
+    </div>
+
+    <div id='stockWidget'>
+        <ul id='stockList'></ul>
+    </div>
+
+    <div id='weatherWidget'>
+        <ul data-bind-appSeven='weatherInfo'></ul>
+        <div class='weatherInfoContent'>
+            <span data-bind-appSeven='weatherValue'></span>
+            <span>&deg;</span>
+        </div>
+        <div class='weatherContent'>
+            <img data-bind-appSeven='weatherImage' />
+            <label data-bind-appSeven='weatherStatus'></label>
+        </div>
+    </div>
+
+    <!-- Script Files -->
+    <script src='js/helpers/util.js'></script>
+    <script src='js/controller.js'></script>
+
+</body>
+
+</html>