From 05f5d61c844de8e1cc0ef8ebdd6584b6160d392a Mon Sep 17 00:00:00 2001 From: Paul Kim Date: Thu, 16 Jun 2022 00:26:30 +0900 Subject: [PATCH] issue#1 Remodeling roomservice ui and operating scheme. --- procentric/application/.vscode/bookmarks.json | 4 +- procentric/application/app_hoteltv_full.html | 122 +- .../application/hoteltv.app.full.ctzgen.css | 5 +- .../application/hoteltv.app.full.popup.css | 1313 ++++++------ procentric/application/lib/hoteltv.hcap.js | 119 +- procentric/application/lib/hoteltv.js | 62 +- .../application/lib/hoteltv.ui_appfull.js | 1885 ++++++++--------- 7 files changed, 1706 insertions(+), 1804 deletions(-) diff --git a/procentric/application/.vscode/bookmarks.json b/procentric/application/.vscode/bookmarks.json index dc1d30f..0289477 100755 --- a/procentric/application/.vscode/bookmarks.json +++ b/procentric/application/.vscode/bookmarks.json @@ -4,8 +4,8 @@ "path": "lib/hoteltv.ui_appfull.js", "bookmarks": [ { - "line": 3332, - "column": 13, + "line": 538, + "column": 22, "label": "" } ] diff --git a/procentric/application/app_hoteltv_full.html b/procentric/application/app_hoteltv_full.html index 004c209..fb0f8e3 100755 --- a/procentric/application/app_hoteltv_full.html +++ b/procentric/application/app_hoteltv_full.html @@ -234,57 +234,91 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
-
-
-
-
+
+
+
+ + + + + + + +
+ + +
-
-
-
-
+
+
+
+
-
-
-
-
-
-
-
-
-
-
+
+
+
+
-
-
-
+
+
+
+
+
+
+
+
+ + + + + + + + +
+ + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + +
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/procentric/application/hoteltv.app.full.ctzgen.css b/procentric/application/hoteltv.app.full.ctzgen.css index 7b19a5c..641a7d3 100755 --- a/procentric/application/hoteltv.app.full.ctzgen.css +++ b/procentric/application/hoteltv.app.full.ctzgen.css @@ -26,10 +26,11 @@ align-content: center; } -.main .ctzgen .bg .owl-dots .owl-dot span { + +/* .main .ctzgen .bg .owl-dots .owl-dot span { width: 20px; height: 20px; -} +} */ .main .ctzgen .bg div#lst_ctzgenbg { position: absolute; diff --git a/procentric/application/hoteltv.app.full.popup.css b/procentric/application/hoteltv.app.full.popup.css index d617d9a..0081fb4 100755 --- a/procentric/application/hoteltv.app.full.popup.css +++ b/procentric/application/hoteltv.app.full.popup.css @@ -445,360 +445,23 @@ filter: drop-shadow(0 0 10px rgba(255, 255, 255, 1)); } -.popup .amenity .title { - width: 100%; - height: 64px; - line-height: 40px; - overflow: hidden; - color: rgb(247, 236, 234); - font-size: 40px; - text-align: left; - text-shadow: 2px 2px 4px rgba(0, 0, 0, 1); - padding: 10px 10px 5px 10px; -} -.popup .amenity .usage { - width: 100%; - height: 80px; - line-height: 14px; - overflow: hidden; - color: rgb(170, 170, 170); - font-size: 18px; - text-align: left; - text-shadow: 2px 2px 4px rgba(0, 0, 0, 1); - padding: 5px 10px 5px 15px; - white-space: pre-line; -} - -.popup .amenity>.items { - /* width: 100%; */ - height: 390px; - /* background-color: rgba(48, 48, 48, 1.0); */ - /* overflow-y: auto; */ - overflow-y: hidden; - overflow-x: hidden; - /* padding: 20px 20px 10px 15px; */ - margin: 5px 20px 10px 15px; - border: 1px solid rgb(90, 90, 90); -} - -.popup .amenity>.items table { - width: 100%; - border-collapse: collapse; -} - -.popup .amenity>.items .table tr { - width: 100%; - height: 130px; - border-bottom: 1px solid rgb(52, 52, 52); - /* background-color: rgb(0, 0, 128); */ -} - -.popup .amenity>.items div.products { - width: 100%; -} - -.popup .amenity>.items div.products div#item_title { - width: 100%; - height: 30px; - font-size: 25px; - font-weight: bolder; - text-align: left; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; - color: rgba(192, 192, 192, 1.0); - text-shadow: 2px 2px 4px rgba(0, 0, 0, 1); - line-height: 28px; - margin: 5px 0px 0px 10px; -} - -.popup .amenity>.items div.products div#thumb { - width: 182px; - height: 80px; - margin: 0px 5px 0px 10px; - display: inline-block; - vertical-align: top; -} - -.popup .amenity>.items div.products div#details { - width: 142px; - height: 80px; - margin: 0px 5px 0px 5px; - display: inline-block; - vertical-align: top; - font-size: 18px; - color: rgb(170, 170, 170); - text-shadow: 2px 2px 4px rgba(0, 0, 0, 1); - /* background-color: rgba(124, 124, 0, 1); */ -} - -.popup .amenity>.items div.products div#freecnt_title { - width: 60%; - height: 50%; - display: inline-block; - vertical-align: top; - padding: 0px 10px 0px 0px; - text-align: right; - /* background-color: rgba(124, 124, 124, 1); */ -} - -.popup .amenity>.items div.products div#freecnt_val { - width: 40%; - height: 50%; - display: inline-block; - font-size: 30px; - padding: 0px 0px 0px 5px; - color: rgba(192, 192, 192, 1.0); - text-shadow: 2px 2px 4px rgba(0, 0, 0, 1); - /* background-color: rgba(200, 124, 124, 1); */ -} - -.popup .amenity>.items div.products div#price_title { - width: 60%; - height: 50%; - display: inline-block; - vertical-align: top; - text-align: right; - padding: 0px 10px 0px 0px; - /* background-color: rgba(200, 124, 200, 1); */ -} - -.popup .amenity>.items div.products div#price_val { - width: 40%; - height: 50%; - display: inline-block; - font-size: 30px; - padding: 0px 0px 0px 5px; - color: rgba(192, 192, 192, 1.0); - text-shadow: 2px 2px 4px rgba(0, 0, 0, 1); - /* background-color: rgba(200, 200, 124, 1); */ -} - -.popup .amenity>.items div.products div#quantity_val { - width: 90px; - height: 80px; - margin: 0px 0px 0px 5px; - display: inline-block; - vertical-align: top; - font-size: 68px; - line-height: 90px; - text-align: right; - color: rgba(190, 190, 190, 1); -} - -.popup .amenity>.items .table tr.active { - background-color: rgba(48, 48, 48, 1.0); - box-shadow: 0px 0px 30px rgba(0, 0, 0, 1); -} - -.popup .amenity>.items::-webkit-scrollbar { - width: 5px; - height: 8px; - background-color: #aaa; - /* or add it to the track */ -} - -.popup .amenity>div.buttons { - width: 100%; - height: 145px; - font-size: 28px; - text-align: center; - color: rgba(192, 192, 192, 1.0); - padding: 10px 20px 5px 20px; -} - -.popup .amenity>div.buttons div { - height: 38px; - border: 1px solid rgb(90, 90, 90); -} - -.popup .amenity>div.buttons .active { - border: 1px solid rgb(65, 196, 110); - font-size: 30px; - box-shadow: 0px 0px 30px rgba(0, 0, 0, 1); -} - -.popup .amenity>div.buttons .order { - width: 100%; - border-radius: 5px; - margin: 0px 0px 5px 0px; -} - -.popup .amenity>div.buttons .cancel { - width: 100%; - border-radius: 5px; - margin: 0px 0px 5px 0px; -} - -.popup .amenity>div.buttons .details { - width: 100%; - border-radius: 5px; -} - -.popup .amenity>div.order-details { - width: 100%; - height: 700px; - background-color: rgba(48, 48, 48, 1.0); -} - -.popup .amenity>div.order-details>.usage { - height: 60px; -} - -.popup .amenity>.order-details>.items { - /* width: 100%; */ - height: 485px; - background-color: rgba(48, 48, 48, 1.0); - /* overflow-y: auto; */ - overflow-y: hidden; - overflow-x: hidden; - /* padding: 20px 20px 10px 15px; */ - margin: 5px 20px 10px 15px; - border: 1px solid rgb(90, 90, 90); -} - -.popup .amenity>.order-details>.items table { - width: 100%; - border-collapse: collapse; -} - -.popup .amenity>.order-details>.items .table tr { - width: 100%; - height: 114px; - /* background-color: rgb(0, 0, 128); */ -} - -.popup .amenity>.order-details>.items div.products { - width: 100%; -} - -.popup .amenity>.order-details>.items div.products div#order_num { - /* width: 100%; */ - height: 28px; - font-size: 19px; - font-weight: bolder; - text-align: left; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; - color: rgba(192, 192, 192, 1.0); - /* text-shadow: 2px 2px 4px rgba(0, 0, 0, 1); */ - line-height: 28px; - margin: 5px 10px 5px 10px; - border-bottom: solid; - border-bottom-color: rgb(255, 0, 0); -} - -.popup .amenity>.order-details>.items div.products div#thumb { - width: 35%; - height: 72px; - margin: 0px 5px 0px 10px; - display: inline-block; - vertical-align: top; -} - -.popup .amenity>.order-details>.items div.products div#summary { - width: 58%; - height: 69px; - margin: 0px 5px 0px 10px; - font-size: 18px; - color: rgba(190, 190, 190, 1); - display: inline-block; - vertical-align: top; -} - -.popup .amenity>.order-details>.items div.products div#quantity_title { - width: 37%; - display: inline-block; - text-align: center; -} - -.popup .amenity>.order-details>.items div.products div#amount_title { - width: 63%; - display: inline-block; - text-align: center; -} - -.popup .amenity>.order-details>.items div.products div#quantity_val { - width: 37%; - height: 60px; - display: inline-block; - vertical-align: top; - font-size: 45px; - line-height: 60px; - text-align: center; - color: rgba(190, 190, 190, 1); -} - -.popup .amenity>.order-details>.items div.products div#amount_val { - width: 63%; - height: 60px; - display: inline-block; - vertical-align: top; - font-size: 45px; - line-height: 60px; - text-align: center; - color: rgba(190, 190, 190, 1); -} - -.popup .amenity>.order-details>.items .table tr.active { - /* background-color: rgba(67, 67, 67, 1); */ - background-color: rgba(48, 48, 48, 1.0); - box-shadow: 0px 0px 30px rgba(0, 0, 0, 1); -} - -.popup .amenity>.order-details>.items::-webkit-scrollbar { - width: 5px; - height: 8px; - background-color: #aaa; - /* or add it to the track */ -} - -.popup .amenity>.order-details>.total_amount { - /* width: 100%; */ - height: 75px; -} - -.popup .amenity>.order-details>.total_amount .title { - width: 30%; - height: 64px; - display: inline-block; - vertical-align: top; - text-align: center; - margin: 0px 0px 0px 14px; -} - -.popup .amenity>.order-details>.total_amount .value { - width: 56%; - height: 64px; - display: inline-block; - /* background-color: blue; */ - text-align: center; - line-height: 55px; - text-align: center; - font-size: 55px; - color: rgba(190, 190, 190, 1); - text-shadow: 2px 2px 4px rgba(0, 0, 0, 1); - padding: 10px 10px 5px 10px; - margin: 0px 0px 0px 14px; -} - - -/* Room Service Style */ +/*********************** + * Room Service Style * + ***********************/ .popup .roomservice { position: absolute; top: 96px; left: -560px; - width: 1280px; + width: 1302px; height: 700px; overflow: hidden; display: none; /* background-color: rgba(47, 47, 47, 1); */ /* border-style: solid; */ /* border-color: rgb(96, 96, 96); */ - filter: drop-shadow(0 0 10px rgba(255, 255, 255, 1)); + /* filter: drop-shadow(0 0 10px rgba(255, 255, 255, 1)); */ } .popup .roomservice .menu { @@ -806,398 +469,742 @@ height: 700px; overflow: hidden; display: inline-block; - background-color: rgba(67, 67, 67, 1); - border-style: solid; - border-color: rgb(96, 96, 96); + background-color: rgba(51, 63, 80, 1); + color: rgb(255, 255, 255); vertical-align: top; + /* border-style: solid; */ + /* border-color: rgb(96, 96, 96); */ /* filter: drop-shadow(0 0 10px rgba(255, 255, 255, 1)); */ /* box-shadow: 0px 0px 30px rgba(0, 0, 0, 1); */ } -.popup .roomservice .menu>.title { - width: 100%; - height: 64px; - line-height: 40px; +.popup .roomservice .menu>#title { + /* width: 466px; */ + height: 45px; + line-height: 36px; overflow: hidden; - color: rgb(247, 236, 234); - font-size: 40px; + font-size: 38px; text-align: left; - text-shadow: 2px 2px 4px rgba(0, 0, 0, 1); - padding: 10px 10px 5px 10px; + margin: 10px 20px 5px 20px; } -.popup .roomservice .menu>.usage { - width: 100%; - height: 80px; - line-height: 14px; - overflow: hidden; - color: rgb(170, 170, 170); +.popup .roomservice .menu>#usage { + /* width: 454px; */ + height: 112px; + line-height: 22px; font-size: 18px; text-align: left; - text-shadow: 2px 2px 4px rgba(0, 0, 0, 1); - padding: 5px 10px 5px 15px; + margin: 5px 22px 5px 22px; + border-bottom: 1px solid rgb(67, 82, 105); white-space: pre-line; + overflow: hidden; } -.popup .roomservice .menu>.items { - /* width: 100%; */ - height: 390px; - /* background-color: rgba(48, 48, 48, 1.0); */ - /* overflow-y: auto; */ +.popup .roomservice .menu>#items { + height: 282px; overflow-y: hidden; overflow-x: hidden; - /* padding: 20px 20px 10px 15px; */ - margin: 5px 20px 10px 15px; - border: 1px solid rgb(90, 90, 90); + margin: 5px 22px 5px 22px; } -.popup .roomservice .menu>.items table { +.popup .roomservice .menu>#items table { width: 100%; + margin: 0px 10px 0 0px; border-collapse: collapse; } -.popup .roomservice .menu>.items .table tr { - width: 100%; - height: 106px; - border-bottom: 1px solid rgb(52, 52, 52); - /* background-color: rgb(0, 0, 128); */ +.popup .roomservice .menu>#items>.tbl_header { + height: 34px; + max-height: 34px; + line-height: 32px; + font-size: 30px; + text-align: center; + margin: 5px 0 25px 0; } -.popup .roomservice .menu>.items div.products { +.popup .roomservice .menu>#items>.tbl_header tbody tr { width: 100%; } -.popup .roomservice .menu>.items div.products div#title { - width: 100%; - height: 30px; - font-size: 25px; - font-weight: bolder; - text-align: left; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; - color: rgba(192, 192, 192, 1.0); - text-shadow: 2px 2px 4px rgba(0, 0, 0, 1); - line-height: 28px; - margin: 5px 0px 0px 10px; +.popup .roomservice .menu>#items>.tbl_header tbody tr>#type { + width: 70%; + float: left; } -.popup .roomservice .menu>.items div.products div#details { - width: 100%; - height: 70px; - margin: 0px 5px 0px 5px; +.popup .roomservice .menu>#items>.tbl_header tbody tr>#quantity { + width: 30%; + float: left; +} + +.popup .roomservice .menu>#items>.tbl_record { + height: 210px; +} + +.popup .roomservice .menu>#items>.tbl_record tbody { + height: 210px; display: block; - /* vertical-align: top; */ - font-size: 18px; - text-shadow: 2px 2px 4px rgba(0, 0, 0, 1); - /* background-color: rgba(124, 124, 0, 1); */ + overflow: hidden; } -.popup .roomservice .menu>.items div.products div#price { - width: 65%; - font-size: 48px; - line-height: 70px; - display: inline-block; - vertical-align: top; - color: rgb(240, 190, 170); - padding: 0px 10px 0px 0px; - text-align: center; - /* background-color: rgba(124, 124, 124, 1); */ +.popup .roomservice .menu>#items>.tbl_record tbody tr { + height: 70px; + max-height: 70px; + border: 1px solid rgb(67, 82, 105); } -.popup .roomservice .menu>.items div.products div#quantity { - width: 34%; - display: inline-block; - text-align: right; - padding: 0px 0px 0px 5px; - text-shadow: 2px 2px 4px rgba(0, 0, 0, 1); - /* background-color: rgba(200, 124, 124, 1); */ -} - -.popup .roomservice .menu>.items div.products div#quantity #title { - display: inline-block; - vertical-align: middle; - font-size: 18px; - line-height: 18px; - text-align: center; - padding: 0px 0px 0px 0px; - margin: 0px; - /* background-color: rgba(200, 124, 200, 1); */ -} - -.popup .roomservice .menu>.items div.products div#quantity #value { - font-size: 40px; - line-height: 40px; - text-align: center; - color: rgba(220, 220, 220, 1.0); - /* background-color: rgba(200, 200, 124, 1); */ -} - -.popup .roomservice .menu>.items .table tr.active { +.popup .roomservice .menu>#items>.tbl_record tbody tr.active { + border: 2px solid rgb(255, 192, 0); /* background-color: rgba(67, 67, 67, 1); */ - background-color: rgba(48, 48, 48, 1.0); - box-shadow: 0px 0px 30px rgba(0, 0, 0, 1); + /* box-shadow: 0px 0px 30px rgba(255, 192, 0, 1); */ } -.popup .roomservice .menu>.items::-webkit-scrollbar { - width: 5px; - height: 8px; - background-color: #aaa; - /* or add it to the track */ +.popup .roomservice .menu>#items>.tbl_record tbody tr>.products { + height: 70px; } -.popup .roomservice .menu>div.buttons { - width: 100%; - height: 145px; - font-size: 28px; +.popup .roomservice .menu>#items>.tbl_record tbody tr>.products>#index { + font-size: 22px; + line-height: 24px; + width: 10%; + float: left; text-align: center; - color: rgba(192, 192, 192, 1.0); - padding: 10px 20px 5px 20px; } -.popup .roomservice .menu>div.buttons div { +.popup .roomservice .menu>#items>.tbl_record tbody tr>.products>#title { + font-size: 22px; + line-height: 24px; + width: 90%; + float: left; +} + +.popup .roomservice .menu>#items>.tbl_record tbody tr>.products>#price { + font-size: 36px; + line-height: 36px; + width: 70%; + float: left; + text-align: right; + padding: 0 55px 0 0; +} + +.popup .roomservice .menu>#items>.tbl_record tbody tr>.products>#quantity { + font-size: 36px; + line-height: 36px; + width: 30%; + float: left; + text-align: center; +} + +.popup .roomservice .menu>#summary { + height: 70px; + font-size: 38px; + line-height: 64px; + margin: 15px 22px 5px 22px; + border: 1px solid rgb(67, 82, 105); +} + +.popup .roomservice .menu>#summary>#title { + width: 22%; + float: left; + text-align: center; + /* padding: 0% 5% 0 20%; */ +} + +.popup .roomservice .menu>#summary>#value { + width: 48%; + float: left; + text-align: right; + color: rgb(255, 192, 0); + padding: 0px 55px 0px 0px; +} + +.popup .roomservice .menu>#summary>#quantity { + width: 30%; + float: left; + text-align: center; + color: rgb(255, 192, 0); +} + +.popup .roomservice .menu>div#buttons { + height: 145px; + font-size: 30px; + text-align: center; + color: rgba(255, 255, 255, 1.0); + margin: 15px 22px 5px 22px; +} + +.popup .roomservice .menu>div#buttons div { height: 38px; border: 1px solid rgb(90, 90, 90); } -.popup .roomservice .menu>div.buttons .active { - border: 1px solid rgb(65, 196, 110); - font-size: 30px; - box-shadow: 0px 0px 30px rgba(0, 0, 0, 1); +.popup .roomservice .menu>div#buttons .active { + border: 1px solid rgb(255, 192, 0); + background-color: rgba(34, 42, 53, 1.0); } -.popup .roomservice .menu>div.buttons .order { +.popup .roomservice .menu>div#buttons #order { width: 100%; - border-radius: 5px; - margin: 0px 0px 5px 0px; + background-color: rgba(34, 42, 53, 1.0); + /* border-radius: 5px; */ } -.popup .roomservice .menu>div.buttons .cancel { +.popup .roomservice .menu>div#buttons #cancel { width: 100%; - border-radius: 5px; - margin: 0px 0px 5px 0px; + /* border-radius: 5px; */ } -.popup .roomservice .menu>div.buttons .details { +.popup .roomservice .menu>div#buttons #details { width: 100%; - border-radius: 5px; + /* border-radius: 5px; */ } -.popup .roomservice .menu>div.order-details { - width: 100%; - height: 700px; - background-color: rgba(48, 48, 48, 1.0); -} -.popup .roomservice .menu div.order-details>.title { - width: 100%; - height: 64px; - line-height: 40px; - overflow: hidden; - color: rgb(247, 236, 234); - font-size: 40px; - text-align: left; - text-shadow: 2px 2px 4px rgba(0, 0, 0, 1); - padding: 10px 10px 5px 10px; -} - -.popup .roomservice .menu div.order-details>.usage { - width: 100%; - height: 60px; - line-height: 14px; - overflow: hidden; - color: rgb(170, 170, 170); - font-size: 18px; - text-align: left; - text-shadow: 2px 2px 4px rgba(0, 0, 0, 1); - padding: 5px 10px 5px 15px; - white-space: pre-line; -} - -.popup .roomservice .menu>.order-details>.items { - /* width: 100%; */ - height: 485px; - background-color: rgba(48, 48, 48, 1.0); - /* overflow-y: auto; */ - overflow-y: hidden; - overflow-x: hidden; - /* padding: 20px 20px 10px 15px; */ - margin: 5px 20px 10px 15px; - border: 1px solid rgb(90, 90, 90); -} - -.popup .roomservice .menu>.order-details>.items table { - width: 100%; -} - -.popup .roomservice .menu>.order-details>.items .table tr { - width: 100%; - height: 114px; - /* background-color: rgb(0, 0, 128); */ -} - -.popup .roomservice .menu>.order-details>.items div.products { - width: 100%; -} - -.popup .roomservice .menu>.order-details>.items div.products div#order_num { - /* width: 100%; */ - height: 28px; - font-size: 19px; - font-weight: bolder; - text-align: left; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; - color: rgba(192, 192, 192, 1.0); - /* text-shadow: 2px 2px 4px rgba(0, 0, 0, 1); */ - line-height: 28px; - margin: 5px 10px 5px 10px; - border-bottom: solid; - border-bottom-color: rgb(255, 0, 0); -} - -.popup .roomservice .menu>.order-details>.items div.products div#thumb { - width: 35%; - height: 72px; - margin: 0px 5px 0px 10px; - display: inline-block; - vertical-align: top; -} - -.popup .roomservice .menu>.order-details>.items div.products div#summary { - width: 58%; - height: 69px; - margin: 0px 5px 0px 10px; - font-size: 18px; - color: rgba(190, 190, 190, 1); - display: inline-block; - vertical-align: top; -} - -.popup .roomservice .menu>.order-details>.items div.products div#quantity_title { - width: 37%; - display: inline-block; - text-align: center; -} - -.popup .roomservice .menu>.order-details>.items div.products div#amount_title { - width: 63%; - display: inline-block; - text-align: center; -} - -.popup .roomservice .menu>.order-details>.items div.products div#quantity_val { - width: 37%; - height: 60px; - display: inline-block; - vertical-align: top; - font-size: 45px; - line-height: 60px; - text-align: center; - color: rgba(190, 190, 190, 1); -} - -.popup .roomservice .menu>.order-details>.items div.products div#amount_val { - width: 63%; - height: 60px; - display: inline-block; - vertical-align: top; - font-size: 45px; - line-height: 60px; - text-align: center; - color: rgba(190, 190, 190, 1); -} - -.popup .roomservice .menu>.order-details>.items .table tr.active { - background-color: rgba(67, 67, 67, 1); - box-shadow: 0px 0px 30px rgba(0, 0, 0, 1); -} - -.popup .roomservice .menu>.order-details>.items::-webkit-scrollbar { - width: 5px; - height: 8px; - background-color: #aaa; - /* or add it to the track */ -} - -.popup .roomservice .menu>.order-details>.total_amount { - /* width: 100%; */ - height: 75px; -} - -.popup .roomservice .menu>.order-details>.total_amount .title { - width: 30%; - height: 64px; - display: inline-block; - vertical-align: top; - text-align: center; - margin: 0px 0px 0px 14px; - color: rgb(247, 236, 234); - font-size: 40px; -} - -.popup .roomservice .menu>.order-details>.total_amount .value { - width: 56%; - height: 64px; - display: inline-block; - /* background-color: blue; */ - text-align: center; - line-height: 55px; - text-align: center; - font-size: 55px; - color: rgba(190, 190, 190, 1); - text-shadow: 2px 2px 4px rgba(0, 0, 0, 1); - padding: 10px 10px 5px 10px; - margin: 0px 0px 0px 14px; -} +/* ROOM SERVICE -> ITEM Description */ .popup .roomservice .description { - width: 760px; + width: 802px; height: 700px; display: inline-block; - margin: 0px 0px 0px 20px; - /* background-color: rgba(46, 46, 46, 1.0); */ + margin: 0px 0px 0px -4px; + color: rgb(255, 255, 255); + /* padding: 0; */ + background-color: rgba(36, 44, 56, 1.0); } -.popup .roomservice .description>.rstitle { +.popup .roomservice .description>#title { width: 100%; height: 64px; - line-height: 40px; + line-height: 38px; overflow: hidden; - color: rgb(247, 236, 234); - font-size: 40px; - text-align: left; - text-shadow: 2px 2px 4px rgba(0, 0, 0, 1); + font-size: 36px; padding: 10px 10px 5px 10px; } -.popup .roomservice .description>.rscomment { +.popup .roomservice .description>#comment { width: 100%; - height: 60px; - line-height: 14px; + height: 89px; + line-height: 22px; overflow: hidden; - color: rgb(170, 170, 170); font-size: 18px; - text-align: left; - text-shadow: 2px 2px 4px rgba(0, 0, 0, 1); padding: 5px 10px 5px 15px; white-space: pre-line; } -.popup .roomservice .description>.image { - width: 740px; - height: 100%; +.popup .roomservice .description>#thumb { + width: 760px; + height: 460px; background-repeat: no-repeat; - background-size: contain; - /* padding: 0px 30px 0px 0px; */ - margin: 30px 0px 0px 0px; - /* display: block; */ - filter: drop-shadow(0 0 10px rgba(0, 0, 0, 1)); + background-size: cover; + margin: 30px 0px 0px 21px; + border: 1px solid rgb(255, 255, 255); } -/* MY PAGE Style */ +/* ROOM SERVICE -> CART LIST */ + +.popup .roomservice>.cart-list { + width: 802px; + height: 700px; + display: inline-block; + margin: 0px 0px 0px -4px; + color: rgb(255, 255, 255); + /* padding: 0; */ + background-color: rgba(36, 44, 56, 1.0); +} + +.popup .roomservice>.cart-list>#title { + height: 45px; + line-height: 36px; + overflow: hidden; + font-size: 38px; + text-align: left; + margin: 10px 20px 5px 20px; +} + +.popup .roomservice>.cart-list>#usage { + height: 102px; + line-height: 22px; + font-size: 18px; + text-align: left; + margin: 5px 22px 5px 22px; + white-space: pre-line; + overflow: hidden; +} + +.popup .roomservice .cart-list>#items { + /* height: 352px; */ + /* overflow-y: auto; */ + /* overflow-y: hidden; + overflow-x: hidden; */ + margin: 5px 22px 5px 22px; +} + +.popup .roomservice .cart-list>#items table { + width: 100%; + margin: 0px 10px 0 0px; + border-collapse: collapse; +} + +.popup .roomservice .cart-list>#items>.tbl_header { + line-height: 54px; + font-size: 30px; + text-align: center; + margin: 5px 0 15px 0; +} + +.popup .roomservice .cart-list>#items>.tbl_header tbody tr { + height: 54px; + max-height: 54px; + background-color: rgb(51, 63, 80); + border: 1px solid rgb(67, 82, 105); +} + +.popup .roomservice .cart-list>#items>.tbl_header tbody tr>#type { + width: 50%; + float: left; + text-align: left; + padding: 0 0px 0 80px; +} + +.popup .roomservice .cart-list>#items>.tbl_header tbody tr>#quantity { + width: 20%; + float: left; +} + +.popup .roomservice .cart-list>#items>.tbl_header tbody tr>#amount { + width: 30%; + float: left; + padding: 0px 30px 0 0px; +} + +.popup .roomservice .cart-list>#items>.tbl_record { + /* height: 284px;*/ +} + +.popup .roomservice .cart-list>#items>.tbl_record tbody { + height: 276px; + display: block; + /* overflow: hidden; */ + overflow-y: auto; +} + +.popup .roomservice .cart-list>#items>.tbl_record tbody tr { + height: 52px; +} + +.popup .roomservice .cart-list>#items>.tbl_record tbody tr.active { + border: 2px solid rgb(255, 192, 0); + /* background-color: rgba(67, 67, 67, 1); */ + /* box-shadow: 0px 0px 30px rgba(255, 192, 0, 1); */ +} + +.popup .roomservice .cart-list>#items>.tbl_record tbody tr>.products { + height: 52px; + width: 754px; + font-size: 30px; + line-height: 54px; + border: 1px solid rgb(67, 82, 105); +} + +.popup .roomservice .cart-list>#items>.tbl_record tbody tr>.products>#title { + width: 50%; + float: left; + padding: 0px 0px 0px 20px; +} + +.popup .roomservice .cart-list>#items>.tbl_record tbody tr>.products>#quantity { + width: 20%; + float: left; + text-align: center; +} + +.popup .roomservice .cart-list>#items>.tbl_record tbody tr>.products>#price { + width: 30%; + float: left; + text-align: right; + padding: 0px 30px 0 0px; +} + +.popup .roomservice .cart-list>#items>.tbl_record ::-webkit-scrollbar { + display: block; + width: 20px; + /* 세로축 스크롤바 길이 */ + height: 20px; + /* 가로축 스크롤바 길이 */ +} + +.popup .roomservice .cart-list>#items>.tbl_record ::-webkit-scrollbar-track { + background-color: rgb(67, 82, 105); +} + +.popup .roomservice .cart-list>#items>.tbl_record ::-webkit-scrollbar-track-piece { + background-color: rgb(80, 98, 124); +} + +.popup .roomservice .cart-list>#items>.tbl_record ::-webkit-scrollbar-thumb { + border-radius: 8px; + background-color: rgb(51, 63, 80); +} + +.popup .roomservice .cart-list>#items>.tbl_record ::-webkit-scrollbar-button:start { + display: none; + /* background-color: orange; */ + /* Top, Left 방향의 이동버튼 */ +} + +.popup .roomservice .cart-list>#items>.tbl_record ::-webkit-scrollbar-button:end { + display: none; + /* background-color: orange; */ + /* Bottom, Right 방향의 이동버튼 */ +} + +.popup .roomservice .cart-list>#summary { + height: 54px; + font-size: 38px; + line-height: 54px; + background-color: rgb(51, 63, 80); + margin: 5px 22px 5px 22px; + border: 1px solid rgb(67, 82, 105); +} + +.popup .roomservice .cart-list>#summary>#title { + width: 30%; + float: left; + text-align: center; + /* padding: 0% 5% 0 20%;*/ +} + +.popup .roomservice .cart-list>#summary>#quantity { + width: 40%; + float: left; + text-align: center; + padding: 0 0 0 142px; + color: rgb(255, 192, 0); +} + +.popup .roomservice .cart-list>#summary>#amount { + width: 30%; + float: left; + text-align: right; + color: rgb(255, 192, 0); + padding: 0px 30px 0px 0px; +} + +.popup .roomservice .cart-list>#notice { + font-size: 22px; + line-height: 24px; + margin: 10px 22px 5px 22px; + text-align: center; +} + +.popup .roomservice .cart-list>div#buttons { + font-size: 38px; + text-align: center; + color: rgba(255, 255, 255, 1.0); + margin: 15px 22px 5px 22px; +} + +.popup .roomservice .cart-list>div#buttons>div { + height: 38px; + float: left; + width: 50%; +} + +.popup .roomservice .cart-list>div#buttons>div div { + height: 48px; + border: 1px solid rgb(184, 184, 184); + margin: 0px 25% 0px 25%; + background-color: rgb(51, 63, 80); +} + +.popup .roomservice .cart-list>div#buttons .active { + border: 1px solid rgb(255, 192, 0); + background-color: rgba(34, 42, 53, 1.0); +} + +.popup .roomservice .cart-list>div#buttons #confirm { + width: 50%; +} + +.popup .roomservice .cart-list>div#buttons #cancel { + width: 50%; +} + + +/* ROOM SERVICE -> ORDER Details */ + +.popup .roomservice .order-details { + position: absolute; + width: 100%; + height: 100%; + background-color: rgb(36, 44, 56); + /* display: block; */ + display: inline-block; + color: rgb(255, 255, 255); +} + +.popup .roomservice .order-details>#title { + /* width: 466px; */ + height: 45px; + line-height: 36px; + overflow: hidden; + font-size: 38px; + text-align: left; + margin: 10px 20px 5px 30px; +} + +.popup .roomservice .order-details>#usage { + height: 80px; + line-height: 22px; + font-size: 18px; + text-align: left; + margin: 5px 22px 5px 30px; + /* border-bottom: 1px solid rgb(67, 82, 105); */ + white-space: pre-line; + overflow: hidden; +} + +.popup .roomservice .order-details>#orders { + height: 470px; + overflow-y: hidden; + overflow-x: hidden; + margin: 5px 30px 5px 30px; +} + +.popup .roomservice .order-details>#orders>table { + border-collapse: collapse; +} + +.popup .roomservice .order-details>#orders>.order_list { + width: 100%; + height: 485px; +} + +.popup .roomservice .order-details>#orders>.order_list>tbody { + height: 210px; +} + +.popup .roomservice .order-details>#orders>.order_list>tbody>tr { + height: 70px; + max-height: 70px; + border: 1px solid rgb(67, 82, 105); +} + +.popup .roomservice .order-details>#orders>.order_list>tbody>tr.active { + border: 2px solid rgb(255, 192, 0); + /* background-color: rgba(67, 67, 67, 1); */ + /* box-shadow: 0px 0px 30px rgba(255, 192, 0, 1); */ +} + +.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.ordering { + height: 44px; + max-height: 44px; + background-color: rgb(51, 63, 80); +} + +.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.ordering>div { + padding: 0px 0px 5px 0px; +} + +.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.ordering>#index { + font-size: 30px; + line-height: 32px; + width: 5%; + float: left; + text-align: center; + border-bottom: 1px solid; + margin: 5px 0px 0px 2%; +} + +.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.ordering>#date { + font-size: 30px; + line-height: 32px; + width: 37%; + float: left; + border-bottom: 1px solid; + margin: 5px 0px 0px 0; +} + +.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.ordering>#orderId { + font-size: 28px; + line-height: 32px; + width: 53%; + float: left; + /* text-align: right; */ + margin: 5px 2% 0px 0%; +} + + +/* */ + +.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst { + width: 100%; + float: left; + background-color: rgb(51, 63, 80); + margin: 0px 0px 5px 0px; +} + +.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header { + width: 100%; + font-size: 36px; + line-height: 36px; + border-collapse: collapse; +} + +.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header>tbody { + /* */ +} + +.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header tr { + font-size: 30px; +} + +.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #type { + width: 40%; + font-size: 25px; + text-align: left; + padding: 0px 0px 0px 90px; +} + +.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #quantity { + width: 10%; + font-size: 25px; +} + +.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #amount { + width: 20%; + font-size: 25px; + text-align: right; + padding: 0px 30px 0px 0px; +} + +.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #subtotal1 {} + +.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #subtotal2 { + color: rgb(255, 192, 0); +} + +.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #subtotal3 {} + +.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #subtotal4 { + color: rgb(255, 192, 0); +} + +.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_header #subtotal5 {} + +.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record { + width: 100%; + font-size: 36px; + line-height: 36px; + border-collapse: collapse; +} + +.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record>tbody {} + +.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record tr {} + +.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record tr>.oditem {} + +.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record tr>.oditem div { + float: left; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record tr>.oditem div#name { + width: 40%; + text-align: left; + padding: 0px 0px 0px 90px; +} + +.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record tr>.oditem div#quantity { + width: 10%; + text-align: center; +} + +.popup .roomservice .order-details>#orders>.order_list>tbody>tr>.OdItemLst .tbl_record tr>.oditem div#amount { + width: 20%; + text-align: right; + padding: 0px 20px 0px 0px; +} + +.popup .roomservice .order-details>#summary { + height: 54px; + line-height: 50px; + overflow: hidden; + font-size: 38px; + text-align: left; + margin: 15px 20px 5px 30px; + background-color: rgb(51, 63, 80); +} + +.popup .roomservice .order-details>#summary>div { + float: left; +} + +.popup .roomservice .order-details>#summary>#title { + width: 40%; + padding: 0px 0px 0px 90px; + text-align: left; +} + +.popup .roomservice .order-details>#summary>#quantity { + width: 10%; + text-align: center; + color: rgb(255, 192, 0); +} + +.popup .roomservice .order-details>#summary>#amount { + width: 20%; + text-align: right; + padding: 0px 20px 0px 0px; + color: rgb(255, 192, 0); +} + + +/* ROOM SERVICE -> ALRET */ + +.popup .roomservice .alert { + position: absolute; + top: 197px; + left: 340px; + width: 600px; + height: 325px; + color: rgb(255, 255, 255); +} + +.popup .roomservice .alert>div#order-complete { + width: 100%; + height: 100%; + background-color: rgb(36, 44, 56); +} + +.popup .roomservice .alert>div#order-complete>div#title { + float: left; + width: 100%; + height: 54px; + background-color: rgb(51, 63, 80); + margin: 42px 0px 0 0px; + font-size: 38px; + line-height: 52px; + text-align: center; +} + +.popup .roomservice .alert>div#order-complete>div#message { + width: 100%; + float: left; + margin: 40px 20px 5px 20px; + font-size: 22px; + line-height: 24px; + text-align: center; + white-space: pre-wrap; +} + + +/*********************** + * MY PAGE Style * + ***********************/ .popup>.mypage { position: absolute; diff --git a/procentric/application/lib/hoteltv.hcap.js b/procentric/application/lib/hoteltv.hcap.js index 345b3a1..90cd6c6 100755 --- a/procentric/application/lib/hoteltv.hcap.js +++ b/procentric/application/lib/hoteltv.hcap.js @@ -284,8 +284,29 @@ HotelTV.hcap = (function() { * @param {dictionary} _param channel parameter */ function __hcapfxn_play_channel(_type, _param) { - // IP channel class 2 change request - if (_type === "ip") { + const _lutBCastType = { + 'TERRESTRIAL': hcap.channel.RfBroadcastType.TERRESTRIAL, + 'TERRESTRIAL_2': hcap.channel.RfBroadcastType.TERRESTRIAL_2, + 'SATELLITE': hcap.channel.RfBroadcastType.SATELLITE, + 'SATELLITE_2': hcap.channel.RfBroadcastType.SATELLITE_2, + 'CABLE': hcap.channel.RfBroadcastType.CABLE, + 'CABLE_STD': hcap.channel.RfBroadcastType.CABLE_STD, + 'CABLE_HRC': hcap.channel.RfBroadcastType.CABLE_HRC, + 'CABLE_IRC': hcap.channel.RfBroadcastType.CABLE_IRC, + 'ANALOG_PAL_BG': hcap.channel.RfBroadcastType.ANALOG_PAL_BG, + 'ANALOG_PAL_DK': hcap.channel.RfBroadcastType.ANALOG_PAL_DK, + 'ANALOG_PAL_I': hcap.channel.RfBroadcastType.ANALOG_PAL_I, + 'ANALOG_PAL_M': hcap.channel.RfBroadcastType.ANALOG_PAL_M, + 'ANALOG_PAL_N': hcap.channel.RfBroadcastType.ANALOG_PAL_N, + 'ANALOG_SECAM_BG': hcap.channel.RfBroadcastType.ANALOG_SECAM_BG, + 'ANALOG_SECAM_DK': hcap.channel.RfBroadcastType.ANALOG_SECAM_DK, + 'ANALOG_SECAM_L': hcap.channel.RfBroadcastType.ANALOG_SECAM_L, + 'ANALOG_NTSC': hcap.channel.RfBroadcastType.ANALOG_NTSC, + 'TERRESTRIAL_ATSC3': hcap.channel.RfBroadcastType.TERRESTRIAL_ATSC3, + 'CABLE_ATSC3': hcap.channel.RfBroadcastType.CABLE_ATSC3, + } + // IP channel class 2 change request + if (_type === "ipstream" || _type === "encoder") { hcap.channel.requestChangeCurrentChannel({ "channelType": hcap.channel.ChannelType.IP, "ip": _param.ip, @@ -298,19 +319,26 @@ HotelTV.hcap = (function() { console.log("onFailure : errorMessage = " + f.errorMessage); } }); - } else if (_type === "rf_analog_ntsc") { - hcap.channel.requestChangeCurrentChannel({ - "channelType": hcap.channel.ChannelType.RF, - "majorNumber": _param.major, - "minorNumber": _param.minor, - "rfBroadcastType": hcap.channel.RfBroadcastType.ANALOG_NTSC, - "onSuccess": function() { - console.log("onSuccess"); - }, - "onFailure": function(f) { - console.log("onFailure : errorMessage = " + f.errorMessage); - } - }); + } else if (_type === "ptcrf") { + if (_param.rf.type == "CABLE") { + hcap.channel.requestChangeCurrentChannel({ + "channelType": hcap.channel.ChannelType.RF, + "majorNumber": _param.rf.major, + "minorNumber": _param.rf.minor, + "plpId": 0, + "rfBroadcastType": _lutBCastType[_param.rf.type], + "onSuccess": function() { + console.log("onSuccess"); + }, + "onFailure": function(f) { + console.log("onFailure : errorMessage = " + f.errorMessage); + } + }); + } else { + console.log("Unsupported RF type:" + _param.rf.type); + } + } else { + console.log("Unsupported type:" + _type); } } @@ -775,7 +803,8 @@ HotelTV.hcap = (function() { let _netCfg = _devconfig[_cfg]; /* Note: 동작 스킴 - 1. WLAN이 HOST모드이면 이 디바이스는 WIFI로 접속 + 1. WLAN이 HOST모드이면 이 디바이스는 WIFI는 독립 AP로 활용 + 2. WLAN이 NAT나 BRIDGE모드이면 이 디바이스는 WIFI로 접속 2. 그외의 경우 ETH0를 통한 네트워크 접속 수행 */ /* Wireless Network Configuration */ if ('wlan0' in _netCfg) { @@ -790,37 +819,37 @@ HotelTV.hcap = (function() { console.log(`Net Cfg enabled: ${_wlan_cfg.name}`); if (_wlan_cfg.apMode == 'nat') { - hcap.network.setSoftAP({ - "channel": Number(_wlan_cfg.channel), - "signalStrength": Number(_wlan_cfg.signalStrength), - "vlanId": 0, - "vlanIp": _wlan_cfg.ipaddr, - "vlanSubnet": _wlan_cfg.subnet, - "vlanGateway": _wlan_cfg.gateway, - "mode": "nat", - "securityType": (_wlan_cfg.securityType == "open") ? "open" : "psk", - "onSuccess": function(s) { - console.log("onSuccess"); - }, - "onFailure": function(f) { - console.log("onFailure : errorMessage = " + f.errorMessage); - } - }); + // hcap.network.setSoftAP({ + // "channel": Number(_wlan_cfg.channel), + // "signalStrength": Number(_wlan_cfg.signalStrength), + // "vlanId": 0, + // "vlanIp": _wlan_cfg.ipaddr, + // "vlanSubnet": _wlan_cfg.subnet, + // "vlanGateway": _wlan_cfg.gateway, + // "mode": "nat", + // "securityType": (_wlan_cfg.securityType == "open") ? "open" : "psk", + // "onSuccess": function(s) { + // console.log("onSuccess"); + // }, + // "onFailure": function(f) { + // console.log("onFailure : errorMessage = " + f.errorMessage); + // } + // }); } else if (_wlan_cfg.apMode == 'bridge') { // mode : bridge, securityType : psk - hcap.network.setSoftAP({ - "channel": Number(_wlan_cfg.channel), - "vlanId": 0, - "signalStrength": Number(_wlan_cfg.signalStrength), - "mode": "bridge", - "securityType": (_wlan_cfg.securityType == "open") ? "open" : "psk", - "onSuccess": function(s) { - console.log("onSuccess"); - }, - "onFailure": function(f) { - console.log("onFailure : errorMessage = " + f.errorMessage); - } - }); + // hcap.network.setSoftAP({ + // "channel": Number(_wlan_cfg.channel), + // "vlanId": 0, + // "signalStrength": Number(_wlan_cfg.signalStrength), + // "mode": "bridge", + // "securityType": (_wlan_cfg.securityType == "open") ? "open" : "psk", + // "onSuccess": function(s) { + // console.log("onSuccess"); + // }, + // "onFailure": function(f) { + // console.log("onFailure : errorMessage = " + f.errorMessage); + // } + // }); } else if (_wlan_cfg.apMode == 'host') { console.log(`Net Cfg failed: ${_wlan_cfg.name} Unsupported mode at the moment!!!`); } diff --git a/procentric/application/lib/hoteltv.js b/procentric/application/lib/hoteltv.js index b649a5d..21508a4 100755 --- a/procentric/application/lib/hoteltv.js +++ b/procentric/application/lib/hoteltv.js @@ -539,39 +539,39 @@ HotelTV.LoadAppFull = async function() { //STEP#03: INIT HCAP for HotelTV FullAPP - let tmrAppAuth = setInterval(async function() { - let _foundNetflix = false; - let _hcapAppInfo = await HotelTV.hcap.PreAppGetInfo(false); - HotelTV.state['hcap_app'] = _hcapAppInfo.applist; - for (_i = 0; _i < HotelTV.state['hcap_app'].length; _i++) { - if (HotelTV.state['hcap_app'][_i].title == "Netflix") { - console.log("Found out netflix among of pre hcap app-list.") - clearInterval(tmrAppAuth); - } - } + // let tmrAppAuth = setInterval(async function() { + // let _foundNetflix = false; + // let _hcapAppInfo = await HotelTV.hcap.PreAppGetInfo(false); + // HotelTV.state['hcap_app'] = _hcapAppInfo.applist; + // for (_i = 0; _i < HotelTV.state['hcap_app'].length; _i++) { + // if (HotelTV.state['hcap_app'][_i].title == "Netflix") { + // console.log("Found out netflix among of pre hcap app-list.") + // clearInterval(tmrAppAuth); + // } + // } - if (_foundNetflix == false) { - try { - let siAppToken = null; - let siAppName = null; - // siApp Token Authentication - let _progam = HotelTV.tvguide.program; - for (let _i = 1; _i <= _progam.length; _i++) { - if (_progam[_i].type == "application" && _progam[_i].service == "netflix") { - siAppToken = await HotelTV.api.DownloadData(_progam[_i].license.file.download); - siAppName = _progam[_i].service; - //siAppToken = _progam[_i].service; + // if (_foundNetflix == false) { + // try { + // let siAppToken = null; + // let siAppName = null; + // // siApp Token Authentication + // let _progam = HotelTV.tvguide.program; + // for (let _i = 1; _i <= _progam.length; _i++) { + // if (_progam[_i].type == "application" && _progam[_i].service == "netflix") { + // siAppToken = await HotelTV.api.DownloadData(_progam[_i].license.file.download); + // siAppName = _progam[_i].service; + // //siAppToken = _progam[_i].service; - if (siAppName && siAppToken) { - HotelTV.hcap.siAppAuth(siAppName, siAppToken, false); - } - } - } - } catch (_error) { - console.log("Display Error page for get siApp Auth"); - } - } - }, 5000); + // if (siAppName && siAppToken) { + // HotelTV.hcap.siAppAuth(siAppName, siAppToken, false); + // } + // } + // } + // } catch (_error) { + // console.log("Display Error page for get siApp Auth"); + // } + // } + // }, 5000); //STEP#05: Set Display size diff --git a/procentric/application/lib/hoteltv.ui_appfull.js b/procentric/application/lib/hoteltv.ui_appfull.js index 64d4af1..6275215 100755 --- a/procentric/application/lib/hoteltv.ui_appfull.js +++ b/procentric/application/lib/hoteltv.ui_appfull.js @@ -265,170 +265,6 @@ HotelTV.ui_appfull = (function() { } } - /** - * HotelTV UI[AppFull] Wrapper Function::> update amenity item - * @param {boolean} e event - */ - async function __uifxn_AppFull_DrawAmenityItem() { - let _state = HotelTV.state; - let _amenity = HotelTV.opening.amenity; - let _carts = null; - let _elAmItemsRoot = $(`.popup .amenity>.items`); - - const __fxn_fmexist = function(_object, _itemID) { - for (__j = 1; __j <= _object.length; __j++) { - if (_object[__j].itemId == _itemID) { - return true; - } - } - return false; - } - - const __fxn_fmvalue = function(_object, _key, _itemID) { - for (__j = 1; __j <= _object.length; __j++) { - if (_object[__j].itemId == _itemID) { - return _object[__j][_key]; - } - } - } - - try { - HotelTV.carts.amenity = _carts = await HotelTV.api.GetAmenityCarts(); - for (let _idx = 1; _idx <= _amenity.children.length; _idx++) { - let _amItem = _amenity.children[_idx]; - let _elAmItemTblRecRoot = _elAmItemsRoot.children('table').children(`tr#${_amItem.id}`).children('div.products'); - if (_carts.items.length && __fxn_fmexist(_carts.items, _amItem.id) == true) { - // Free count value - _elAmItemTblRecRoot.children('div#details').children(`div#freecnt_val`).text(__fxn_fmvalue(_carts.items, "freeCount", _amItem.id)); - // Price value - _elAmItemTblRecRoot.children('div#details').children(`div#price_val`).text(__fxn_fmvalue(_carts.items, "price", _amItem.id)[_state.lang].toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + _amenity.currency[_state.lang]); - // Order Count - _elAmItemTblRecRoot.children(`div#quantity_val`).text(__fxn_fmvalue(_carts.items, "quantity", _amItem.id)); - } - } - } catch (_error) { - console.log(`Fail to call API::> ${_error}`); - } - } - - /** - * HotelTV UI[AppFull] Wrapper Function::> build amenity - * @param {boolean} e event - */ - async function __uifxn_AppFull_BuildAmenityOrderDetails() { - let _state = HotelTV.state; - let _trTbl = HotelTV.translation; - let _opening = HotelTV.opening; - let _elAmODRoot = $(`.popup .amenity>.order-details`); - let _amenity = null; - - const __fxn_fmvalue = function(_object, _key, _itemID) { - for (__j = 1; __j <= _object.length; __j++) { - if (_object[__j].id == _itemID) { - return _object[__j][_key]; - } - } - } - - if (!_opening.amenity) { - return; - } - _amenity = _opening.amenity; - - try { - HotelTV.orders.amenity = _order = await HotelTV.api.GetAmenityOrders(null); - } catch (_error) { - console.log(`Fail to call API::> ${_error}`); - return; - } - - - _elAmODRoot.children('.title').text(_trTbl.ui.amenity.title.carts[_state.lang]); - _elAmODRoot.children('.usage').text(_trTbl.ui.amenity.usage.details[_state.lang]); - - //Draw Amenity Order Items - try { - let _elAmDOdItemsRoot = _elAmODRoot.children(`.items`); - - // Delete elements under amenity item table - if (_elAmDOdItemsRoot.children('table').children('tr').length) { - _elAmDOdItemsRoot.children('table').children('tr').remove(); - } - - let _eltbl_am_items = _elAmDOdItemsRoot.children('table#item_list'); - for (let _odix = 1; _odix <= _order.orders.length; _odix++) { - let _amOrds = _order.orders[_odix]; - for (let _idx = 1; _idx <= _amOrds.items.length; _idx++) { - let _amOrdItem = _amOrds.items[_idx]; - var _eltr_item = document.createElement('tr'); - _eltr_item.setAttribute("id", `${_odix}-${_idx}`); - _eltr_item.setAttribute("ctz_idx", (_odix - 1) * _order.orders.length + _idx); - //어메니티 아이탬 화면 드로잉 - var _eldiv_item_ctz = document.createElement('div'); - _eldiv_item_ctz.setAttribute("class", "products"); - - // Append Sub elements::title - let _elDiv_odNum = document.createElement('div'); - _elDiv_odNum.setAttribute("id", "order_num"); - _elDiv_odNum.textContent = `${_trTbl.ui.amenity.title.ordernum[_state.lang]} ${_amOrds.id}`; - _eldiv_item_ctz.appendChild(_elDiv_odNum); - - // Append Sub elements::thumbnail iamge - let _elDiv_thumb = document.createElement('div'); - _elDiv_thumb.setAttribute("id", "thumb"); - let _sz_styleOpt = "background-image: url(" + __fxn_fmvalue(_amenity.children, "thumbnail", _amOrdItem.itemId).file.download + "); "; - _sz_styleOpt += "background-repeat: no-repeat; background-position: center center; background-size: contain "; - _elDiv_thumb.setAttribute("style", _sz_styleOpt); - _eldiv_item_ctz.appendChild(_elDiv_thumb); - - // Append Sub elements::quantity and amount summary - let _elDiv_summary = document.createElement('div'); - _elDiv_summary.setAttribute("id", "summary"); - - // Append Sub elements::free count Order quantity_title - let _elDiv_quantityTitle = document.createElement('div'); - _elDiv_quantityTitle.setAttribute("id", "quantity_title"); - _elDiv_quantityTitle.textContent = _trTbl.ui.amenity.title.quantity[_state.lang]; - _elDiv_summary.appendChild(_elDiv_quantityTitle); - - // Append Sub elements::free count Order amount_title - let _elDiv_amountTitle = document.createElement('div'); - _elDiv_amountTitle.setAttribute("id", "amount_title"); - _elDiv_amountTitle.textContent = _trTbl.ui.amenity.title.amount[_state.lang]; - _elDiv_summary.appendChild(_elDiv_amountTitle); - - // Append Sub elements::free count Order quantity_val - let _elDiv_quantity = document.createElement('div'); - _elDiv_quantity.setAttribute("id", "quantity_val"); - _elDiv_quantity.textContent = _amOrdItem.quantity; - _elDiv_summary.appendChild(_elDiv_quantity); - - // Append Sub elements::free count Order amount_val - let _elDiv_amount = document.createElement('div'); - _elDiv_amount.setAttribute("id", "amount_val"); - _elDiv_amount.textContent = `${_order.currency[_state.lang]}${_amOrdItem.amount[_state.lang]}`; - _elDiv_summary.appendChild(_elDiv_amount); - - _eldiv_item_ctz.appendChild(_elDiv_summary); - _eltr_item.appendChild(_eldiv_item_ctz); - _eltbl_am_items.append(_eltr_item); - } - } - // 첫번째 테이블 아애템에 active 클래스 추가 (플래그용으로 사용) - _elAmDOdItemsRoot.children('table').children('tr').first().addClass('active'); - } catch (_error) { - console.log(_error.message); - } - - _elAmODRoot.children('.total_amount').children('.title').text(_trTbl.ui.amenity.title.Sum[_state.lang]); - _elAmODRoot.children('.total_amount').children('.value').text(`${_order.currency[_state.lang]}${_order.amount[_state.lang]}`); - - // last_OrderTbl_idx 초기화 - if (!(_amenity.button in _state.hotkey.mm)) { - _state.hotkey.mm[_amenity.button].last_OrderTbl_idx = 0; - } - } - /** * HotelTV UI[AppFull] Wrapper Function::> build amenity * @param {boolean} e event @@ -452,307 +288,493 @@ HotelTV.ui_appfull = (function() { //Draw Amenity Cart Items let _elAmItemsRoot = $(`.popup .amenity>.items`); - try { - // Delete elements under amenity item table - if (_elAmItemsRoot.children('table').children('tr').length) { - _elAmItemsRoot.children('table').children('tr').remove(); + } + + /** + * HotelTV UI[AppFull] Wrapper Function::> build amenity + * @param {boolean} _show show/hide + */ + function __uifxn_AppFull_DrawRoomserviceOrderAlert(_show) { + let _state = HotelTV.state; + let _trTbl = HotelTV.translation; + let _elRsPupRoot = $('.popup .roomservice'); + let _elRsOderAlertRoot = _elRsPupRoot.children('.alert'); + let _elRsOderAlertOrderComplete = _elRsOderAlertRoot.children('#order-complete'); + + if (_show == false) { + if (_elRsOderAlertRoot.css('display') != "none") { + _elRsOderAlertOrderComplete.hide(0, function() { + _elRsOderAlertRoot.hide(); + }); } - - let _eltbl_am_items = _elAmItemsRoot.children('.table#item_list');; - for (let _idx = 1; _idx <= _amenity.children.length; _idx++) { - let _amItem = _amenity.children[_idx]; - - var _eltr_item = document.createElement('tr'); - _eltr_item.setAttribute("id", _amenity.children[_idx].id); - _eltr_item.setAttribute("ctz_idx", _idx); - //어메니티 아이탬 화면 드로잉 - var _eldiv_item_ctz = document.createElement('div'); - _eldiv_item_ctz.setAttribute("class", "products"); - - // Append Sub elements::title - let _elDiv_title = document.createElement('div'); - _elDiv_title.setAttribute("id", "item_title"); - _elDiv_title.textContent = _amItem.title[_state.lang]; - _eldiv_item_ctz.appendChild(_elDiv_title); - - // Append Sub elements::thumbnail iamge - let _elDiv_thumb = document.createElement('div'); - _elDiv_thumb.setAttribute("id", "thumb"); - let _sz_styleOpt = "background-image: url(" + _amItem.thumbnail.file.download + "); "; - _sz_styleOpt += "background-repeat: no-repeat; background-position: center center; background-size: contain "; - _elDiv_thumb.setAttribute("style", _sz_styleOpt); - _eldiv_item_ctz.appendChild(_elDiv_thumb); - - // Append Sub elements::free count Title & Value - let _elDiv_details = document.createElement('div'); - _elDiv_details.setAttribute("id", "details"); - let _elDiv_freecntTitle = document.createElement('div'); - _elDiv_freecntTitle.setAttribute("id", "freecnt_title"); - _elDiv_freecntTitle.textContent = _trTbl.ui.amenity.title.freecnt[_state.lang]; - _elDiv_details.appendChild(_elDiv_freecntTitle); - - let _elDiv_freecntValue = document.createElement('div'); - _elDiv_freecntValue.setAttribute("id", "freecnt_val"); - _elDiv_freecntValue.textContent = ""; - _elDiv_details.appendChild(_elDiv_freecntValue); - - // Append Sub elements::price Title & Value - let _elDiv_priceTitle = document.createElement('div'); - _elDiv_priceTitle.setAttribute("id", "price_title"); - _elDiv_priceTitle.textContent = _trTbl.ui.amenity.title.price[_state.lang]; - _elDiv_details.appendChild(_elDiv_priceTitle); - - let _elDiv_priceValue = document.createElement('div'); - _elDiv_priceValue.setAttribute("id", "price_val"); - _elDiv_priceValue.textContent = ""; - _elDiv_details.appendChild(_elDiv_priceValue); - _eldiv_item_ctz.appendChild(_elDiv_details); - - - - // Append Sub elements::free count Order quantity_val - let _elDiv_quantity = document.createElement('div'); - _elDiv_quantity.setAttribute("id", "quantity_val"); - _elDiv_quantity.textContent = ""; - _eldiv_item_ctz.appendChild(_elDiv_quantity); - - - _eltr_item.appendChild(_eldiv_item_ctz); - _eltbl_am_items.append(_eltr_item); - } - // 첫번째 테이블 아애템에 active 클래스 추가 (플래그용으로 사용) - _elAmItemsRoot.children('.table').children('tr').first().addClass('active'); - } catch (_error) { - console.log(_error.message); + return; } - //Fill up amenity important information such as free count and price, etc... - __uifxn_AppFull_DrawAmenityItem(); + // Draw Titile and message + _elRsOderAlertOrderComplete.children("#title").text(_trTbl.ui.roomservice.title.ordercomplete[_state.lang]); + _elRsOderAlertOrderComplete.children("#message").text(_trTbl.ui.roomservice.usage.orderAlertComplete[_state.lang]); - _elAmBtnRoot.children('.order').text(_trTbl.ui.amenity.title.order[_state.lang]); - _elAmBtnRoot.children('.details').text(_trTbl.ui.amenity.title.carts[_state.lang]); - _elAmBtnRoot.children('.cancel').text(_trTbl.ui.amenity.title.cancel[_state.lang]); + if (_elRsOderAlertOrderComplete.css('display') == "none") { + _elRsOderAlertOrderComplete.show(); + } - // HOTKEY정보를 state에 기록 - if (!(_amenity.button in _state.hotkey.mm)) { - _state.hotkey.mm[_amenity.button] = { - 'type': "amenity", - "status": { - "focus": "table", - "last_CartTbl_idx": 0, - "last_CartBtn_idx": null, - "last_OrderTbl_idx": 0, - } - }; + if (_elRsOderAlertRoot.css('display') == "none") { + _elRsOderAlertRoot.fadeIn(300); } } /** - * HotelTV UI[AppFull] Wrapper Function::> amenity handling function - * @param {boolean} e event + * HotelTV UI[AppFull] Wrapper Function::> update room service order list + * @param {boolean} _show show/hide + * @param {string} _keyEvt key event */ - async function __uifxn_AppFull_HandleAmenity(_evt, _isFlushCart, _isDoOrder) { + async function __uifxn_AppFull_DrawRoomservceOrderList(_show, _keyEvt) { let _state = HotelTV.state; let _trTbl = HotelTV.translation; - let _opening = HotelTV.opening; - let _amenity = null; - let _carts = HotelTV.carts.amenity; - let _scrollTopVal = 0; - const _checkEmptyOrder = function(_object) { + let _RsOrder = null; + let _roomservice = HotelTV.opening.roomService; + + let _elRsPupRoot = $('.popup .roomservice'); + let _elRsOLstRoot = _elRsPupRoot.children('.order-details'); + let _elRsOLstItems = _elRsOLstRoot.children(`#orders`); + let _elRsOLstSummary = _elRsOLstRoot.children('#summary'); + + const __fxn_getRsItemValue = function(_object, _key, _itemID) { for (__j = 1; __j <= _object.length; __j++) { - if (_object[__j].id) { - return false; + if (_object[__j].id == _itemID) { + return _object[__j][_key]; } } - return true; } - if (!_opening.amenity) { + const __fxn_padZero = function(_num, _size) { + _num = _num.toString(); + while (_num.length < _size) _num = "0" + _num; + return _num; + } + + + + + if (_show == false) { + if (_elRsOLstRoot.css('display') != "none") { + _elRsOLstRoot.hide(); + } return; } - _amenity = _opening.amenity; - if (_evt == "up") { - if (_state.hotkey.mm[_amenity.button].status.focus == "table") { - let activeTableRow = $('.popup .amenity>.items table tr.active').prev(".table tr"); - if (activeTableRow.length) { - $('.popup .amenity>.items table tr.active').removeClass("active"); - activeTableRow.addClass('active'); - _state.hotkey.mm[_amenity.button].status.last_CartTbl_idx = activeTableRow.prop('rowIndex'); - _scrollTopVal = activeTableRow.prop('scrollHeight') * _state.hotkey.mm[_amenity.button].status.last_CartTbl_idx; - $('.popup .amenity>.items').animate({ scrollTop: _scrollTopVal }, 500); - } - } else if (_state.hotkey.mm[_amenity.button].status.focus == "button") { - if (_state.hotkey.mm[_amenity.button].status.last_CartBtn_idx == "details") { - _state.hotkey.mm[_amenity.button].status.last_CartBtn_idx = "cancel"; - $('.popup .amenity>.buttons div').removeClass("active"); - $('.popup .amenity>.buttons div.cancel').addClass("active"); - } else if (_state.hotkey.mm[_amenity.button].status.last_CartBtn_idx == "cancel") { - if (_checkEmptyOrder(_carts.items) == false) { - _state.hotkey.mm[_amenity.button].status.last_CartBtn_idx = "order"; - $('.popup .amenity>.buttons div').removeClass("active"); - $('.popup .amenity>.buttons div.order').addClass("active"); - } else { - _state.hotkey.mm[_amenity.button].status.last_CartBtn_idx = null; - _state.hotkey.mm[_amenity.button].status.focus = "table"; - $('.popup .amenity>.buttons div').removeClass("active"); - $('.popup .amenity>.items table tr').eq(_state.hotkey.mm[_amenity.button].status.last_CartTbl_idx).addClass('active'); + switch (_keyEvt) { + case "build": + { + let _total_quantity = 0; + + try { + HotelTV.orders.roomservice = _RsOrder = await HotelTV.api.GetRoomserviceOrders(null); + } catch (_error) { + console.log(`Fail to call API::> ${_error}`); + return; } - } else { - _state.hotkey.mm[_amenity.button].status.last_CartBtn_idx = null; - _state.hotkey.mm[_amenity.button].status.focus = "table"; - $('.popup .amenity>.buttons div').removeClass("active"); - $('.popup .amenity>.items table tr').eq(_state.hotkey.mm[_amenity.button].status.last_CartTbl_idx).addClass('active'); - } - } else if (_state.hotkey.mm[_amenity.button].status.focus == "order_details") { - let activeTableRow = $('.popup .amenity>.order-details>.items table tr.active').prev(".table tr"); - if (activeTableRow.length) { - $('.popup .amenity>.order-details>.items table tr.active').removeClass("active"); - activeTableRow.addClass('active'); - _state.hotkey.mm[_amenity.button].status.last_OrderTbl_idx = activeTableRow.prop('rowIndex'); - _scrollTopVal = activeTableRow.prop('scrollHeight') * _state.hotkey.mm[_amenity.button].status.last_OrderTbl_idx; - $('.popup .amenity>.order-details>.items').animate({ scrollTop: _scrollTopVal }, 500); - } - } - console.log(`STATUS::> ${JSON.stringify(_state.hotkey.mm[_amenity.button].status)}`); - } else if (_evt == "down") { - if (_state.hotkey.mm[_amenity.button].status.focus == "table") { - let activeTableRow = $('.popup .amenity>.items table tr.active').next(".table tr"); - if (activeTableRow.length) { - $('.popup .amenity>.items table tr.active').removeClass("active"); - activeTableRow.addClass('active'); - _state.hotkey.mm[_amenity.button].status.last_CartTbl_idx = activeTableRow.prop('rowIndex'); + _elRsOLstRoot.children(`#title`).text(_trTbl.ui.roomservice.title.orderdetails[_state.lang]); + _elRsOLstRoot.children(`#usage`).text(_trTbl.ui.roomservice.usage.details[_state.lang]); - _scrollTopVal = activeTableRow.prop('scrollHeight') * _state.hotkey.mm[_amenity.button].status.last_CartTbl_idx; - $('.popup .amenity>.items').animate({ scrollTop: _scrollTopVal }, 500); - } else { - _state.hotkey.mm[_amenity.button].status.focus = "button"; - if (!_state.hotkey.mm[_amenity.button].status.last_CartBtn_idx) { - $('.popup .amenity>.items table tr.active').removeClass("active"); + //Draw Room service Order Items + try { + // Delete elements under room service item table + let _elRsOLstItemTblRec = _elRsOLstItems.children('.order_list').children('tbody'); - $('.popup .amenity>.buttons div').removeClass("active"); - if (_checkEmptyOrder(_carts.items) == false) { - _state.hotkey.mm[_amenity.button].status.last_CartBtn_idx = "order"; - $('.popup .amenity>.buttons div.order').addClass("active"); - } else { - _state.hotkey.mm[_amenity.button].status.last_CartBtn_idx = "cancel"; - $('.popup .amenity>.buttons div.cancel').addClass("active"); + // Delete elements under room service item table + if (_elRsOLstItemTblRec.children('tr').length) { + _elRsOLstItemTblRec.children('tr').remove(); } - } - } - } else if (_state.hotkey.mm[_amenity.button].status.focus == "button") { - if (_state.hotkey.mm[_amenity.button].status.last_CartBtn_idx == "order") { - _state.hotkey.mm[_amenity.button].status.last_CartBtn_idx = "cancel"; - $('.popup .amenity>.buttons div').removeClass("active"); - $('.popup .amenity>.buttons div.cancel').addClass("active"); - } else if (_state.hotkey.mm[_amenity.button].status.last_CartBtn_idx == "cancel") { - _state.hotkey.mm[_amenity.button].status.last_CartBtn_idx = "details"; - $('.popup .amenity>.buttons div').removeClass("active"); - $('.popup .amenity>.buttons div.details').addClass("active"); - } - } else if (_state.hotkey.mm[_amenity.button].status.focus == "order_details") { - let activeTableRow = $('.popup .amenity>.order-details>.items table tr.active').next(".table tr"); - if (activeTableRow.length) { - $('.popup .amenity>.order-details>.items table tr.active').removeClass("active"); - activeTableRow.addClass('active'); - _state.hotkey.mm[_amenity.button].status.last_OrderTbl_idx = activeTableRow.prop('rowIndex'); + for (let _idx = 1; _idx <= _RsOrder.orders.length; _idx++) { + let _Order = _RsOrder.orders[_idx]; - _scrollTopVal = activeTableRow.prop('scrollHeight') * _state.hotkey.mm[_amenity.button].status.last_OrderTbl_idx; - $('.popup .amenity>.order-details>.items').animate({ scrollTop: _scrollTopVal }, 200); - } - } - console.log(`STATUS::> ${JSON.stringify(_state.hotkey.mm[_amenity.button].status)}`); - } else if (_evt == "enter") { - _state.hotkey.mm[_amenity.button].status.focus = "order_details"; - } else if (_evt == "reset") { - _state.hotkey.mm[_amenity.button].status = { - "focus": "table", - "last_CartTbl_idx": 0, - "last_CartBtn_idx": null, - "last_OrderTbl_idx": 0, - }; - $('.popup .amenity>.buttons div').removeClass("active"); - $('.popup .amenity>.items table tr').removeClass("active"); - $('.popup .amenity>.items table tr:first').addClass('active'); - $('.popup .amenity>.order-details>.items table tr').removeClass("active"); - $('.popup .amenity>.order-details>.items table tr:first').addClass('active'); + var _eltr_ordering = document.createElement('tr'); + _eltr_ordering.setAttribute("id", _Order.id); + _eltr_ordering.setAttribute("index", _idx); { + //룸서비스 아이탬 화면 드로잉 + var _eldiv_ordering = document.createElement('div'); + _eldiv_ordering.setAttribute("class", "ordering"); - // Flush CART - if (_isFlushCart == true && HotelTV.carts.amenity.items) { - let _cartsItems = HotelTV.carts.amenity.items; - for (_k = 1; _k <= _cartsItems.length; _k++) { - if (_cartsItems[_k].id) { - try { - let _result = await HotelTV.api.DeleteAmenityCarts(_cartsItems[_k].id); - if (_result) { - console.log(`Success to flush CARTID::> ${_cartsItems[_k].id}`); - } else { - console.log(`Fail to flush CARTID::> ${_cartsItems[_k].id}`); + // Append Sub elements:: index + let _elDiv_index = document.createElement('div'); + _elDiv_index.setAttribute("id", "index"); + _elDiv_index.textContent = `[${__fxn_padZero(_idx,2)}]`; + _eldiv_ordering.appendChild(_elDiv_index); + + // Append Sub elements:: date + let _elDiv_date = document.createElement('div'); + _elDiv_date.setAttribute("id", "date"); + _elDiv_date.textContent = `${_trTbl.ui.roomservice.title.orderdate[_state.lang]}:${_Order.createdAt}`; + _eldiv_ordering.appendChild(_elDiv_date); + + // Append Sub elements:: Order Id + let _elDiv_OrderId = document.createElement('div'); + _elDiv_OrderId.setAttribute("id", "orderId"); + _elDiv_OrderId.textContent = `${_trTbl.ui.roomservice.title.ordernumber[_state.lang]}:${_Order.id}`; + _eldiv_ordering.appendChild(_elDiv_OrderId); + + _eltr_ordering.appendChild(_eldiv_ordering); } - } catch (_error) { - console.log(`Fail to call API::> ${_error}`); - } - } - } - __uifxn_AppFull_DrawAmenityItem(); - } - // Order - if (_isDoOrder == true && HotelTV.carts.amenity.items) { - try { - let _result = await HotelTV.api.PutAmenityOrders(); - if (_result) { - console.log(`Success to order CARTID::>`); - __uifxn_AppFull_DrawAmenityItem(); - } else { - console.log(`Fail to order CARTID::>`); + // Append Ordered Item list + { + let _elDiv_OdItemsLst = document.createElement('div'); + _elDiv_OdItemsLst.className = "OdItemLst"; + + // Append item list hdr + { + var _elTbl_OdItemsHdr = document.createElement('table'); + _elTbl_OdItemsHdr.className = "tbl_header"; + + let _elTBody_OdItmesHdr = document.createElement('tbody'); { + _elTBody_OdItmesHdr.setAttribute("id", "hdr"); + + var _elTr_OdItmesHdr = document.createElement('tr'); + var _elTh_OdItmesHdr_Type = document.createElement('th'); + _elTh_OdItmesHdr_Type.setAttribute("id", "type"); + _elTh_OdItmesHdr_Type.textContent = _trTbl.ui.roomservice.title.item[_state.lang]; + _elTr_OdItmesHdr.appendChild(_elTh_OdItmesHdr_Type); + + var _elTh_OdItmesHdr_Quantity = document.createElement('th'); + _elTh_OdItmesHdr_Quantity.setAttribute("id", "quantity"); + _elTh_OdItmesHdr_Quantity.textContent = _trTbl.ui.roomservice.title.quantity[_state.lang]; + _elTr_OdItmesHdr.appendChild(_elTh_OdItmesHdr_Quantity); + + var _elTh_OdItmesHdr_Amount = document.createElement('th'); + _elTh_OdItmesHdr_Amount.setAttribute("id", "amount"); + _elTh_OdItmesHdr_Amount.textContent = _trTbl.ui.roomservice.title.amount[_state.lang]; + _elTr_OdItmesHdr.appendChild(_elTh_OdItmesHdr_Amount); + + var _elTh_OdItmesHdr_Subtotal1 = document.createElement('th'); + _elTh_OdItmesHdr_Subtotal1.setAttribute("id", "subtotal1"); + _elTh_OdItmesHdr_Subtotal1.textContent = `[ ${_trTbl.ui.roomservice.title.sum[_state.lang]} `; + _elTr_OdItmesHdr.appendChild(_elTh_OdItmesHdr_Subtotal1); + + var _elTh_OdItmesHdr_Subtotal2 = document.createElement('th'); + _elTh_OdItmesHdr_Subtotal2.setAttribute("id", "subtotal2"); + _elTh_OdItmesHdr_Subtotal2.textContent = `${_Order.amount[_state.lang].toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}${_roomservice.currency[_state.lang]}`; + _elTr_OdItmesHdr.appendChild(_elTh_OdItmesHdr_Subtotal2); + + var _elTh_OdItmesHdr_Subtotal3 = document.createElement('th'); + _elTh_OdItmesHdr_Subtotal3.setAttribute("id", "subtotal3"); + _elTh_OdItmesHdr_Subtotal3.textContent = `${_trTbl.ui.roomservice.title.quantity[_state.lang]} `; + _elTr_OdItmesHdr.appendChild(_elTh_OdItmesHdr_Subtotal3); + + var _elTh_OdItmesHdr_Subtotal4 = document.createElement('th'); + _elTh_OdItmesHdr_Subtotal4.setAttribute("id", "subtotal4"); + _elTh_OdItmesHdr_Subtotal4.textContent = `## `; + _elTr_OdItmesHdr.appendChild(_elTh_OdItmesHdr_Subtotal4); + + var _elTh_OdItmesHdr_Subtotal5 = document.createElement('th'); + _elTh_OdItmesHdr_Subtotal5.setAttribute("id", "subtotal5"); + _elTh_OdItmesHdr_Subtotal5.textContent = ` ]`; + _elTr_OdItmesHdr.appendChild(_elTh_OdItmesHdr_Subtotal5); + + _elTBody_OdItmesHdr.appendChild(_elTr_OdItmesHdr); + } + _elTbl_OdItemsHdr.appendChild(_elTBody_OdItmesHdr); + } + _elDiv_OdItemsLst.appendChild(_elTbl_OdItemsHdr); + + + // Append item list record + { + var _elTbl_OdItemsRec = document.createElement('table'); + _elTbl_OdItemsRec.className = "tbl_record"; + + let _elTBody_OdItmesRec = document.createElement('tbody'); { + _elTBody_OdItmesRec.setAttribute("id", "record"); + for (let _j = 1; _j <= _Order.items.length; _j++) { + let _OdItem = _Order.items[_j]; + var _elTr_OdItmesRec = document.createElement('tr'); + var _elDiv_OdItmesRec = document.createElement('div'); + _elDiv_OdItmesRec.className = "oditem"; + var _elDiv_OdItmesRecName = document.createElement('div'); + _elDiv_OdItmesRecName.setAttribute("id", "name"); + _elDiv_OdItmesRecName.textContent = __fxn_getRsItemValue(_roomservice.children, "title", + _OdItem.itemId)[_state.lang]; + _elDiv_OdItmesRec.appendChild(_elDiv_OdItmesRecName); + + var _elDiv_OdItmesRecQuantity = document.createElement('div'); + _elDiv_OdItmesRecQuantity.setAttribute("id", "quantity"); + _elDiv_OdItmesRecQuantity.textContent = _OdItem.quantity; + _elDiv_OdItmesRec.appendChild(_elDiv_OdItmesRecQuantity); + + _total_quantity += _OdItem.quantity; + + var _elDiv_OdItmesRecAmount = document.createElement('div'); + _elDiv_OdItmesRecAmount.setAttribute("id", "amount"); + _elDiv_OdItmesRecAmount.textContent = _OdItem.amount[_state.lang].toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + _roomservice.currency[_state.lang]; + _elDiv_OdItmesRec.appendChild(_elDiv_OdItmesRecAmount); + _elTr_OdItmesRec.appendChild(_elDiv_OdItmesRec); + _elTBody_OdItmesRec.appendChild(_elTr_OdItmesRec); + } + } + _elTbl_OdItemsRec.appendChild(_elTBody_OdItmesRec); + } + _elDiv_OdItemsLst.appendChild(_elTbl_OdItemsRec); + _eltr_ordering.appendChild(_elDiv_OdItemsLst); + } + + _elRsOLstItemTblRec.append(_eltr_ordering); + } + + // Draw Total Amount and Quantity + _elRsOLstSummary.children(`#title`).text(_trTbl.ui.roomservice.title.sum[_state.lang]); + _elRsOLstSummary.children(`#quantity`).text(_total_quantity); + _elRsOLstSummary.children(`#amount`).text(_RsOrder.amount[_state.lang].toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + _roomservice.currency[_state.lang]); + + // Activate first order lists + _elRsOLstItemTblRec.children('tr').first().addClass('active'); + } catch (_error) { + console.log(`Fail to call API::> ${_error}`); + return; } - } catch (_error) { - console.log(`Fail to call API::> ${_error}`); - } - } - } else if (_evt == "add") { - if (_state.hotkey.mm[_amenity.button].status.focus == "table") { - let activedTableRow = $('.popup .amenity>.items table tr.active'); - let _sel_itemID = activedTableRow.attr('id'); - try { - let _result = await HotelTV.api.PutAmenityCarts(_sel_itemID, 1); - if (_result) { - __uifxn_AppFull_DrawAmenityItem(); + + + if (_elRsOLstRoot.css('display') == "none") { + _elRsOLstRoot.fadeIn(400); } - } catch (_error) { - console.log(`Fail to call API::> ${_error}`); } - } - } else if (_evt == "del") { - if (_state.hotkey.mm[_amenity.button].status.focus == "table") { - let activedTableRow = $('.popup .amenity>.items table tr.active'); - let _sel_itemID = activedTableRow.attr('id'); - try { - let _result = await HotelTV.api.PutAmenityCarts(_sel_itemID, -1); - if (_result) { - __uifxn_AppFull_DrawAmenityItem(); + break; + case "up": + { + let _elRsOLstItemTblRec = _elRsOLstItems.children('.order_list').children('tbody'); + let selectedTblItem = _elRsOLstItemTblRec.children('tr.active').prev(".order_list tr"); + if (selectedTblItem.length) { + _elRsOLstItemTblRec.children('tr.active').removeClass("active"); + selectedTblItem.addClass('active'); + _state.hotkey.mm[_roomservice.button].status.orderdetails.idx = selectedTblItem.prop('rowIndex'); + + // 스크롤이 필요한 경우 스크롤링 하기 + let _scrollTopVal = _state.hotkey.mm[_roomservice.button].status.orderdetails.scroll_TOfset; + _scrollTopVal -= selectedTblItem.prop('scrollHeight'); + _elRsOLstItems.animate({ scrollTop: _scrollTopVal }, 200); + _state.hotkey.mm[_roomservice.button].status.orderdetails.scroll_TOfset = _scrollTopVal; } - } catch (_error) { - console.log(`Fail to call API::> ${_error}`); } - } + break; + case "down": + { + let _elRsOLstItemTblRec = _elRsOLstItems.children('.order_list').children('tbody'); + let selectedTblItem = _elRsOLstItemTblRec.children('tr.active').next(".order_list tr"); + if (selectedTblItem.length) { + _elRsOLstItemTblRec.children('tr.active').removeClass("active"); + selectedTblItem.addClass('active'); + _state.hotkey.mm[_roomservice.button].status.orderdetails.idx = selectedTblItem.prop('rowIndex'); + + // 스크롤이 필요한 경우 스크롤링 하기 + let _scrollTopVal = _state.hotkey.mm[_roomservice.button].status.orderdetails.scroll_TOfset; + _scrollTopVal += selectedTblItem.prop('scrollHeight'); + _elRsOLstItems.animate({ scrollTop: _scrollTopVal }, 200); + _state.hotkey.mm[_roomservice.button].status.orderdetails.scroll_TOfset = _scrollTopVal; + } + } + break; + case "back": + break; } } + /** + * HotelTV UI[AppFull] Wrapper Function::> update room service cart list for ordering + * @param {boolean} _show show/hide + * @param {string} _keyEvt key event + */ + function __uifxn_AppFull_DrawRoomservceCartList(_show, _keyEvt) { + let _state = HotelTV.state; + let _trTbl = HotelTV.translation; + let _roomservice = HotelTV.opening.roomService; + let _rsCart = HotelTV.carts.roomservice; + + let _elRsPupRoot = $('.popup .roomservice'); + let _elRsCLstRoot = _elRsPupRoot.children('.cart-list'); + let _elRsCLstSummary = _elRsCLstRoot.children('#summary'); + let _elRsCLstButtons = _elRsCLstRoot.children('#buttons'); + + const __fxn_getRsItemValue = function(_object, _key, _itemID) { + for (__j = 1; __j <= _object.length; __j++) { + if (_object[__j].id == _itemID) { + return _object[__j][_key]; + } + } + } + + if (_show == false) { + if (_elRsCLstRoot.css('display') != "none") { + _elRsCLstButtons.find('#confirm').removeClass("active"); + _elRsCLstButtons.find('#cancel').removeClass("active"); + _elRsCLstRoot.hide(); + } + return; + } + + + if (!_rsCart || !_roomservice) { + return; + } + + switch (_keyEvt) { + case "build": + let _total_quantity = 0; + + _elRsCLstRoot.children('#title').text(_trTbl.ui.roomservice.title.cartslist[_state.lang]); + _elRsCLstRoot.children('#usage').text(_trTbl.ui.roomservice.usage.orderConfirm[_state.lang]); + + //Draw Roomservice Cart Items + try { + let _elRsCLstItems = _elRsCLstRoot.children(`#items`); + let _elRsCLstItemTblHdr = _elRsCLstItems.children('.tbl_header').children('tbody'); + let _elRsCLstItemTblRec = _elRsCLstItems.children('.tbl_record').children('tbody'); + // Drawing Item Table Headers + _elRsCLstItemTblHdr.children('tr').children('th#type').text(`${_trTbl.ui.roomservice.title.item[_state.lang]}`); + _elRsCLstItemTblHdr.children('tr').children('th#quantity').text(_trTbl.ui.roomservice.title.quantity[_state.lang]); + _elRsCLstItemTblHdr.children('tr').children('th#amount').text(_trTbl.ui.roomservice.title.amount[_state.lang]); + + // Delete elements under room service item table + if (_elRsCLstItemTblRec.children('tr').length) { + _elRsCLstItemTblRec.children('tr').remove(); + } + + for (let _idx = 1; _idx <= _rsCart.items.length; _idx++) { + let _rsItem = _rsCart.items[_idx]; + if (_rsItem.id) { + var _eltr_item = document.createElement('tr'); + _eltr_item.setAttribute("id", _rsCart.items[_idx].id); + _eltr_item.setAttribute("index", _idx); { + //어메니티 아이탬 화면 드로잉 + var _eldiv_item_ctz = document.createElement('div'); + _eldiv_item_ctz.setAttribute("class", "products"); + + // Append Sub elements::title + let _elDiv_title = document.createElement('div'); + _elDiv_title.setAttribute("id", "title"); + _elDiv_title.textContent = __fxn_getRsItemValue(_roomservice.children, "title", _rsItem.itemId)[_state.lang]; + _eldiv_item_ctz.appendChild(_elDiv_title); + + // Append Sub elements::quantity + let _elDiv_quantity = document.createElement('div'); + _elDiv_quantity.setAttribute("id", "quantity"); + _elDiv_quantity.textContent = _rsItem.quantity; + _eldiv_item_ctz.appendChild(_elDiv_quantity); + _total_quantity += _rsItem.quantity; + + // Append Sub elements::amount + let _elDiv_price = document.createElement('div'); + _elDiv_price.setAttribute("id", "price"); + _elDiv_price.textContent = _rsItem.price[_state.lang].toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + _roomservice.currency[_state.lang]; + _eldiv_item_ctz.appendChild(_elDiv_price); + } + _eltr_item.appendChild(_eldiv_item_ctz); + _elRsCLstItemTblRec.append(_eltr_item); + } + } + // 첫번째 테이블 아애템에 active 클래스 추가 (플래그용으로 사용) + // _elRsCLstItemTblRec.children('tr').first().addClass('active'); + } catch (_error) { + console.log(_error.message); + } + + // Drawing Summary + _elRsCLstSummary.children('#title').text(_trTbl.ui.roomservice.title.sum[_state.lang]); + _elRsCLstSummary.children('#quantity').text(_total_quantity); + _elRsCLstSummary.children('#amount').text(_rsCart.amount[_state.lang].toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + _roomservice.currency[_state.lang]); + + // Drawing Notice + _elRsCLstRoot.children('#notice').text(_trTbl.ui.roomservice.usage.orderNoticeFinal[_state.lang]); + + // Drawing Buttons + _elRsCLstButtons.find('#confirm').text(_trTbl.ui.roomservice.title.confirm[_state.lang]); + _elRsCLstButtons.find('#cancel').text(_trTbl.ui.roomservice.title.back[_state.lang]); + + // Focus button + _elRsCLstButtons.find('#confirm').addClass("active"); + + if (_elRsCLstRoot.css('display') == "none") { + _elRsCLstRoot.fadeIn(300); + } + break; + case "left": + if (_state.hotkey.mm[_roomservice.button].status.cartlist.idx == "confirm") { + _elRsCLstButtons.find('#confirm').removeClass("active"); + _state.hotkey.mm[_roomservice.button].status.cartlist.idx = "cancel"; + _elRsCLstButtons.find('#cancel').addClass("active"); + } else if (_state.hotkey.mm[_roomservice.button].status.cartlist.idx == "cancel") { + _elRsCLstButtons.find('#cancel').removeClass("active"); + _state.hotkey.mm[_roomservice.button].status.cartlist.idx = "confirm"; + _elRsCLstButtons.find('#confirm').addClass("active"); + } + break; + case "right": + if (_state.hotkey.mm[_roomservice.button].status.cartlist.idx == "confirm") { + _elRsCLstButtons.find('#confirm').removeClass("active"); + _state.hotkey.mm[_roomservice.button].status.cartlist.idx = "cancel"; + _elRsCLstButtons.find('#cancel').addClass("active"); + } else if (_state.hotkey.mm[_roomservice.button].status.cartlist.idx == "cancel") { + _elRsCLstButtons.find('#cancel').removeClass("active"); + _state.hotkey.mm[_roomservice.button].status.cartlist.idx = "confirm"; + _elRsCLstButtons.find('#confirm').addClass("active"); + } + break; + case "back": + break; + } + } + + /** + * HotelTV UI[AppFull] Wrapper Function::> update room service item description + * @param {boolean} _show show/hide + */ + function __uifxn_AppFull_DrawRoomservceItemDescription(_show) { + let _state = HotelTV.state; + let _roomservice = HotelTV.opening.roomService; + + let _elRsPupRoot = $('.popup .roomservice'); + let _elRsMnRoot = _elRsPupRoot.children('.menu'); + let _elRsMnItmTbl = _elRsMnRoot.children('#items').find('.tbl_record').children('#record'); + let _elRsMnDesc = _elRsPupRoot.children('.description'); + + const __fxn_getRsItemValue = function(_object, _key, _itemID) { + for (__j = 1; __j <= _object.length; __j++) { + if (_object[__j].id == _itemID) { + return _object[__j][_key]; + } + } + } + + if (_show == false) { + if (_elRsMnDesc.css('display') != "none") { + _elRsMnDesc.hide(); + } + return; + } + + //선택된 테이블 레코드의 ID속성값 읽어오기 + let selectedTblItemID = _elRsMnItmTbl.children('tr.active').prop('id'); + + //Redraw Description + _elRsMnDesc.children('#title').text(__fxn_getRsItemValue(_roomservice.children, "title", selectedTblItemID)[_state.lang]); + _elRsMnDesc.children('#comment').text(__fxn_getRsItemValue(_roomservice.children, "description", selectedTblItemID)[_state.lang]); + _elRsMnDesc.children('#thumb').css('background-image', 'url(' + __fxn_getRsItemValue(_roomservice.children, "thumbnail", selectedTblItemID).files[_state.lang].download + ')'); + + if (_elRsMnDesc.css('display') == "none") { + _elRsMnDesc.show(); + } + } /** * HotelTV UI[AppFull] Wrapper Function::> update room service item - * @param {boolean} e event + * @param {boolean} _isUpdateDescrption show/hide item description */ - async function __uifxn_AppFull_DrawRoomserviceItem() { + async function __uifxn_AppFull_DrawRoomserviceItem(_isUpdateDescrption) { let _state = HotelTV.state; let _roomservice = HotelTV.opening.roomService; let _carts = null; - const __fxn_fmexist = function(_object, _itemID) { + const __fxn_cartItemExist = function(_object, _itemID) { for (__j = 1; __j <= _object.length; __j++) { if (_object[__j].itemId == _itemID) { return true; @@ -761,7 +783,7 @@ HotelTV.ui_appfull = (function() { return false; } - const __fxn_fmvalue = function(_object, _key, _itemID) { + const __fxn_cartItemValue = function(_object, _key, _itemID) { for (__j = 1; __j <= _object.length; __j++) { if (_object[__j].itemId == _itemID) { return _object[__j][_key]; @@ -770,36 +792,66 @@ HotelTV.ui_appfull = (function() { } try { - let _elRsMnRoot = $(`.popup .roomservice .menu`); - + let _total_quantity = 0; + let _elRsMnItemTblRoot = $('.popup .roomservice>.menu #items>table.tbl_record'); HotelTV.carts.roomservice = _carts = await HotelTV.api.GetRoomserviceCarts(); for (let _idx = 1; _idx <= _roomservice.children.length; _idx++) { let _rsItem = _roomservice.children[_idx]; - let _elRsItemTblRecRoot = _elRsMnRoot.children('div.items').children('table').children(`tr#${_rsItem.id}`).children('div.products'); - if (_carts.items.length && __fxn_fmexist(_carts.items, _rsItem.id) == true) { - // amount value - _elRsItemTblRecRoot.children('div#details').children('#price').text(__fxn_fmvalue(_carts.items, "amount", _rsItem.id)[_state.lang].toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + _roomservice.currency[_state.lang]); - // Order Count - _elRsItemTblRecRoot.children('div#details').children('#quantity').children(`#value`).text(__fxn_fmvalue(_carts.items, "quantity", _rsItem.id)); + let _elRsItemRecRoot = _elRsMnItemTblRoot.find(`tr#${_rsItem.id}`).children('div.products'); + // Update Unit price + _elRsItemRecRoot.find('#price').text(_rsItem.price[_state.lang].toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + _roomservice.currency[_state.lang]); + + // Update quantity + if (_carts.items.length && __fxn_cartItemExist(_carts.items, _rsItem.id) == true) { + let _cart_item_quantity = __fxn_cartItemValue(_carts.items, "quantity", _rsItem.id); + _total_quantity += _cart_item_quantity; + // Cart Quantity + _elRsItemRecRoot.find('#quantity').text(_cart_item_quantity); } } + + //Update Total amount as well as quantity + let _elRsMnSummary = $('.popup .roomservice>.menu #summary'); + _elRsMnSummary.children('#value').text(_carts.amount[_state.lang].toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + _roomservice.currency[_state.lang]); + _elRsMnSummary.children('#quantity').text(_total_quantity); + + //Refresh menu description + if (_isUpdateDescrption == true) { + __uifxn_AppFull_DrawRoomservceItemDescription(true); + } } catch (_error) { console.log(_error.message); } } /** - * HotelTV UI[AppFull] Wrapper Function::> build roomservice details - * @param {boolean} e event + * HotelTV UI[AppFull] Wrapper Function::> room service handling function + * @param {string} _evtKey event + * @param {boolean} _isFlushCart flag for flush cart + * @param {callback} _cbFxn post-processing callback */ - async function __uifxn_AppFull_BuildRoomserviceOrderDetails() { + async function __uifxn_AppFull_HandleRoomservice(_evtKey, _isFlushCart, _isDoOrder, _cbFxn) { let _state = HotelTV.state; - let _trTbl = HotelTV.translation; let _opening = HotelTV.opening; let _roomservice = null; - let _elRsODRoot = $(`.popup .roomservice .menu>.order-details`); + let _carts = HotelTV.carts.roomservice; + let _scrollTopVal = 0; + let _elRsPupRoot = $('.popup .roomservice'); + let _elRsMnRoot = _elRsPupRoot.children('.menu'); + let _elRsMnItmTbl = _elRsMnRoot.children('#items').find('.tbl_record').children('#record'); + let _elRsMnBtn = _elRsMnRoot.children('#buttons'); + let _elRsOdDetails = _elRsPupRoot.children('.order-details'); - const __fxn_fmvalue = function(_object, _key, _itemID) { + const __fxn_cartEmpty = function(_object) { + for (__j = 1; __j <= _object.length; __j++) { + if (_object[__j].id) { + return false; + } + } + return true; + } + + const __fxn_cartItemValue = function(_object, _key, _itemID) { for (__j = 1; __j <= _object.length; __j++) { if (_object[__j].id == _itemID) { return _object[__j][_key]; @@ -807,105 +859,274 @@ HotelTV.ui_appfull = (function() { } } + const __fxn_close_RsPopup = function(_fxn_post_process) { + _elRsPupRoot.animate({ top: 96, left: -560 }, 500, () => { + // 아이탬 테이블 스크롤 맨 위로 이동 + _elRsMnItmTbl.animate({ scrollTop: 0 }, 200); + + // CART LIST 제거 및 Off + __uifxn_AppFull_DrawRoomservceCartList(false, "back"); + + // 매뉴 아이탬 및 버튼에서 active클래스 초기화 + _elRsMnItmTbl.children('tr.active').removeClass("active"); + _elRsMnItmTbl.children('tr').first().addClass('active'); + _elRsMnBtn.children('div').removeClass("active"); + + // state내의 Room serice관련 HOTKEY정보를 초기화 + _state.hotkey.mm[_roomservice.button] = { + 'type': "roomservice", + "status": { + "focus": "menu", + "menu": { + "idx": 0, + "scroll_TOfset": 0 + }, + "button": { + "idx": null + }, + "cartlist": { + "idx": null, + "scroll_TOfset": 0 + }, + "orderdetails": { + "idx": null, + "scroll_TOfset": 0 + } + } + }; + + // Do post-processing + if (_fxn_post_process) { + _fxn_post_process(); + } + }); + } + + + if (!_opening.roomService) { return; } _roomservice = _opening.roomService; - try { - HotelTV.orders.roomservice = _order = await HotelTV.api.GetRoomserviceOrders(null); - } catch (_error) { - console.log(`Fail to call API::> ${_error}`); - return; - } + switch (_evtKey) { + case "up": + switch (_state.hotkey.mm[_roomservice.button].status.focus) { + case "menu": + // 선택한 아이탬 알아내기 + let selectedTblItem = _elRsMnItmTbl.children('tr.active').prev(".tbl_record tr"); + if (selectedTblItem.length) { + _elRsMnItmTbl.children('tr.active').removeClass("active"); + selectedTblItem.addClass('active'); + _state.hotkey.mm[_roomservice.button].status.menu.idx = selectedTblItem.prop('rowIndex'); + // 스크롤이 필요한 경우 스크롤링 하기 + _scrollTopVal = selectedTblItem.prop('scrollHeight') * _state.hotkey.mm[_roomservice.button].status.menu.idx; + _state.hotkey.mm[_roomservice.button].status.menu.scroll_TOfset = _scrollTopVal; + _elRsMnItmTbl.animate({ scrollTop: _scrollTopVal }, 200); - _elRsODRoot.children(`.title`).text(_trTbl.ui.roomservice.title.carts[_state.lang]); - _elRsODRoot.children(`.usage`).text(_trTbl.ui.roomservice.usage.details[_state.lang]); - - //Draw Room service Order Items - try { - // Delete elements under room service item table - let _elRsRDOdItemsRoot = _elRsODRoot.children(`.items`); - - if (_elRsRDOdItemsRoot.children('table').children('tr').length) { - _elRsRDOdItemsRoot.children('table').children('tr').remove(); - } - - let _eltbl_am_items = _elRsODRoot.children('.items').children('.table#item_list'); - for (let _odix = 1; _odix <= _order.orders.length; _odix++) { - let _rsOrds = _order.orders[_odix]; - for (let _idx = 1; _idx <= _rsOrds.items.length; _idx++) { - let _rsOrdItem = _rsOrds.items[_idx]; - var _eltr_item = document.createElement('tr'); - _eltr_item.setAttribute("id", `${_odix}-${_idx}`); - _eltr_item.setAttribute("ctz_idx", (_odix - 1) * _order.orders.length + _idx); - //어메니티 아이탬 화면 드로잉 - var _eldiv_item_ctz = document.createElement('div'); - _eldiv_item_ctz.setAttribute("class", "products"); - - // Append Sub elements::title - let _elDiv_odNum = document.createElement('div'); - _elDiv_odNum.setAttribute("id", "order_num"); - _elDiv_odNum.textContent = `${_trTbl.ui.roomservice.title.ordernum[_state.lang]} ${_rsOrds.id}`; - _eldiv_item_ctz.appendChild(_elDiv_odNum); - - // Append Sub elements::thumbnail iamge - let _elDiv_thumb = document.createElement('div'); - _elDiv_thumb.setAttribute("id", "thumb"); - // let _sz_styleOpt = "background-image: url(" + __fxn_fmvalue(_roomservice.children, "thumbnail", _rsOrdItem.itemId).file.download + "); "; - // _sz_styleOpt += "background-repeat: no-repeat; background-position: center center; background-size: contain "; - // _elDiv_thumb.setAttribute("style", _sz_styleOpt); - _eldiv_item_ctz.appendChild(_elDiv_thumb); - - // Append Sub elements::quantity and amount summary - let _elDiv_summary = document.createElement('div'); - _elDiv_summary.setAttribute("id", "summary"); - - // Append Sub elements::free count Order quantity_title - let _elDiv_quantityTitle = document.createElement('div'); - _elDiv_quantityTitle.setAttribute("id", "quantity_title"); - _elDiv_quantityTitle.textContent = _trTbl.ui.roomservice.title.quantity[_state.lang]; - _elDiv_summary.appendChild(_elDiv_quantityTitle); - - // Append Sub elements::free count Order amount_title - let _elDiv_amountTitle = document.createElement('div'); - _elDiv_amountTitle.setAttribute("id", "amount_title"); - _elDiv_amountTitle.textContent = _trTbl.ui.roomservice.title.amount[_state.lang]; - _elDiv_summary.appendChild(_elDiv_amountTitle); - - // Append Sub elements::free count Order quantity_val - let _elDiv_quantity = document.createElement('div'); - _elDiv_quantity.setAttribute("id", "quantity_val"); - _elDiv_quantity.textContent = _rsOrdItem.quantity; - _elDiv_summary.appendChild(_elDiv_quantity); - - // Append Sub elements::free count Order amount_val - let _elDiv_amount = document.createElement('div'); - _elDiv_amount.setAttribute("id", "amount_val"); - _elDiv_amount.textContent = `${_order.currency[_state.lang]}${_rsOrdItem.amount[_state.lang]}`; - _elDiv_summary.appendChild(_elDiv_amount); - - _eldiv_item_ctz.appendChild(_elDiv_summary); - _eltr_item.appendChild(_eldiv_item_ctz); - _eltbl_am_items.append(_eltr_item); + //Update Item Description Frame + __uifxn_AppFull_DrawRoomservceItemDescription(true); + } + break; + case "button": + _elRsMnBtn.children('div').removeClass("active"); + if (_state.hotkey.mm[_roomservice.button].status.button.idx == "cancel") { + _state.hotkey.mm[_roomservice.button].status.button.idx = "details"; + _elRsMnBtn.children('div#details').addClass("active"); + } else if (_state.hotkey.mm[_roomservice.button].status.button.idx == "details") { + if (__fxn_cartEmpty(_carts.items) == false) { + _state.hotkey.mm[_roomservice.button].status.button.idx = "order"; + _elRsMnBtn.children('div#order').addClass("active"); + } else { + _state.hotkey.mm[_roomservice.button].status.button.idx = null; + _state.hotkey.mm[_roomservice.button].status.focus = "menu"; + _elRsMnItmTbl.children('tr').eq(_state.hotkey.mm[_roomservice.button].status.menu.idx).addClass('active'); + } + } else { + _state.hotkey.mm[_roomservice.button].status.button.idx = null; + _state.hotkey.mm[_roomservice.button].status.focus = "menu"; + _elRsMnItmTbl.children('tr').eq(_state.hotkey.mm[_roomservice.button].status.menu.idx).addClass('active'); + // Shows up Menu Item description + __uifxn_AppFull_DrawRoomservceItemDescription(true); + } + break; + case "orderdetails": + //Navigate order lists + __uifxn_AppFull_DrawRoomservceOrderList(true, "up"); + break; } - } - // 첫번째 테이블 아애템에 active 클래스 추가 (플래그용으로 사용) - _elRsRDOdItemsRoot.children('table').children('tr').first().addClass('active'); - //$('.popup .roomservice .menu>.order-details>.items table tr:first').addClass('active'); - } catch (_error) { - console.log(_error.message); - } - _elRsODRoot.children('.total_amount').children('.title').text(_trTbl.ui.roomservice.title.Sum[_state.lang]); - _elRsODRoot.children('.total_amount').children('.value').text(`${_order.currency[_state.lang]}${_order.amount[_state.lang]}`); + break; + case "down": + switch (_state.hotkey.mm[_roomservice.button].status.focus) { + case "menu": + // 선택한 아이탬 알아내기 + let selectedTblItem = _elRsMnItmTbl.children('tr.active').next(".tbl_record tr"); + if (selectedTblItem.length) { + _elRsMnItmTbl.children('tr.active').removeClass("active"); + selectedTblItem.addClass('active'); + _state.hotkey.mm[_roomservice.button].status.menu.idx = selectedTblItem.prop('rowIndex'); - // last_OrderTbl_idx 초기화 - if (!(_roomservice.button in _state.hotkey.mm)) { - _state.hotkey.mm[_roomservice.button].last_OrderTbl_idx = 0; + // 스크롤이 필요한 경우 스크롤링 하기 + _scrollTopVal = selectedTblItem.prop('scrollHeight') * _state.hotkey.mm[_roomservice.button].status.menu.idx; + _state.hotkey.mm[_roomservice.button].status.menu.scroll_TOfset = _scrollTopVal; + _elRsMnItmTbl.animate({ scrollTop: _scrollTopVal }, 200); + + //Update Item Description Frame + __uifxn_AppFull_DrawRoomservceItemDescription(true); + } else { + _elRsMnItmTbl.children('tr.active').removeClass("active"); + _state.hotkey.mm[_roomservice.button].status.focus = "button"; + + //Hide Item Description Frame + __uifxn_AppFull_DrawRoomservceItemDescription(false); + if (__fxn_cartEmpty(_carts.items) == false) { + _state.hotkey.mm[_roomservice.button].status.button.idx = "order"; + _elRsMnBtn.children('div#order').addClass("active"); + } else { + _state.hotkey.mm[_roomservice.button].status.button.idx = "details"; + _elRsMnBtn.children('div#details').addClass("active"); + } + } + break; + case "button": + if (_state.hotkey.mm[_roomservice.button].status.button.idx == "order") { + _elRsMnBtn.children('div').removeClass("active"); + _state.hotkey.mm[_roomservice.button].status.button.idx = "details"; + _elRsMnBtn.children('div#details').addClass("active"); + } else if (_state.hotkey.mm[_roomservice.button].status.button.idx == "details") { + _elRsMnBtn.children('div').removeClass("active"); + _state.hotkey.mm[_roomservice.button].status.button.idx = "cancel"; + _elRsMnBtn.children('div#cancel').addClass("active"); + } + break; + case "orderdetails": + //Navigate order lists + __uifxn_AppFull_DrawRoomservceOrderList(true, "down"); + break; + } + break; + case "right": + if (_state.hotkey.mm[_roomservice.button].status.focus == "menu") { + let selectedTblItem = _elRsMnItmTbl.children('tr.active'); + let _sel_itemID = selectedTblItem.attr('id'); + try { + let _result = await HotelTV.api.PutRoomserviceCarts(_sel_itemID, 1); + if (_result) { + __uifxn_AppFull_DrawRoomserviceItem(false); + } + } catch (_error) { + console.log(`Fail to call API::> ${_error}`); + } + } else if (_state.hotkey.mm[_roomservice.button].status.focus == "cartlist") { + __uifxn_AppFull_DrawRoomservceCartList(true, "left"); + } + break; + case "left": + if (_state.hotkey.mm[_roomservice.button].status.focus == "menu") { + let selectedTblItem = _elRsMnItmTbl.children('tr.active'); + let _sel_itemID = selectedTblItem.attr('id'); + try { + let _result = await HotelTV.api.PutRoomserviceCarts(_sel_itemID, -1); + if (_result) { + __uifxn_AppFull_DrawRoomserviceItem(false); + } + } catch (_error) { + console.log(`Fail to call API::> ${_error}`); + } + } else if (_state.hotkey.mm[_roomservice.button].status.focus == "cartlist") { + __uifxn_AppFull_DrawRoomservceCartList(true, "right"); + } + break; + case "enter": + if (_state.hotkey.mm[_roomservice.button].status.focus == "button") { + switch (_state.hotkey.mm[_opening.roomService.button].status.button.idx) { + case "cancel": + __fxn_close_RsPopup(_cbFxn); + break; + case "order": + //Remove active class from menu buttons + _elRsMnBtn.children('div').removeClass("active"); + + // Build Cart List + _state.hotkey.mm[_roomservice.button].status.focus = "cartlist"; + __uifxn_AppFull_DrawRoomservceCartList(true, "build"); + _state.hotkey.mm[_opening.roomService.button].status.cartlist.idx = "confirm"; + break; + case "details": + // Hide Menu + _elRsMnRoot.hide(); + + // Build Order details + _state.hotkey.mm[_roomservice.button].status.focus = "orderdetails"; + __uifxn_AppFull_DrawRoomservceOrderList(true, "build"); + break; + } + } else if (_state.hotkey.mm[_roomservice.button].status.focus == "cartlist") { + switch (_state.hotkey.mm[_opening.roomService.button].status.cartlist.idx) { + case "confirm": + _state.hotkey.mm[_roomservice.button].status.focus = "orderalert"; + try { + let _result = await HotelTV.api.PutRoomserviceOrders(); + if (_result) { + console.log(`Success to order CARTID::>`); + __uifxn_AppFull_DrawRoomserviceItem(true); + + HotelTV.orders.roomservice = await HotelTV.api.GetRoomserviceOrders(null); + } else { + console.log(`Fail to order CARTID::>`); + } + } catch (_error) { + console.log(`Fail to call API::> ${_error}`); + } + + //Show Order confirm alert + __uifxn_AppFull_DrawRoomserviceOrderAlert(true); + break; + case "cancel": + //Hide Cart List + __uifxn_AppFull_DrawRoomservceCartList(false, "back"); + //Return to button + _state.hotkey.mm[_roomservice.button].status.focus = "button"; + _elRsMnBtn.children('div#order').addClass("active"); + break; + } + } else if (_state.hotkey.mm[_roomservice.button].status.focus == "orderalert") { + //Hide Cart List + __uifxn_AppFull_DrawRoomservceCartList(false, "back"); + //Hide Order confirm alert + __uifxn_AppFull_DrawRoomserviceOrderAlert(false); + //Return to button + _state.hotkey.mm[_roomservice.button].status.focus = "button"; + _elRsMnBtn.children('div#order').addClass("active"); + } + break; + case "back": + if (_state.hotkey.mm[_roomservice.button].status.focus == "orderalert") { + //Hide Cart List + __uifxn_AppFull_DrawRoomservceCartList(false, "back"); + //Hide Order confirm alert + __uifxn_AppFull_DrawRoomserviceOrderAlert(false); + //Return to button + _state.hotkey.mm[_roomservice.button].status.focus = "button"; + _elRsMnBtn.children('div#order').addClass("active"); + } else if (_state.hotkey.mm[_roomservice.button].status.focus == "orderdetails") { + //Hide Order Details + __uifxn_AppFull_DrawRoomservceOrderList(false, null); + + //Return to button + _state.hotkey.mm[_roomservice.button].status.focus = "button"; + + // Hide Menu + _elRsMnRoot.fadeIn(400); + } else { + __fxn_close_RsPopup(_cbFxn); + } + break; } } + /** * HotelTV UI[AppFull] Wrapper Function::> build room service * @param {boolean} e event @@ -916,478 +1137,119 @@ HotelTV.ui_appfull = (function() { let _opening = HotelTV.opening; let _order = HotelTV.orders.roomService; let _roomservice = null; - let _elRsMnRoot = $(`.popup .roomservice .menu`); - let _elRsMnBtn = $(`.popup .roomservice .menu .buttons`); - let _elRsMnDesc = $(`.popup .roomservice .description`); - - const __fxn_fmvalue = function(_object, _key, _itemID) { - for (__j = 1; __j <= _object.length; __j++) { - if (_object[__j].id == _itemID) { - return _object[__j][_key]; - } - } - } + let _elRsPupRoot = $('.popup .roomservice'); + let _elRsMnRoot = _elRsPupRoot.children('.menu'); + let _elRsMnBtn = _elRsMnRoot.children('#buttons'); + let _elRsMnSummary = _elRsMnRoot.children('#summary'); if (!_opening.roomService) { return; } _roomservice = _opening.roomService; - _elRsMnRoot.children('.title').text(_roomservice.title[_state.lang]); - _elRsMnRoot.children('.usage').text(_trTbl.ui.roomservice.usage.order[_state.lang]); + _elRsMnRoot.children('#title').text(_roomservice.title[_state.lang]); + _elRsMnRoot.children('#usage').text(_trTbl.ui.roomservice.usage.order[_state.lang]); + //Draw Roomservice Cart Items try { - let _elRsMnItems = _elRsMnRoot.children(`.items`); + let _elRsMnItems = _elRsMnRoot.children(`#items`); + let _elRsMnItemTblHdr = _elRsMnItems.children('.tbl_header').children('tbody'); + let _elRsMnItemTblRec = _elRsMnItems.children('.tbl_record').children('tbody'); + // Drawing Item Table Headers + _elRsMnItemTblHdr.children('tr').children('th#type').text(`${_trTbl.ui.roomservice.title.item[_state.lang]}[${_roomservice.children.length}]`); + _elRsMnItemTblHdr.children('tr').children('th#quantity').text(_trTbl.ui.roomservice.title.quantity[_state.lang]); // Delete elements under room service item table - - if (_elRsMnItems.children('table').children('tr').length) { - _elRsMnItems.children('table').children('tr').remove(); + if (_elRsMnItemTblRec.children('tr').length) { + _elRsMnItemTblRec.children('tr').remove(); } - let _eltbl_rs_items = _elRsMnItems.children('.table#item_list'); for (let _idx = 1; _idx <= _roomservice.children.length; _idx++) { let _rsItem = _roomservice.children[_idx]; var _eltr_item = document.createElement('tr'); _eltr_item.setAttribute("id", _roomservice.children[_idx].id); - _eltr_item.setAttribute("ctz_idx", _idx); - //어메니티 아이탬 화면 드로잉 - var _eldiv_item_ctz = document.createElement('div'); - _eldiv_item_ctz.setAttribute("class", "products"); + _eltr_item.setAttribute("index", _idx); { + //어메니티 아이탬 화면 드로잉 + var _eldiv_item_ctz = document.createElement('div'); + _eldiv_item_ctz.setAttribute("class", "products"); - // Append Sub elements::title - let _elDiv_title = document.createElement('div'); - _elDiv_title.setAttribute("id", "title"); - _elDiv_title.textContent = _rsItem.title[_state.lang]; - _eldiv_item_ctz.appendChild(_elDiv_title); + // Append Sub elements::index + let _elDiv_index = document.createElement('div'); + _elDiv_index.setAttribute("id", "index"); + _elDiv_index.textContent = `[${_idx}]`; + _eldiv_item_ctz.appendChild(_elDiv_index); - // Append Sub elements:: Price & Quantity - let _elDiv_details = document.createElement('div'); - _elDiv_details.setAttribute("id", "details"); - let _elDiv_price = document.createElement('div'); - // Append Sub elements::price Value - _elDiv_price.setAttribute("id", "price"); - _elDiv_price.textContent = _rsItem.price[_state.lang]; - _elDiv_details.appendChild(_elDiv_price); + // Append Sub elements::title + let _elDiv_title = document.createElement('div'); + _elDiv_title.setAttribute("id", "title"); + _elDiv_title.textContent = _rsItem.title[_state.lang]; + _eldiv_item_ctz.appendChild(_elDiv_title); - // Append Sub elements::Quantity - let _elDiv_qualtity = document.createElement('div'); - _elDiv_qualtity.setAttribute("id", "quantity"); - // Append Sub elements::Quantity:Title - let _elDiv_qualtityTitle = document.createElement('div'); - _elDiv_qualtityTitle.setAttribute("id", "title"); - _elDiv_qualtityTitle.textContent = _trTbl.ui.roomservice.title.quantity[_state.lang]; - _elDiv_qualtity.appendChild(_elDiv_qualtityTitle); + // Append Sub elements::price + let _elDiv_price = document.createElement('div'); + _elDiv_price.setAttribute("id", "price"); + _elDiv_price.textContent = _rsItem.price[_state.lang].toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); + _eldiv_item_ctz.appendChild(_elDiv_price); - // Append Sub elements::Quantity:Title - let _elDiv_qualtityValue = document.createElement('div'); - _elDiv_qualtityValue.setAttribute("id", "value"); - _elDiv_qualtityValue.textContent = ""; - _elDiv_qualtity.appendChild(_elDiv_qualtityValue); + // Append Sub elements::quantity + let _elDiv_quantity = document.createElement('div'); + _elDiv_quantity.setAttribute("id", "quantity"); + _elDiv_quantity.textContent = "0"; + _eldiv_item_ctz.appendChild(_elDiv_quantity); - _elDiv_details.appendChild(_elDiv_qualtity); - _eldiv_item_ctz.appendChild(_elDiv_details); + } _eltr_item.appendChild(_eldiv_item_ctz); - _eltbl_rs_items.append(_eltr_item); + _elRsMnItemTblRec.append(_eltr_item); } // 첫번째 테이블 아애템에 active 클래스 추가 (플래그용으로 사용) - _elRsMnItems.children('table').children('tr').first().addClass('active'); + _elRsMnItemTblRec.children('tr').first().addClass('active'); } catch (_error) { console.log(_error.message); } - //Fill up roomservice important information such as free count and price, etc... - __uifxn_AppFull_DrawRoomserviceItem(); + // Drawing Amount(Cart) + _elRsMnSummary.children('#title').text(_trTbl.ui.roomservice.title.sum[_state.lang]); + // _elRsMnSummary.children('#value').text("0"); + // _elRsMnSummary.children('#quantity').text("0"); + + // + __uifxn_AppFull_DrawRoomservceCartList(false, null); + __uifxn_AppFull_DrawRoomservceOrderList(false, null); + __uifxn_AppFull_DrawRoomserviceOrderAlert(false); + + // Draw Buttons + _elRsMnBtn.children('#order').text(_trTbl.ui.roomservice.title.order[_state.lang]); + _elRsMnBtn.children('#details').text(_trTbl.ui.roomservice.title.orderdetails[_state.lang]); + _elRsMnBtn.children('#cancel').text(_trTbl.ui.roomservice.title.cancel[_state.lang]); - _elRsMnBtn.children('.order').text(_trTbl.ui.roomservice.title.order[_state.lang]); - _elRsMnBtn.children('.details').text(_trTbl.ui.roomservice.title.carts[_state.lang]); - _elRsMnBtn.children('.cancel').text(_trTbl.ui.roomservice.title.cancel[_state.lang]); // HOTKEY정보를 state에 기록 if (!(_roomservice.button in _state.hotkey.mm)) { _state.hotkey.mm[_roomservice.button] = { 'type': "roomservice", "status": { - "focus": "table", - "last_CartTbl_ScrOfset": 0, - "last_CartTbl_idx": 0, - "last_CartBtn_idx": null, - "last_OrderTbl_ScrOfset": 0, - "last_OrderTbl_idx": 0, + "focus": "menu", + "menu": { + "idx": 0, + "scroll_TOfset": 0 + }, + "button": { + "idx": null + }, + "cartlist": { + "idx": null, + "scroll_TOfset": 0 + }, + "orderdetails": { + "idx": null, + "scroll_TOfset": 0 + } } }; } - - if (_elRsMnRoot.css('box-shadow') == 'none') { - $('.popup .roomservice .menu').css('box-shadow', '0px 0px 30px rgba(0, 0, 0, 1)'); - $('.popup .roomservice').animate({ backgroundColor: 'rgba(46,46,46,1.0)' }, 200, function() { $('.popup .roomservice .description').show() }); - } - - //Activated된 테이블 레코드의 ID속성값 읽어오기 - let _ActiveItemID = _elRsMnRoot.children(`.items`).children('table').children('tr.active').prop('id'); - //Description - _elRsMnDesc.children('.rstitle').text(__fxn_fmvalue(_roomservice.children, "title", _ActiveItemID)[_state.lang]); - _elRsMnDesc.children('.rscomment').text(__fxn_fmvalue(_roomservice.children, "description", _ActiveItemID)[_state.lang]); - _elRsMnDesc.children('.image').css('background-image', 'url(' + __fxn_fmvalue(_roomservice.children, "thumbnails", _ActiveItemID).files[_state.lang][1].download + ')'); - } - - - /** - * HotelTV UI[AppFull] Wrapper Function::> room service handling function - * @param {boolean} e event - */ - async function __uifxn_AppFull_HandleRoomservice(_evt, _isFlushCart, _isDoOrder) { - let _state = HotelTV.state; - let _trTbl = HotelTV.translation; - let _opening = HotelTV.opening; - let _roomservice = null; - let _carts = HotelTV.carts.roomservice; - let _scrollTopVal = 0; - let _elRsRoot = $(`.popup .roomservice`); - let _elRsMnRoot = $(`.popup .roomservice .menu`); - let _elRsMnItems = _elRsMnRoot.children('.items'); - let _elRsMnBtn = _elRsMnRoot.children('.buttons'); - let _elRsODRoot = _elRsMnRoot.children('.order-details'); - let _elRsMnDesc = $(`.popup .roomservice .description`); - - const _checkEmptyOrder = function(_object) { - for (__j = 1; __j <= _object.length; __j++) { - if (_object[__j].id) { - return false; - } - } - return true; - } - - const __fxn_fmvalue = function(_object, _key, _itemID) { - for (__j = 1; __j <= _object.length; __j++) { - if (_object[__j].id == _itemID) { - return _object[__j][_key]; - } - } - } - - if (!_opening.roomService) { - return; - } - _roomservice = _opening.roomService; - - if (_evt == "up") { - if (_state.hotkey.mm[_roomservice.button].status.focus == "table") { - let activeTableRow = _elRsMnItems.children('table').children('tr.active').prev(".table tr"); - if (activeTableRow.length) { - _elRsMnItems.children('table').children('tr.active').removeClass("active"); - activeTableRow.addClass('active'); - _state.hotkey.mm[_roomservice.button].status.last_CartTbl_idx = activeTableRow.prop('rowIndex'); - - _scrollTopVal = activeTableRow.prop('scrollHeight') * _state.hotkey.mm[_roomservice.button].status.last_CartTbl_idx; - _state.hotkey.mm[_roomservice.button].status.last_CartTbl_ScrOfset = _scrollTopVal; - _elRsMnItems.animate({ scrollTop: _scrollTopVal }, 200); - - //Activated된 테이블 레코드의 ID속성값 읽어오기 - let _ActiveItemID = activeTableRow.prop('id'); - //Description - _elRsMnDesc.children('.rstitle').text(__fxn_fmvalue(_roomservice.children, "title", _ActiveItemID)[_state.lang]); - _elRsMnDesc.children('.rscomment').text(__fxn_fmvalue(_roomservice.children, "description", _ActiveItemID)[_state.lang]); - _elRsMnDesc.children('.image').css('background-image', 'url(' + __fxn_fmvalue(_roomservice.children, "thumbnails", _ActiveItemID).files[_state.lang][1].download + ')'); - } - - if (_elRsMnRoot.css('box-shadow') == 'none') { - _elRsMnRoot.css('box-shadow', '0px 0px 30px rgba(0, 0, 0, 1)'); - _elRsRoot.animate({ backgroundColor: 'rgba(46,46,46,1.0)' }, 200, function() { - _elRsMnDesc.children('.title').text(__fxn_fmvalue(_roomservice, "title", activeTableRow.prop('id'))[_state.lang]); - _elRsMnDesc.show() - }); - } - } else if (_state.hotkey.mm[_roomservice.button].status.focus == "button") { - _elRsMnBtn.children('div').removeClass("active"); - if (_state.hotkey.mm[_roomservice.button].status.last_CartBtn_idx == "cancel") { - _state.hotkey.mm[_roomservice.button].status.last_CartBtn_idx = "details"; - _elRsMnBtn.children('div.details').addClass("active"); - - if (_elRsMnRoot.css('box-shadow') != 'none') { - _elRsMnRoot.css('box-shadow', 'none'); - _elRsRoot.animate({ backgroundColor: 'rgba(46,46,46,0.0)' }, 200, function() { _elRsMnDesc.hide() }); - } - } else if (_state.hotkey.mm[_roomservice.button].status.last_CartBtn_idx == "details") { - if (_checkEmptyOrder(_carts.items) == false) { - _state.hotkey.mm[_roomservice.button].status.last_CartBtn_idx = "order"; - _elRsMnBtn.children('div.order').addClass("active"); - - if (_elRsMnRoot.css('box-shadow') != 'none') { - _elRsMnRoot.css('box-shadow', 'none'); - _elRsRoot.animate({ backgroundColor: 'rgba(46,46,46,0.0)' }, 200, function() { _elRsMnDesc.hide() }); - } - } else { - _state.hotkey.mm[_roomservice.button].status.last_CartBtn_idx = null; - _state.hotkey.mm[_roomservice.button].status.focus = "table"; - _elRsMnItems.children('table').children('tr').eq(_state.hotkey.mm[_roomservice.button].status.last_CartTbl_idx).addClass('active'); - - //Activated된 테이블 레코드의 ID속성값 읽어오기 - let _ActiveItemID = _elRsMnItems.children('table').children('tr.active').prop('id'); - //Description - _elRsMnDesc.children('.rstitle').text(__fxn_fmvalue(_roomservice.children, "title", _ActiveItemID)[_state.lang]); - _elRsMnDesc.children('.rscomment').text(__fxn_fmvalue(_roomservice.children, "description", _ActiveItemID)[_state.lang]); - _elRsMnDesc.children('.image').css('background-image', 'url(' + __fxn_fmvalue(_roomservice.children, "thumbnails", _ActiveItemID).files[_state.lang][1].download + ')'); - - if (_elRsMnRoot.css('box-shadow') == 'none') { - _elRsMnRoot.css('box-shadow', '0px 0px 30px rgba(0, 0, 0, 1)'); - _elRsRoot.animate({ backgroundColor: 'rgba(46,46,46,1.0)' }, 200, function() { _elRsMnDesc.show() }); - } - } - } else { - _state.hotkey.mm[_roomservice.button].status.last_CartBtn_idx = null; - _state.hotkey.mm[_roomservice.button].status.focus = "table"; - _elRsMnItems.children('table').children('tr').eq(_state.hotkey.mm[_roomservice.button].status.last_CartTbl_idx).addClass('active'); - //Activated된 테이블 레코드의 ID속성값 읽어오기 - let _ActiveItemID = _elRsMnItems.children('table').children('tr.active').prop('id'); - //Description - _elRsMnDesc.children('.rstitle').text(__fxn_fmvalue(_roomservice.children, "title", _ActiveItemID)[_state.lang]); - _elRsMnDesc.children('.rscomment').text(__fxn_fmvalue(_roomservice.children, "description", _ActiveItemID)[_state.lang]); - _elRsMnDesc.children('.image').css('background-image', 'url(' + __fxn_fmvalue(_roomservice.children, "thumbnails", _ActiveItemID).files[_state.lang][1].download + ')'); - - if (_elRsMnRoot.css('box-shadow') == 'none') { - _elRsMnRoot.css('box-shadow', '0px 0px 30px rgba(0, 0, 0, 1)'); - _elRsRoot.animate({ backgroundColor: 'rgba(46,46,46,1.0)' }, 200, function() { - _elRsMnDesc.show() - }); - } - } - } else if (_state.hotkey.mm[_roomservice.button].status.focus == "order_details") { - - let activeTableRow = _elRsODRoot.children('.items').children('table').children('tr.active').prev(".table tr"); - if (activeTableRow.length) { - _elRsODRoot.children('.items').children('table').children('tr.active').removeClass("active"); - activeTableRow.addClass('active'); - _state.hotkey.mm[_roomservice.button].status.last_OrderTbl_idx = activeTableRow.prop('rowIndex'); - _scrollTopVal = activeTableRow.prop('scrollHeight') * _state.hotkey.mm[_roomservice.button].status.last_OrderTbl_idx; - _state.hotkey.mm[_roomservice.button].status.last_OrderTbl_ScrOfset = _scrollTopVal; - _elRsODRoot.children('.items').animate({ scrollTop: _scrollTopVal }, 200); - } - - if (_elRsMnRoot.css('box-shadow') != 'none') { - _elRsMnRoot.css('box-shadow', 'none'); - _elRsRoot.animate({ backgroundColor: 'rgba(46,46,46,0.0)' }, 200, function() { _elRsMnDesc.hide() }); - } - } - console.log(`STATUS::> ${JSON.stringify(_state.hotkey.mm[_roomservice.button].status)}`); - } else if (_evt == "down") { - if (_state.hotkey.mm[_roomservice.button].status.focus == "table") { - let activeTableRow = _elRsMnItems.children('table').children('tr.active').next(".table tr"); - if (activeTableRow.length) { - _elRsMnItems.children('table').children('tr.active').removeClass("active"); - activeTableRow.addClass('active'); - _state.hotkey.mm[_roomservice.button].status.last_CartTbl_idx = activeTableRow.prop('rowIndex'); - _scrollTopVal = activeTableRow.prop('scrollHeight') * _state.hotkey.mm[_roomservice.button].status.last_CartTbl_idx; - _state.hotkey.mm[_roomservice.button].status.last_CartTbl_ScrOfset = _scrollTopVal; - _elRsMnItems.animate({ scrollTop: _scrollTopVal }, 200); - - //Activated된 테이블 레코드의 ID속성값 읽어오기 - let _ActiveItemID = activeTableRow.prop('id'); - //Description - _elRsMnDesc.children('.rstitle').text(__fxn_fmvalue(_roomservice.children, "title", _ActiveItemID)[_state.lang]); - _elRsMnDesc.children('.rscomment').text(__fxn_fmvalue(_roomservice.children, "description", _ActiveItemID)[_state.lang]); - _elRsMnDesc.children('.image').css('background-image', 'url(' + __fxn_fmvalue(_roomservice.children, "thumbnails", _ActiveItemID).files[_state.lang][1].download + ')'); - - if (_elRsMnRoot.css('box-shadow') == 'none') { - _elRsMnRoot.css('box-shadow', '0px 0px 30px rgba(0, 0, 0, 1)'); - _elRsRoot.animate({ backgroundColor: 'rgba(46,46,46,1.0)' }, 200, function() { _elRsMnDesc.show() }); - } - } else { - _state.hotkey.mm[_roomservice.button].status.focus = "button"; - if (!_state.hotkey.mm[_roomservice.button].status.last_CartBtn_idx) { - _elRsMnItems.children('table').children('tr.active').removeClass("active"); - _elRsMnBtn.children('div').removeClass("active"); - if (_checkEmptyOrder(_carts.items) == false) { - _state.hotkey.mm[_roomservice.button].status.last_CartBtn_idx = "order"; - _elRsMnBtn.children('div.order').addClass("active"); - } else { - _state.hotkey.mm[_roomservice.button].status.last_CartBtn_idx = "details"; - _elRsMnBtn.children('div.details').addClass("active"); - } - } - - if (_elRsMnRoot.css('box-shadow') != 'none') { - _elRsMnRoot.css('box-shadow', 'none'); - _elRsRoot.animate({ backgroundColor: 'rgba(46,46,46,0.0)' }, 200, function() { _elRsMnDesc.hide() }); - } - } - } else if (_state.hotkey.mm[_roomservice.button].status.focus == "button") { - if (_state.hotkey.mm[_roomservice.button].status.last_CartBtn_idx == "order") { - _elRsMnBtn.children('div').removeClass("active"); - _state.hotkey.mm[_roomservice.button].status.last_CartBtn_idx = "details"; - _elRsMnBtn.children('div.details').addClass("active"); - } else if (_state.hotkey.mm[_roomservice.button].status.last_CartBtn_idx == "details") { - _elRsMnBtn.children('div').removeClass("active"); - _state.hotkey.mm[_roomservice.button].status.last_CartBtn_idx = "cancel"; - _elRsMnBtn.children('div.cancel').addClass("active"); - } - - if (_elRsMnRoot.css('box-shadow') != 'none') { - _elRsMnRoot.css('box-shadow', 'none'); - _elRsRoot.animate({ backgroundColor: 'rgba(46,46,46,0.0)' }, 200, function() { _elRsMnDesc.hide() }); - } - } else if (_state.hotkey.mm[_roomservice.button].status.focus == "order_details") { - let activeTableRow = _elRsODRoot.children('.items').children('table').children('tr.active').next(".table tr"); - if (activeTableRow.length) { - _elRsODRoot.children('.items').children('table').children('tr.active').removeClass("active"); - activeTableRow.addClass('active'); - _state.hotkey.mm[_roomservice.button].status.last_OrderTbl_idx = activeTableRow.prop('rowIndex'); - _scrollTopVal = activeTableRow.prop('scrollHeight') * _state.hotkey.mm[_roomservice.button].status.last_OrderTbl_idx; - _state.hotkey.mm[_roomservice.button].status.last_OrderTbl_ScrOfset = _scrollTopVal; - _elRsODRoot.children('.items').animate({ scrollTop: _scrollTopVal }, 200); - } - - if (_elRsMnRoot.css('box-shadow') != 'none') { - _elRsMnRoot.css('box-shadow', 'none'); - _elRsRoot.animate({ backgroundColor: 'rgba(46,46,46,0.0)' }, 200, function() { _elRsMnDesc.hide() }); - } - } - console.log(`STATUS::> ${JSON.stringify(_state.hotkey.mm[_roomservice.button].status)}`); - } else if (_evt == "enter") { - _state.hotkey.mm[_roomservice.button].status.focus = "order_details"; - } else if (_evt == "back") { - _state.hotkey.mm[_roomservice.button].status.focus = "button"; - _elRsMnBtn.children('div').removeClass("active"); - _state.hotkey.mm[_roomservice.button].status.last_CartBtn_idx = "details"; - _elRsMnBtn.children('div.details').addClass("active"); - _elRsODRoot.children('.items').children('table').children('tr').removeClass("active"); - _elRsODRoot.children('.items').children('table').children('tr').first().addClass('active'); - - //_scrollTopVal = activeTableRow.prop('scrollHeight') * _state.hotkey.mm[_roomservice.button].status.last_OrderTbl_idx; - _elRsODRoot.children('.items').animate({ scrollTop: 0 }, 200); - - // Flush CART - if (_isFlushCart == true && HotelTV.carts.roomservice.items) { - let _cartsItems = HotelTV.carts.roomservice.items; - for (_k = 1; _k <= _cartsItems.length; _k++) { - if (_cartsItems[_k].id) { - try { - let _result = await HotelTV.api.DeleteRoomserviceCarts(_cartsItems[_k].id); - if (_result) { - console.log(`Success to flush CARTID::> ${_cartsItems[_k].id}`); - } else { - console.log(`Fail to flush CARTID::> ${_cartsItems[_k].id}`); - } - } catch (_error) { - console.log(`Fail to call API::> ${_error}`); - } - } - } - __uifxn_AppFull_DrawRoomserviceItem(); - - _elRsMnBtn.children('div').removeClass("active"); - - _state.hotkey.mm[_roomservice.button].status.last_CartBtn_idx = null; - _state.hotkey.mm[_roomservice.button].status.focus = "table"; - _elRsMnItems.children('table').children('tr').eq(_state.hotkey.mm[_roomservice.button].status.last_CartTbl_idx).addClass('active'); - - //Activated된 테이블 레코드의 ID속성값 읽어오기 - let _ActiveItemID = _elRsMnItems.children('table').children('tr.active').prop('id'); - //Description - _elRsMnDesc.children('.rstitle').text(__fxn_fmvalue(_roomservice.children, "title", _ActiveItemID)[_state.lang]); - _elRsMnDesc.children('.rscomment').text(__fxn_fmvalue(_roomservice.children, "description", _ActiveItemID)[_state.lang]); - _elRsMnDesc.children('.image').css('background-image', 'url(' + __fxn_fmvalue(_roomservice.children, "thumbnails", _ActiveItemID).files[_state.lang][1].download + ')'); - - if (_elRsMnRoot.css('box-shadow') == 'none') { - _elRsMnRoot.css('box-shadow', '0px 0px 30px rgba(0, 0, 0, 1)'); - _elRsRoot.animate({ backgroundColor: 'rgba(46,46,46,1.0)' }, 200, function() { _elRsMnDesc.show() }); - } - - // _elRsMnItems.animate({ scrollTop: 0 }, 200); - // _state.hotkey.mm[_roomservice.button].status.focus = "table"; - // _elRsMnBtn.children('div').removeClass("active"); - } - } else if (_evt == "reset") { - _state.hotkey.mm[_roomservice.button].status = { - "focus": "table", - "last_CartTbl_ScrOfset": 0, - "last_CartTbl_idx": 0, - "last_CartBtn_idx": null, - "last_OrderTbl_ScrOfset": 0, - "last_OrderTbl_idx": 0, - }; - _elRsMnBtn.children('div').removeClass("active"); - _elRsMnItems.children('table').children('tr').removeClass("active"); - _elRsMnItems.children('table').children('tr').first().addClass('active'); - _elRsODRoot.children('.items').children('table').children('tr').removeClass("active"); - _elRsODRoot.children('.items').children('table').children('tr').first().addClass('active'); - - if (_elRsMnRoot.css('box-shadow') == 'none') { - $('.popup .roomservice .menu').css('box-shadow', '0px 0px 30px rgba(0, 0, 0, 1)'); - $('.popup .roomservice').animate({ backgroundColor: 'rgba(46,46,46,1.0)' }, 200, function() { $('.popup .roomservice .description').show() }); - } - - //Activated된 테이블 레코드의 ID속성값 읽어오기 - let _ActiveItemID = _elRsMnRoot.children(`.items`).children('table').children('tr.active').prop('id'); - //Description - _elRsMnDesc.children('.rstitle').text(__fxn_fmvalue(_roomservice.children, "title", _ActiveItemID)[_state.lang]); - _elRsMnDesc.children('.rscomment').text(__fxn_fmvalue(_roomservice.children, "description", _ActiveItemID)[_state.lang]); - _elRsMnDesc.children('.image').css('background-image', 'url(' + __fxn_fmvalue(_roomservice.children, "thumbnails", _ActiveItemID).files[_state.lang][1].download + ')'); - - // Flush CART - if (_isFlushCart == true && HotelTV.carts.roomservice.items) { - let _cartsItems = HotelTV.carts.roomservice.items; - for (_k = 1; _k <= _cartsItems.length; _k++) { - if (_cartsItems[_k].id) { - try { - let _result = await HotelTV.api.DeleteRoomserviceCarts(_cartsItems[_k].id); - if (_result) { - console.log(`Success to flush CARTID::> ${_cartsItems[_k].id}`); - } else { - console.log(`Fail to flush CARTID::> ${_cartsItems[_k].id}`); - } - } catch (_error) { - console.log(`Fail to call API::> ${_error}`); - } - } - } - __uifxn_AppFull_DrawRoomserviceItem(); - } - - // Order - if (_isDoOrder == true && HotelTV.carts.roomservice.items) { - try { - let _result = await HotelTV.api.PutRoomserviceOrders(); - if (_result) { - console.log(`Success to order CARTID::>`); - __uifxn_AppFull_DrawRoomserviceItem(); - } else { - console.log(`Fail to order CARTID::>`); - } - } catch (_error) { - console.log(`Fail to call API::> ${_error}`); - } - } - } else if (_evt == "add") { - if (_state.hotkey.mm[_roomservice.button].status.focus == "table") { - let activedTableRow = _elRsMnItems.children('table').children('tr.active'); - let _sel_itemID = activedTableRow.attr('id'); - try { - let _result = await HotelTV.api.PutRoomserviceCarts(_sel_itemID, 1); - if (_result) { - __uifxn_AppFull_DrawRoomserviceItem(); - } - } catch (_error) { - console.log(`Fail to call API::> ${_error}`); - } - } - } else if (_evt == "del") { - if (_state.hotkey.mm[_roomservice.button].status.focus == "table") { - let activedTableRow = _elRsMnItems.children('table').children('tr.active'); - let _sel_itemID = activedTableRow.attr('id'); - try { - let _result = await HotelTV.api.PutRoomserviceCarts(_sel_itemID, -1); - if (_result) { - __uifxn_AppFull_DrawRoomserviceItem(); - } - } catch (_error) { - console.log(`Fail to call API::> ${_error}`); - } - } - } + return; } /** @@ -2059,10 +1921,25 @@ HotelTV.ui_appfull = (function() { } if (_need_to_changeTVChannel == true) { + let _chReqParam = {}; console.log(`CHANGE::TVCTG[${_tvProg[_tvCtgIdx].name}]` + ` CUR CH IDX::>${_tvChIdx} EPGID: ${_tvChInfo.epg_id} URL::>${_tvChInfo.url} TMDIFF::>${_tm_diff_ms}`); - + if (_tvChInfo.type == "ptcrf") { + // RF + _chReqParam['rf'] = { + "type": _tvChInfo.RFType, + "major": _tvChInfo.majorNo, + "minor": _tvChInfo.minorNo, + "program": _tvChInfo.programNo, + "frequency": 0, + }; + } else if (_tvChInfo.type == "ipstream") { + // IP STREAM URL + } else if (_tvChInfo.type == "encoder") { + // ENCODER + } + HotelTV.hcap.ChannelSetup(_tvChInfo.type, _chReqParam); //TODO: 아래 실제 채널 셋업 부분 주석처리 되어 있는데, IP와 RF모두 처리 할 수 있도록 구현할것 //let _uri_stream = _tvChInfo.url.split('://@')[1]; @@ -3028,7 +2905,7 @@ HotelTV.ui_appfull = (function() { return; } else if (_state.menu.stage == "tvCtgHide") { //HIDE NEWS and USER GUIDE TIPS - if (_newsInfo == null || newsInfo.length == 0) { + if (_newsInfo == null || _newsInfo.length == 0) { if ($('.news').css('display') != "none") { $('.news').hide(); } @@ -3629,7 +3506,7 @@ HotelTV.ui_appfull = (function() { __uifxn_AppFull_BuildBrochure(); //Build Amenity - __uifxn_AppFull_BuildAmenity(); + //__uifxn_AppFull_BuildAmenity(); //Build Room Service __uifxn_AppFull_BuildRoomService(); @@ -3743,6 +3620,7 @@ HotelTV.ui_appfull = (function() { $('.popup .roomservice').show(0, function() { $('.popup .roomservice').animate({ top: 96, left: 64 }, 500, () => { _state.menu.stage = "hotkey_mm_roomservice"; + __uifxn_AppFull_DrawRoomserviceItem(true); __uifxn_AppFull_ShowMMHotKeyBtn(false); }); }); @@ -3770,6 +3648,7 @@ HotelTV.ui_appfull = (function() { $('.popup .roomservice').show(0, function() { $('.popup .roomservice').animate({ top: 96, left: 64 }, 500, () => { _state.menu.stage = "hotkey_mm_roomservice"; + __uifxn_AppFull_DrawRoomserviceItem(true); __uifxn_AppFull_ShowMMHotKeyBtn(false); }); }); @@ -3797,6 +3676,7 @@ HotelTV.ui_appfull = (function() { $('.popup .roomservice').show(0, function() { $('.popup .roomservice').animate({ top: 96, left: 64 }, 500, () => { _state.menu.stage = "hotkey_mm_roomservice"; + __uifxn_AppFull_DrawRoomserviceItem(true); __uifxn_AppFull_ShowMMHotKeyBtn(false); }); }); @@ -3824,6 +3704,7 @@ HotelTV.ui_appfull = (function() { $('.popup .roomservice').show(0, function() { $('.popup .roomservice').animate({ top: 96, left: 64 }, 500, () => { _state.menu.stage = "hotkey_mm_roomservice"; + __uifxn_AppFull_DrawRoomserviceItem(true); __uifxn_AppFull_ShowMMHotKeyBtn(false); }); }); @@ -3848,6 +3729,7 @@ HotelTV.ui_appfull = (function() { $('.popup .roomservice').show(0, function() { $('.popup .roomservice').animate({ top: 96, left: 64 }, 500, () => { _state.menu.stage = "hotkey_mm_roomservice"; + __uifxn_AppFull_DrawRoomserviceItem(true); __uifxn_AppFull_ShowMMHotKeyBtn(false); }); }); @@ -3944,16 +3826,16 @@ HotelTV.ui_appfull = (function() { }); } } else if (_state.menu.stage == "hotkey_mm_amenity") { - console.log("HOTKEY(MM:AMENITY) KEY EVENT::> " + _evt.keyCode); + console.log("HOTKEY(MM:AMENITY: MENU) KEY EVENT::> " + _evt.keyCode); if (_evt.keyCode == 37) { console.log("LEFT"); - __uifxn_AppFull_HandleAmenity("del", false, false); + __uifxn_AppFull_HandleAmenity("left", false, false); } else if (_evt.keyCode == 38) { console.log("UP"); __uifxn_AppFull_HandleAmenity("up", false, false); } else if (_evt.keyCode == 39) { console.log("RIGHT"); - __uifxn_AppFull_HandleAmenity("add", false, false); + __uifxn_AppFull_HandleAmenity("right", false, false); } else if (_evt.keyCode == 40) { console.log("DOWN"); __uifxn_AppFull_HandleAmenity("down", false, false); @@ -4006,7 +3888,7 @@ HotelTV.ui_appfull = (function() { }); } } else if (_state.menu.stage == "hotkey_mm_amenity_order_details") { - console.log("HOTKEY(MM:ROOMSERVICE) KEY EVENT::> " + _evt.keyCode); + console.log("HOTKEY(MM:AMENITY:ORDER_DETAILS) KEY EVENT::> " + _evt.keyCode); if (_evt.keyCode == 37) { console.log("LEFT"); } else if (_evt.keyCode == 38) { @@ -4033,80 +3915,29 @@ HotelTV.ui_appfull = (function() { }); } } else if (_state.menu.stage == "hotkey_mm_roomservice") { - console.log("HOTKEY(MM:ROOMSERVICE) KEY EVENT::> " + _evt.keyCode); + console.log("HOTKEY(MM:ROOMSERVICE: MENU) KEY EVENT::> " + _evt.keyCode); if (_evt.keyCode == 37) { - console.log("LEFT"); - __uifxn_AppFull_HandleRoomservice("del", false, false); + console.log("ROOMSERVICE::>LEFT"); + __uifxn_AppFull_HandleRoomservice("left", false, false, null); } else if (_evt.keyCode == 38) { - console.log("UP"); - __uifxn_AppFull_HandleRoomservice("up", false, false); + console.log("ROOMSERVICE::>UP"); + __uifxn_AppFull_HandleRoomservice("up", false, false, null); } else if (_evt.keyCode == 39) { - console.log("RIGHT"); - __uifxn_AppFull_HandleRoomservice("add", false, false); + console.log("ROOMSERVICE::>RIGHT"); + __uifxn_AppFull_HandleRoomservice("right", false, false, null); } else if (_evt.keyCode == 40) { - console.log("DOWN"); - __uifxn_AppFull_HandleRoomservice("down", false, false); + console.log("ROOMSERVICE::>DOWN"); + __uifxn_AppFull_HandleRoomservice("down", false, false, null); } else if (_evt.keyCode == 13) { - console.log("ENTER"); - if (_state.hotkey.mm[_opening.roomService.button].status.last_CartBtn_idx == "cancel") { - let _elRsMnRoot = $(`.popup .roomservice`); - // Move to top of item list - __uifxn_AppFull_HandleRoomservice("back", true, false); - } else if (_state.hotkey.mm[_opening.roomService.button].status.last_CartBtn_idx == "order") { - let _elRsMnRoot = $(`.popup .roomservice`); - _elRsMnRoot.children('.menu').animate({ scrollTop: 0 }, 0); - _elRsMnRoot.animate({ top: 96, left: -560 }, 500, () => { - _elRsMnRoot.children('.menu').children('.items').animate({ scrollTop: 0 }, 0, () => { - _state.menu.stage = "main"; - _elRsMnRoot.hide(0, 'linear', () => { - // HOTKEY STATUS 리셋 - __uifxn_AppFull_HandleRoomservice("reset", false, true); - __uifxn_AppFull_ShowMMHotKeyBtn(true); - }); - }); - }); - } else if (_state.hotkey.mm[_opening.roomService.button].status.last_CartBtn_idx == "details") { - let _elRsMnRoot = $(`.popup .roomservice .menu`); - _elRsMnRoot.animate({ scrollTop: _elRsMnRoot.prop('offsetHeight') }, 500, () => { - // scroll to show roomservice order details - __uifxn_AppFull_HandleRoomservice("enter", false, false); - _state.menu.stage = "hotkey_mm_roomservice_order_details"; - __uifxn_AppFull_BuildRoomserviceOrderDetails(); - }); - } - } else if (_evt.keyCode == 461) { - let _elRsMnRoot = $(`.popup .roomservice`); - _elRsMnRoot.animate({ top: 96, left: -560 }, 500, () => { - // Move to top of item list - _elRsMnRoot.children('.menu').children('.items').animate({ scrollTop: 0 }, 0, () => { - _state.menu.stage = "main"; - _elRsMnRoot.hide(0, 'linear', () => { - // HOTKEY STATUS 리셋 - __uifxn_AppFull_HandleRoomservice("reset", true, false); - __uifxn_AppFull_ShowMMHotKeyBtn(true); - }); - }); + console.log("ROOMSERVICE::>ENTER"); + __uifxn_AppFull_HandleRoomservice("enter", false, false, function() { + _state.menu.stage = "main"; + __uifxn_AppFull_ShowMMHotKeyBtn(true); }); - } - } else if (_state.menu.stage == "hotkey_mm_roomservice_order_details") { - console.log("HOTKEY(MM:ROOMSERVICE) KEY EVENT::> " + _evt.keyCode); - if (_evt.keyCode == 37) { - console.log("LEFT"); - } else if (_evt.keyCode == 38) { - console.log("UP"); - __uifxn_AppFull_HandleRoomservice("up", false, false); - } else if (_evt.keyCode == 39) { - console.log("RIGHT"); - } else if (_evt.keyCode == 40) { - console.log("DOWN"); - __uifxn_AppFull_HandleRoomservice("down", false, false); } else if (_evt.keyCode == 461) { - $('.popup .roomservice .menu').animate({ scrollTop: 0 }, 500, () => { - // Move to top of item list - $('.popup .roomservice .menu>.items').animate({ scrollTop: _state.hotkey.mm[_opening.roomService.button].status.last_CartTbl_ScrOfset }, 500, () => { - _state.menu.stage = "hotkey_mm_roomservice"; - __uifxn_AppFull_HandleRoomservice("back", false, false); - }); + __uifxn_AppFull_HandleRoomservice("back", true, false, function() { + _state.menu.stage = "main"; + __uifxn_AppFull_ShowMMHotKeyBtn(true); }); } }