issue #1

1. Re-arrange UI components
- Brochure navigation icon & dot
- news & Guide bar size as well as font size

procentric/application/hoteltv.app.full.guide.css

@@ -17,10 +17,10 @@
     top: 1034px;
     left: 0px;
     width: 1920px;
-    height: 46px;
+    height: 40px;
     font-size: 32px;
     text-align: center;
-    line-height: 45px;
+    line-height: 40px;
-    background-color: rgba(0, 0, 0, 0.55);
+    background-color: rgba(19, 21, 23, 0.6);
     color: rgb(255, 255, 255);
 }

procentric/application/hoteltv.app.full.news.css

@@ -17,7 +17,7 @@
     width: 160px;
     color: rgb(235, 235, 235);
     font-size: 32px;
-    line-height: 40px;
+    line-height: 32px;
     text-align: center;
     border: solid rgba(0, 0, 0, 0.5);
     margin: 0 20px 0 20px;
@@ -31,12 +31,13 @@
 }
 
 .news>.newsctz #hoteltv-news-ticker li {
-    font-size: 28px;
+    font-size: 26px;
+    line-height: 24px;
 }
 
 .news>.newsctz #hoteltv-news-ticker li img {
-    height: 40px;
+    height: 34px;
-    vertical-align: middle;
+    vertical-align: top;
-    padding: 3px 10px 10px 0;
+    /* padding: 3px 10px 10px 0; */
     object-fit: cover;
 }

procentric/application/hoteltv.app.full.popup.css

@@ -29,7 +29,7 @@
 }
 
 
-/* Hotkey(main menu) red */
+/* Hotkey(red) */
 
 .popup .hotkey_mm_red {
     position: absolute;
@@ -83,66 +83,53 @@
     padding: 0;
 }
 
-.popup .hotkey_mm_red .owl-nav {
+.popup .hotkey_mm_red .owl-nav .nav-btn {
+    /* height: 47px; */
     position: absolute;
-    top: 420px;
+    /* width: 26px; */
-    width: 100%;
+    /* cursor: pointer; */
-    height: 120px;
+    top: 480px !important;
+    filter: drop-shadow(0 0 3px rgba(255, 255, 255, 1));
 }
 
-.popup .hotkey_mm_red .owl-nav .owl-prev {
+.popup .hotkey_mm_red .owl-nav .owl-prev.disabled,
-    position: absolute;
+.popup .hotkey_mm_red .owl-nav .owl-next.disabled {
-    height: 100%;
+    pointer-events: none;
-    /* top: -40px; */
+    opacity: 0.4;
-    left: 0px;
-    width: 60px;
-    font-size: 100px;
-    /* border-radius: 10px; */
-    background: rgba(60, 60, 60, 1);
-    line-height: 100px;
-    color: #FFFFFF;
-    text-align: center;
-    display: inline-block;
-    box-shadow: -2px 0px 8px #999;
 }
 
-.popup .hotkey_mm_red .owl-nav .owl-next {
+.popup .hotkey_mm_red .owl-nav .prev-slide {
-    position: absolute;
+    background: url(images/icon_brochure_prev.png) no-repeat scroll 0 0;
-    height: 100%;
+    left: 20px;
-    /* top: -40px; */
+    width: 64px;
-    left: 1845px;
+    height: 64px;
-    width: 60px;
+    background-size: contain;
-    font-size: 100px;
+}
-    /* border-radius: 10px; */
+
-    background: rgba(60, 60, 60, 1);
+.popup .hotkey_mm_red .owl-nav .next-slide {
-    line-height: 100px;
+    background: url(images/icon_brochure_next.png) no-repeat scroll 0px 0px;
-    color: #FFFFFF;
+    right: 20px;
-    text-align: center;
+    width: 64px;
-    display: inline-block;
+    height: 64px;
-    box-shadow: 2px 0px 8px #999;
+    background-size: contain;
 }
 
 .popup .hotkey_mm_red .owl-dots {
     position: absolute;
-    top: 966px;
+    top: 1000px;
     width: 100%;
     align-content: center;
 }
 
 .popup .hotkey_mm_red .owl-dots .owl-dot span {
-    width: 14px;
+    width: 15px;
-}
+    border: 2px solid rgba(80, 80, 80, 0.8);
-
+    filter: drop-shadow(0 1px 2px rgb(0, 0, 0));
-.popup .hotkey_mm_red .owl-nav .owl-prev {
+    background: none;
-    /*    width: 100%;    */
-}
-
-.popup .hotkey_mm_red .owl-nav .owl-next {
-    /*    width: 100%;    */
 }
 
 
-/* Hotkey(main menu) green */
+/* Hotkey(green) */
 
 .popup .hotkey_mm_green {
     position: absolute;
@@ -196,15 +183,249 @@
     padding: 0;
 }
 
+.popup .hotkey_mm_green .owl-nav .nav-btn {
+    /* height: 47px; */
+    position: absolute;
+    /* width: 26px; */
+    /* cursor: pointer; */
+    top: 480px !important;
+    filter: drop-shadow(0 0 3px rgba(255, 255, 255, 1));
+}
+
+.popup .hotkey_mm_green .owl-nav .owl-prev.disabled,
+.popup .hotkey_mm_green .owl-nav .owl-next.disabled {
+    pointer-events: none;
+    opacity: 0.4;
+}
+
+.popup .hotkey_mm_green .owl-nav .prev-slide {
+    background: url(images/icon_brochure_prev.png) no-repeat scroll 0 0;
+    left: 20px;
+    width: 64px;
+    height: 64px;
+    background-size: contain;
+}
+
+.popup .hotkey_mm_green .owl-nav .next-slide {
+    background: url(images/icon_brochure_next.png) no-repeat scroll 0px 0px;
+    right: 20px;
+    width: 64px;
+    height: 64px;
+    background-size: contain;
+}
+
 .popup .hotkey_mm_green .owl-dots {
     position: absolute;
-    top: 966px;
+    top: 1000px;
     width: 100%;
     align-content: center;
 }
 
 .popup .hotkey_mm_green .owl-dots .owl-dot span {
-    width: 14px;
+    width: 15px;
+    border: 2px solid rgba(80, 80, 80, 0.8);
+    filter: drop-shadow(0 1px 2px rgb(0, 0, 0));
+    background: none;
+}
+
+
+/* Hotkey(blue) */
+
+.popup .hotkey_mm_blue {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    padding: 0px;
+    overflow: hidden;
+    display: none;
+}
+
+.popup .hotkey_mm_blue div#lst_hotkey_mm_blue {
+    position: absolute;
+    /*
+    width: 1464px;
+    height: 1007px;
+    margin: 36px 226px 36px 226px;
+    */
+    width: 100%;
+    height: 100%;
+    padding: 0;
+    border-style: solid;
+    border-color: rgb(160, 160, 160);
+    filter: drop-shadow(0 0 15px rgba(255, 255, 255, 1));
+}
+
+.popup .hotkey_mm_blue .owl-carousel .owl-stage-outer {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.popup .hotkey_mm_blue .owl-carousel .owl-stage-outer .owl-stage {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.popup .hotkey_mm_blue .owl-carousel .owl-stage-outer .owl-stage .owl-item {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.popup .hotkey_mm_blue div .item {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.popup .hotkey_mm_blue .owl-nav .nav-btn {
+    /* height: 47px; */
+    position: absolute;
+    /* width: 26px; */
+    /* cursor: pointer; */
+    top: 480px !important;
+    filter: drop-shadow(0 0 3px rgba(255, 255, 255, 1));
+}
+
+.popup .hotkey_mm_blue .owl-nav .owl-prev.disabled,
+.popup .hotkey_mm_blue .owl-nav .owl-next.disabled {
+    pointer-events: none;
+    opacity: 0.4;
+}
+
+.popup .hotkey_mm_blue .owl-nav .prev-slide {
+    background: url(images/icon_brochure_prev.png) no-repeat scroll 0 0;
+    left: 20px;
+    width: 64px;
+    height: 64px;
+    background-size: contain;
+}
+
+.popup .hotkey_mm_blue .owl-nav .next-slide {
+    background: url(images/icon_brochure_next.png) no-repeat scroll 0px 0px;
+    right: 20px;
+    width: 64px;
+    height: 64px;
+    background-size: contain;
+}
+
+.popup .hotkey_mm_blue .owl-dots {
+    position: absolute;
+    top: 1000px;
+    width: 100%;
+    align-content: center;
+}
+
+.popup .hotkey_mm_blue .owl-dots .owl-dot span {
+    width: 15px;
+    border: 2px solid rgba(80, 80, 80, 0.8);
+    filter: drop-shadow(0 1px 2px rgb(0, 0, 0));
+    background: none;
+}
+
+
+/* Hotkey(yellow) */
+
+.popup .hotkey_mm_yellow {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    padding: 0px;
+    overflow: hidden;
+    display: none;
+}
+
+.popup .hotkey_mm_yellow div#lst_hotkey_mm_yellow {
+    position: absolute;
+    /*
+    width: 1464px;
+    height: 1007px;
+    margin: 36px 226px 36px 226px;
+    */
+    width: 100%;
+    height: 100%;
+    padding: 0;
+    border-style: solid;
+    border-color: rgb(160, 160, 160);
+    filter: drop-shadow(0 0 15px rgba(255, 255, 255, 1));
+}
+
+.popup .hotkey_mm_yellow .owl-carousel .owl-stage-outer {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.popup .hotkey_mm_yellow .owl-carousel .owl-stage-outer .owl-stage {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.popup .hotkey_mm_yellow .owl-carousel .owl-stage-outer .owl-stage .owl-item {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.popup .hotkey_mm_yellow div .item {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.popup .hotkey_mm_yellow .owl-nav .nav-btn {
+    /* height: 47px; */
+    position: absolute;
+    /* width: 26px; */
+    /* cursor: pointer; */
+    top: 480px !important;
+    filter: drop-shadow(0 0 3px rgba(255, 255, 255, 1));
+}
+
+.popup .hotkey_mm_yellow .owl-nav .owl-prev.disabled,
+.popup .hotkey_mm_yellow .owl-nav .owl-next.disabled {
+    pointer-events: none;
+    opacity: 0.4;
+}
+
+.popup .hotkey_mm_yellow .owl-nav .prev-slide {
+    background: url(images/icon_brochure_prev.png) no-repeat scroll 0 0;
+    left: 20px;
+    width: 64px;
+    height: 64px;
+    background-size: contain;
+}
+
+.popup .hotkey_mm_yellow .owl-nav .next-slide {
+    background: url(images/icon_brochure_next.png) no-repeat scroll 0px 0px;
+    right: 20px;
+    width: 64px;
+    height: 64px;
+    background-size: contain;
+}
+
+.popup .hotkey_mm_yellow .owl-dots {
+    position: absolute;
+    top: 1000px;
+    width: 100%;
+    align-content: center;
+}
+
+.popup .hotkey_mm_yellow .owl-dots .owl-dot span {
+    width: 15px;
+    border: 2px solid rgba(80, 80, 80, 0.8);
+    filter: drop-shadow(0 1px 2px rgb(0, 0, 0));
+    background: none;
 }
 
 

procentric/application/lib/hoteltv.ui_appfull.js

@@ -254,6 +254,7 @@ HotelTV.ui_appfull = (function() {
                 touchDrag: false,
                 pullDrag: false,
                 freeDrag: false,
+                navText: ["<div class='nav-btn prev-slide'></div>", "<div class='nav-btn next-slide'></div>"],
                 startPosition: 0,
             });
 
@@ -1352,7 +1353,7 @@ HotelTV.ui_appfull = (function() {
                 }
                 _hndlNewsTicker.html(sz_li_news);
                 _hndlNewsTicker.webTicker({
-                    height: '38px',
+                    height: '26px',
                     speed: 100
                 });
             } else {

procentric/system/LGService.xml

@@ -1,6 +1,6 @@
 <service>
     <setup>
-        <versionNumber>11</versionNumber>
+        <versionNumber>12</versionNumber>
         <modelName>49US761H0ND</modelName>
         <priority>NORMAL</priority>
         <content>
@@ -10,5 +10,12 @@
             <programNum>0</programNum>
             <cTag>0</cTag>
         </content> 
+        <content>
+            <type>EPK_FIRMWARE</type>
+            <data>starfish-atsc-secured-k6hp-41.242.japoon4hotel.k6hp-41-04.44.00_prodkey_nsu_V3_SECURED.epk</data>
+            <frequency>0</frequency>
+            <programNum>0</programNum>
+            <cTag>0</cTag> 
+        </content>
     </setup>
 </service>