From 9ed4c73d287c44cde2ab141c023cd6979599ce46 Mon Sep 17 00:00:00 2001 From: sysadmin Date: Thu, 21 Apr 2022 14:26:53 +0900 Subject: [PATCH] issue #1 1. Re-arrange UI components - Brochure navigation icon & dot - news & Guide bar size as well as font size --- .../application/hoteltv.app.full.guide.css | 6 +- .../application/hoteltv.app.full.news.css | 11 +- .../application/hoteltv.app.full.popup.css | 313 +++++++++++++++--- .../application/images/icon_brochure_next.png | Bin 0 -> 1650 bytes .../application/images/icon_brochure_prev.png | Bin 0 -> 1648 bytes .../application/lib/hoteltv.ui_appfull.js | 3 +- procentric/system/LGService.xml | 9 +- 7 files changed, 286 insertions(+), 56 deletions(-) create mode 100755 procentric/application/images/icon_brochure_next.png create mode 100755 procentric/application/images/icon_brochure_prev.png diff --git a/procentric/application/hoteltv.app.full.guide.css b/procentric/application/hoteltv.app.full.guide.css index 88c22ce..8baed52 100755 --- a/procentric/application/hoteltv.app.full.guide.css +++ b/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; - background-color: rgba(0, 0, 0, 0.55); + line-height: 40px; + background-color: rgba(19, 21, 23, 0.6); color: rgb(255, 255, 255); } \ No newline at end of file diff --git a/procentric/application/hoteltv.app.full.news.css b/procentric/application/hoteltv.app.full.news.css index 9dba816..64080c7 100755 --- a/procentric/application/hoteltv.app.full.news.css +++ b/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; - vertical-align: middle; - padding: 3px 10px 10px 0; + height: 34px; + vertical-align: top; + /* padding: 3px 10px 10px 0; */ object-fit: cover; } \ No newline at end of file diff --git a/procentric/application/hoteltv.app.full.popup.css b/procentric/application/hoteltv.app.full.popup.css index 9188fd0..eec5f1a 100755 --- a/procentric/application/hoteltv.app.full.popup.css +++ b/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: 100%; - height: 120px; + /* width: 26px; */ + /* cursor: pointer; */ + top: 480px !important; + filter: drop-shadow(0 0 3px rgba(255, 255, 255, 1)); } -.popup .hotkey_mm_red .owl-nav .owl-prev { - position: absolute; - height: 100%; - /* top: -40px; */ - 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-prev.disabled, +.popup .hotkey_mm_red .owl-nav .owl-next.disabled { + pointer-events: none; + opacity: 0.4; } -.popup .hotkey_mm_red .owl-nav .owl-next { - position: absolute; - height: 100%; - /* top: -40px; */ - left: 1845px; - 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 .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_red .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_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; -} - -.popup .hotkey_mm_red .owl-nav .owl-prev { - /* width: 100%; */ -} - -.popup .hotkey_mm_red .owl-nav .owl-next { - /* width: 100%; */ + width: 15px; + border: 2px solid rgba(80, 80, 80, 0.8); + filter: drop-shadow(0 1px 2px rgb(0, 0, 0)); + background: none; } -/* 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; } diff --git a/procentric/application/images/icon_brochure_next.png b/procentric/application/images/icon_brochure_next.png new file mode 100755 index 0000000000000000000000000000000000000000..0710650899359ff89ecb1f7d88a301cf06ff3a50 GIT binary patch literal 1650 zcmV-&295cNP)=gMEnBH&k!Z*!{G-}d`(PFkVB0|BT-`lK}n4ItVAQI(YtV3H8Tf0)jd12 zJv|@BD`;4DdaA0s>$__jjTKmdLV+>1+H&|d)8@Mj#$Pube%N&U(2buHo>f4Ca3Vi&}ui{i8Pc0&K{~fa}S2n>$snD;0p* zEwJeQ!2EgjMJJB)hU32rG&WbgP5}(Ndj~LgsDMRF2TGQ~yscHQyV2@&)`FP6lY!xH zVC)84upJpUY_Df{p4DhQ>3(Eyf=J-TW<) zLFOMt-Nj8(rO{g3?*z8Q;a?|j0zYdw-TQQ|Z8&g#NpM1PhL(V#y)B#HtedQ5^IHJ- zKBSQ#WiK`Q{Z+c@#+k5s1`zuo!D4^jbb2=y$^bx-!)PAkC$&ug&>GJ^-Acc9bhT&jV8E#SKDWx&&%)G+3OCiCx? z_}mc??fa*YP0>%kS!4i$|(Bgv8xxN6twE`OD zz%#|AcF#yiFt!&htM^zzJZlHj_Mea#?ai4HglTL{^pC*b<0{Ocy(l+S4PXodGa?0_ zW_lA-S{mNwiSU8~M|c8nlxaLM9G8U6x23)q<@19^WUnd{u;_wgI(Pfo*wk zXHx;e2zuQ-M6*I|j35>}$p#dD`&ynGj90j@j4n?4-v>e@6vq1iolGo4MWJwvo-`D` zz>}dtmvtbQoxG>H?+dFao_) zC4Rg@BB!>5Z7J$ZRC6&Rmc(JW-A$QZ7Ot6@|3%}!bu~7QCH>6Cj{=6l!tM<-9yJ3j z=Tj**vs{bCk@#;@|7p114F&P64W!rOpnfAGiW;8J5-WPL>@;~4n3$fP1U|nblKZQ2 zqc!TT=)?Kp`nJfBYyH6Td-vu-jEzPTUp|)@PF4U>%<-PMc>Y3u>|r@+UPSI6s)IV9 z*wb1@B&qLfE9+s?A$2RuHlfPCAu!4t1f7rE_T=Q16IzKyt+K)<3}kakae^X@2d)l0 zlWg(YTVSoy1uj(h7pxwSM`jV+qyPW_07*qoM6N<$f*ivFlmGw# literal 0 HcmV?d00001 diff --git a/procentric/application/images/icon_brochure_prev.png b/procentric/application/images/icon_brochure_prev.png new file mode 100755 index 0000000000000000000000000000000000000000..af94688bb3d55ddcdc61c9ac530e058b8fdfc6ed GIT binary patch literal 1648 zcmV-$29NoPP)N#Q zTOvUxI6!NcCMmCu+S+y_^d+wNDtQvbal>uisdH?-A;dZ18&VTm0-;?sTU@PMt!0aA zAbU6INU*Z!D(&_v-Fo9Btd;>~?eM@fEE8;x2*2%gvC6I2clruTNE(KuHFe=YDl?>umtQ#!^Xs5-%2 zirD+0Dj{Z>=Dw z97d+N)$Z&|2<7&&XZ0T{iL-W?cJPS8X>ZIdAlk;pOn*PV9xsitiUZQy0={O95;JB6 zpJY>vEiF%P2a(||gPa*A{DqG0m-5P?bX<`(-;nxXXFuQVM0VvR(Jv-FaS`+#Vx;fO zE04l88_VvV50JNn=`40XRK~_eO;+3w!ha~T&7UaF=aFgE{cG8NWwB?PjCJw^PbqVc zC?lB3OLYXxZe3DDKHmDlm|Qr>e8Me9JSBCC4lTMmxnhe}5(6@MrEX-gOz*6MV0dEF{YEzFP(BQk=P+#l zrqrwuKm5QZASkMMSSHUwWq79ld#Mv*{;`;&z}B*eQY@j{Rf!FKhrvHkM0USe<6SVt z9Q@Bxr|^)nt5aoW=IkO$F~}bkga6uc)?HjgZZ5Rjt9U4s`m9XA8NUQ1C+IheDn6y0 zAQd~=1ZX*Z9gQ#;uW(TrUG8+oCqgV0rt<*ZM246OznGc|pXQsPBQZT#5>h9ceI5$w zd|o%1|49vINkFFHAuzGR#7|b}a)K@*Dh#9`;sj4Jx$h@;#(?9q6&xr^APoaAi8;Zx z#LjdTjTc4fW=0VLnTeKB6!luy#pQ{G)Vl+86^$)}-lb%XD4{Gq$HtOg;-@1dMqr7q zrQ{{iFLWJ@$R%+!uX%l@hoxg?C-}T_Y8{P@Q%OIw^OKY#4VKqp59cvrpmIL9Vl&IJ zSX@Z(29KYH=U-70XKhd(k0Ye^EvR$h`8e~Uhl_5L%f!U=^dxwG$1L~P+!w8B9m?@p z>>J%HGVEAC^!)zjLW1d{ks?8v%Nv`^0CB+*eMcU=c&51YsGKw}3lH{=!g3(9=e3NE zrM_FVtoI-2(jgBk%RXV4_lDqMP u$GZMHOXreDJHO3RUwUSg((M(TuJ{+bwU0!Vhrkj50000", "
"], startPosition: 0, }); @@ -1352,7 +1353,7 @@ HotelTV.ui_appfull = (function() { } _hndlNewsTicker.html(sz_li_news); _hndlNewsTicker.webTicker({ - height: '38px', + height: '26px', speed: 100 }); } else { diff --git a/procentric/system/LGService.xml b/procentric/system/LGService.xml index 6f8ce5e..5e7c9c5 100755 --- a/procentric/system/LGService.xml +++ b/procentric/system/LGService.xml @@ -1,6 +1,6 @@ - 11 + 12 49US761H0ND NORMAL @@ -10,5 +10,12 @@ 0 0 + + EPK_FIRMWARE + starfish-atsc-secured-k6hp-41.242.japoon4hotel.k6hp-41-04.44.00_prodkey_nsu_V3_SECURED.epk + 0 + 0 + 0 +