issue #10 #11 Add language selection feature.

2024-06-02 15:31:53 +09:00
parent bc7ea606f8
commit a069902c86
8 changed files with 471 additions and 2 deletions
--- a/procentric/application/theme/HIM00001/hoteltv.app.full.popup.css
+++ b/procentric/application/theme/HIM00001/hoteltv.app.full.popup.css
@@ -2829,6 +2829,72 @@
 }


+/********************************************************************************/
+/* LANGUAGE SELECTION STYLE                                           [ START ] */
+/********************************************************************************/
+.popup>.lang_selection {
+    position: absolute;
+    top: 0%;
+    left: 0%;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0,0,0,0.4);
+    display: none;
+    z-index: 3;
+}
+
+.popup>.lang_selection .selector {
+    position: absolute;
+    top: 23%;
+    left: 36%;
+    width: 26%;
+    height: 52%;
+    display: block;
+    background-color: rgba(51,61,67,1);
+    padding: 20px 20px 20px 20px;
+}
+
+
+.popup>.lang_selection .selector .title {
+    width: 100%;
+    line-height: 50px;
+    font-size: 40px;
+    color: rgb(244,244,244);
+    border-bottom: 2px solid rgba(121,121,121,1);
+    padding: 0px 0px 10px 0px;
+}
+.popup>.lang_selection .selector .usage {
+    width: 100%;
+    line-height: 24px;
+    font-size: 20px;
+    color: rgb(135,139,147);
+    padding: 20px 0px 10px 0px;
+}
+
+.popup>.lang_selection .selector .buttons {
+    width: 100%;
+}
+
+.popup>.lang_selection .selector .buttons .langBtn {
+    width: 100%;
+    line-height: 44px;
+    font-size: 32px;
+    text-align: center;
+    margin: 15px 0px 15px 0px;
+    color: rgb(245,245,245);
+    background-color: rgb(31,34,40);
+    border-radius: 10px;
+    border: 2px solid rgba(121,121,121,1);
+}
+
+.popup>.lang_selection .selector .buttons .langBtn.focus {
+    border: 2px solid rgb(173, 255, 47);;
+}
+
+/********************************************************************************/
+/* LANGUAGE SELECTION STYLE                                             [ END ] */
+/********************************************************************************/
+
 /* Notification Style */

 .popup>.notification {
--- a/procentric/application/theme/HIN00001/hoteltv.app.full.popup.css
+++ b/procentric/application/theme/HIN00001/hoteltv.app.full.popup.css
@@ -2829,6 +2829,72 @@
 }


+/********************************************************************************/
+/* LANGUAGE SELECTION STYLE                                           [ START ] */
+/********************************************************************************/
+.popup>.lang_selection {
+    position: absolute;
+    top: 0%;
+    left: 0%;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0,0,0,0.4);
+    display: none;
+    z-index: 3;
+}
+
+.popup>.lang_selection .selector {
+    position: absolute;
+    top: 23%;
+    left: 36%;
+    width: 26%;
+    height: 52%;
+    display: block;
+    background-color: rgba(51,61,67,1);
+    padding: 20px 20px 20px 20px;
+}
+
+
+.popup>.lang_selection .selector .title {
+    width: 100%;
+    line-height: 50px;
+    font-size: 40px;
+    color: rgb(244,244,244);
+    border-bottom: 2px solid rgba(121,121,121,1);
+    padding: 0px 0px 10px 0px;
+}
+.popup>.lang_selection .selector .usage {
+    width: 100%;
+    line-height: 24px;
+    font-size: 20px;
+    color: rgb(135,139,147);
+    padding: 20px 0px 10px 0px;
+}
+
+.popup>.lang_selection .selector .buttons {
+    width: 100%;
+}
+
+.popup>.lang_selection .selector .buttons .langBtn {
+    width: 100%;
+    line-height: 44px;
+    font-size: 32px;
+    text-align: center;
+    margin: 15px 0px 15px 0px;
+    color: rgb(245,245,245);
+    background-color: rgb(31,34,40);
+    border-radius: 10px;
+    border: 2px solid rgba(121,121,121,1);
+}
+
+.popup>.lang_selection .selector .buttons .langBtn.focus {
+    border: 2px solid rgb(173, 255, 47);;
+}
+
+/********************************************************************************/
+/* LANGUAGE SELECTION STYLE                                             [ END ] */
+/********************************************************************************/
+
 /* Notification Style */

 .popup>.notification {
--- a/procentric/application/theme/HJS00001/hoteltv.app.full.popup.css
+++ b/procentric/application/theme/HJS00001/hoteltv.app.full.popup.css
@@ -2829,6 +2829,72 @@
 }


+/********************************************************************************/
+/* LANGUAGE SELECTION STYLE                                           [ START ] */
+/********************************************************************************/
+.popup>.lang_selection {
+    position: absolute;
+    top: 0%;
+    left: 0%;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0,0,0,0.4);
+    display: none;
+    z-index: 3;
+}
+
+.popup>.lang_selection .selector {
+    position: absolute;
+    top: 23%;
+    left: 36%;
+    width: 26%;
+    height: 52%;
+    display: block;
+    background-color: rgba(51,61,67,1);
+    padding: 20px 20px 20px 20px;
+}
+
+
+.popup>.lang_selection .selector .title {
+    width: 100%;
+    line-height: 50px;
+    font-size: 40px;
+    color: rgb(244,244,244);
+    border-bottom: 2px solid rgba(121,121,121,1);
+    padding: 0px 0px 10px 0px;
+}
+.popup>.lang_selection .selector .usage {
+    width: 100%;
+    line-height: 24px;
+    font-size: 20px;
+    color: rgb(135,139,147);
+    padding: 20px 0px 10px 0px;
+}
+
+.popup>.lang_selection .selector .buttons {
+    width: 100%;
+}
+
+.popup>.lang_selection .selector .buttons .langBtn {
+    width: 100%;
+    line-height: 44px;
+    font-size: 32px;
+    text-align: center;
+    margin: 15px 0px 15px 0px;
+    color: rgb(245,245,245);
+    background-color: rgb(31,34,40);
+    border-radius: 10px;
+    border: 2px solid rgba(121,121,121,1);
+}
+
+.popup>.lang_selection .selector .buttons .langBtn.focus {
+    border: 2px solid rgb(173, 255, 47);;
+}
+
+/********************************************************************************/
+/* LANGUAGE SELECTION STYLE                                             [ END ] */
+/********************************************************************************/
+
 /* Notification Style */

 .popup>.notification {
--- a/procentric/application/theme/HTL00001/hoteltv.app.full.popup.css
+++ b/procentric/application/theme/HTL00001/hoteltv.app.full.popup.css
@@ -2829,6 +2829,72 @@
 }


+/********************************************************************************/
+/* LANGUAGE SELECTION STYLE                                           [ START ] */
+/********************************************************************************/
+.popup>.lang_selection {
+    position: absolute;
+    top: 0%;
+    left: 0%;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0,0,0,0.4);
+    display: none;
+    z-index: 3;
+}
+
+.popup>.lang_selection .selector {
+    position: absolute;
+    top: 23%;
+    left: 36%;
+    width: 26%;
+    height: 52%;
+    display: block;
+    background-color: rgba(51,61,67,1);
+    padding: 20px 20px 20px 20px;
+}
+
+
+.popup>.lang_selection .selector .title {
+    width: 100%;
+    line-height: 50px;
+    font-size: 40px;
+    color: rgb(244,244,244);
+    border-bottom: 2px solid rgba(121,121,121,1);
+    padding: 0px 0px 10px 0px;
+}
+.popup>.lang_selection .selector .usage {
+    width: 100%;
+    line-height: 24px;
+    font-size: 20px;
+    color: rgb(135,139,147);
+    padding: 20px 0px 10px 0px;
+}
+
+.popup>.lang_selection .selector .buttons {
+    width: 100%;
+}
+
+.popup>.lang_selection .selector .buttons .langBtn {
+    width: 100%;
+    line-height: 44px;
+    font-size: 32px;
+    text-align: center;
+    margin: 15px 0px 15px 0px;
+    color: rgb(245,245,245);
+    background-color: rgb(31,34,40);
+    border-radius: 10px;
+    border: 2px solid rgba(121,121,121,1);
+}
+
+.popup>.lang_selection .selector .buttons .langBtn.focus {
+    border: 2px solid rgb(173, 255, 47);;
+}
+
+/********************************************************************************/
+/* LANGUAGE SELECTION STYLE                                             [ END ] */
+/********************************************************************************/
+
 /* Notification Style */

 .popup>.notification {