Compare commits
13 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
123c9d794d | ||
|
|
91cd321a59 | ||
|
|
baf7697664 | ||
|
|
16ecff93d8 | ||
|
|
f2e0890c3d | ||
|
|
98e8db71fe | ||
|
|
69152b57cd | ||
|
|
e92391bf7e | ||
|
|
8a263ced1a | ||
|
|
3fbfe72287 | ||
|
|
e4176696a3 | ||
|
|
a069902c86 | ||
|
|
bc7ea606f8 |
@@ -3,11 +3,11 @@
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<link rel="stylesheet" href="/procentric/application/theme/hoteltv.ui_utils.css">
|
||||
<link rel="stylesheet" href="/procentric/application/theme/hoteltv.error.css">
|
||||
<link rel="stylesheet" href="/procentric/application/css/owlcarousel/owl.carousel.min.css">
|
||||
<link rel="stylesheet" href="/procentric/application/css/owlcarousel/owl.theme.default.min.css">
|
||||
<link rel="stylesheet" href="/procentric/application/css/acmeticker/style.css">
|
||||
<link rel="stylesheet" href="./theme/hoteltv.ui_utils.css">
|
||||
<link rel="stylesheet" href="./theme/hoteltv.error.css">
|
||||
<link rel="stylesheet" href="./css/owlcarousel/owl.carousel.min.css">
|
||||
<link rel="stylesheet" href="./css/owlcarousel/owl.theme.default.min.css">
|
||||
<link rel="stylesheet" href="./css/acmeticker/style.css">
|
||||
<title>CENTIRM LG-PROCENTRIC HOTEL SERVICE</title>
|
||||
</head>
|
||||
|
||||
@@ -116,9 +116,31 @@
|
||||
|
||||
<div class="tv">
|
||||
<div class="bg">
|
||||
<div class="owl-carousel owl-theme" id="lst_tvCtgbg"></div>
|
||||
<div class="owl-carousel owl-theme" id="lst_tvCtgyFrm"></div>
|
||||
<div class="chFrm">
|
||||
<div class="chLogo">
|
||||
<div id="icon"></div>
|
||||
</div>
|
||||
<div class="shortcut">
|
||||
<div class="chNum">
|
||||
<div id="arrow_up"></div>
|
||||
<div id="number"></div>
|
||||
<div id="arrow_down"></div>
|
||||
</div>
|
||||
<div class="chDesc">
|
||||
<div id="epg_chname"></div>
|
||||
<div id="epg_title"></div>
|
||||
<div id="epg_details">
|
||||
<div id="tm_current"></div>
|
||||
<div id="tm_playing"></div>
|
||||
<div id="tm_chart">
|
||||
<div class="progress"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="shortcut_mode0"></div>
|
||||
<div class="shortcut_mode1">
|
||||
<div id="suggestion">
|
||||
<table class="ch_list">
|
||||
<tbody id="record"></tbody>
|
||||
@@ -284,6 +306,13 @@
|
||||
<span id="btn_back"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lang_selection">
|
||||
<div class="selector">
|
||||
<div class="title"></div>
|
||||
<div class="usage"></div>
|
||||
<div class="buttons"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="notification">
|
||||
<div class="balloon right"><span id="message"></span></div>
|
||||
</div>
|
||||
@@ -336,28 +365,28 @@
|
||||
|
||||
|
||||
<!-- Standard & 3rd party Library -->
|
||||
<script src="/procentric/application/lib/jquery-3.6.0.min.js"></script>
|
||||
<script src="/procentric/application/lib/jquery.color-2.1.2.min.js"></script>
|
||||
<script src="/procentric/application/lib/jquery.webticker.min.js"></script>
|
||||
<script src="/procentric/application/lib/xml2json.js"></script>
|
||||
<script src="/procentric/application/lib/owl.carousel.min.js"></script>
|
||||
<script src="./lib/jquery-3.6.0.min.js"></script>
|
||||
<script src="./lib/jquery.color-2.1.2.min.js"></script>
|
||||
<script src="./lib/jquery.webticker.min.js"></script>
|
||||
<script src="./lib/xml2json.js"></script>
|
||||
<script src="./lib/owl.carousel.min.js"></script>
|
||||
|
||||
<!-- LG HCAP Library -->
|
||||
<script src="/procentric/application/lib/hcap.js"></script>
|
||||
<script src="/procentric/application/lib/idcap.js"></script>
|
||||
<script src="./lib/hcap.js"></script>
|
||||
<script src="./lib/idcap.js"></script>
|
||||
|
||||
<!-- CENTIRM HOTELTV Library -->
|
||||
<script src="/procentric/application/lib/hoteltv.js"></script>
|
||||
<script src="/procentric/application/lib/hoteltv.ui_utils.js"></script>
|
||||
<script src="/procentric/application/lib/hoteltv.ui_appfull.js"></script>
|
||||
<script src="/procentric/application/lib/hoteltv.hcap.js"></script>
|
||||
<script src="/procentric/application/lib/hoteltv.api.js"></script>
|
||||
<script src="./lib/hoteltv.js"></script>
|
||||
<script src="./lib/hoteltv.ui_utils.js"></script>
|
||||
<script src="./lib/hoteltv.ui_appfull.js"></script>
|
||||
<script src="./lib/hoteltv.hcap.js"></script>
|
||||
<script src="./lib/hoteltv.api.js"></script>
|
||||
|
||||
<!-- MQTT Library -->
|
||||
<script src="/procentric/application/lib/mqtt.min.js"></script>
|
||||
<script src="./lib/mqtt.min.js"></script>
|
||||
|
||||
<!-- ACMETICKER Library -->
|
||||
<script src="/procentric/application/lib/acmeticker.js"></script>
|
||||
<script src="./lib/acmeticker.js"></script>
|
||||
|
||||
|
||||
<script>
|
||||
@@ -381,7 +410,7 @@
|
||||
"/hoteltv.app.full.popup.css"];
|
||||
for ( let _idx=0; _idx<needed_css_files.length; _idx++ )
|
||||
{
|
||||
$('head:first').append('<link rel="stylesheet" type="text/css" href="/procentric/application/theme/'
|
||||
$('head:first').append('<link rel="stylesheet" type="text/css" href="./theme/'
|
||||
+ HotelTV.state['theme_root'] + needed_css_files[_idx] + '" />');
|
||||
}
|
||||
console.log("Documents loaded...")
|
||||
@@ -410,10 +439,10 @@
|
||||
}
|
||||
break;
|
||||
case 409:
|
||||
HotelTV.hcap.PwrOff();
|
||||
HotelTV.hal.PwrOff();
|
||||
break;
|
||||
case 457: // INFO Key
|
||||
HotelTV.hcap.GetScrshot();
|
||||
HotelTV.hal.GetScrshot();
|
||||
break;
|
||||
default:
|
||||
//console.log(`KEY::${e.keyCode}`);
|
||||
|
||||
@@ -3,8 +3,8 @@
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<link rel="stylesheet" href="/procentric/application/theme/hoteltv.ui_utils.css">
|
||||
<link rel="stylesheet" href="/procentric/application/theme/hoteltv.error.css">
|
||||
<link rel="stylesheet" href="./theme/hoteltv.ui_utils.css">
|
||||
<link rel="stylesheet" href="./theme/hoteltv.error.css">
|
||||
<title>CENTIRM LG-PROCENTRIC HOTEL SERVICE</title>
|
||||
</head>
|
||||
|
||||
|
||||
@@ -118,6 +118,8 @@ HotelTV.api = (function() {
|
||||
"update_event": __apifxn_get_base_url() + "/api/" + _api_ver + "/assets/" + _dev_familly + "/" + _serial_num + "/event",
|
||||
/* Status */
|
||||
"set_device_status": __apifxn_get_base_url() + "/api/" + _api_ver + "/assets/" + _dev_familly + "/" + _serial_num + "/state",
|
||||
/* Dataset */
|
||||
"dataset": __apifxn_get_base_url() + "/api/" + _api_ver + "/assets/" + _dev_familly + "/" + _serial_num + "/dataset",
|
||||
/*
|
||||
"get_emergency": __apifxn_get_base_url() + "/api/" + _api_ver + "/settops/" + _serial_num + "/emergency",
|
||||
"set_message_status": __apifxn_get_base_url() + "/api/" + _api_ver + "/settops/" + _serial_num + "/messages",
|
||||
@@ -176,6 +178,13 @@ HotelTV.api = (function() {
|
||||
xhr.setRequestHeader("Authorization", "Bearer " + __apifxn_get_token());
|
||||
xhr.send(null);
|
||||
break;
|
||||
case "PUT":
|
||||
xhr.open('PUT', sz_url);
|
||||
xhr.setRequestHeader("Accept", "application/json");
|
||||
xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
|
||||
xhr.setRequestHeader("Authorization", "Bearer " + __apifxn_get_token());
|
||||
xhr.send(JSON.stringify(dic_param)); // 폼 데이터 객체 전송
|
||||
break;
|
||||
case "POST":
|
||||
xhr.open('POST', sz_url);
|
||||
xhr.setRequestHeader("Accept", "application/json");
|
||||
@@ -753,6 +762,32 @@ HotelTV.api = (function() {
|
||||
});
|
||||
},
|
||||
|
||||
GetUsrDataset: function() {
|
||||
return new Promise((resolve, reject) => {
|
||||
let sz_api_url = __apifxn_get_api_url("dataset");
|
||||
__apifxn_CallCmsApi("GET", `${sz_api_url}`, "dataset", null).then(_result => {
|
||||
//console.log(`Success::>${_result.data}`);
|
||||
resolve(JSON.parse(_result.data));
|
||||
}).catch(_error => {
|
||||
console.error(`Failure::>${_error.reason}`);
|
||||
reject(_error.reason);
|
||||
});
|
||||
});
|
||||
},
|
||||
|
||||
SetUsrDataset: function(_item_json) {
|
||||
return new Promise((resolve, reject) => {
|
||||
let sz_api_url = __apifxn_get_api_url("dataset");
|
||||
__apifxn_CallCmsApi("PUT", `${sz_api_url}`, "dataset", _item_json).then(_result => {
|
||||
//console.log(`Success::>${_result.data}`);
|
||||
resolve(JSON.parse(_result.data));
|
||||
}).catch(_error => {
|
||||
console.error(`Failure::>${_error.reason}`);
|
||||
reject(_error.reason);
|
||||
});
|
||||
});
|
||||
},
|
||||
|
||||
/**
|
||||
* 통계데이터 발송 API
|
||||
* @param {array} _arrary_event
|
||||
@@ -780,6 +815,12 @@ HotelTV.api = (function() {
|
||||
});
|
||||
},
|
||||
|
||||
/**
|
||||
* 다비이스 상태 리포트 API
|
||||
* @param {array} _dev_inf
|
||||
* @param {array} _gst_info
|
||||
* @param {array} _usage_inf
|
||||
*/
|
||||
ReportBrief: function(_dev_inf, _gst_info, _usage_inf) {
|
||||
let _json_report = {
|
||||
"updated": "YYYY-MM-DD HH:MM:SS",
|
||||
|
||||
@@ -9,8 +9,8 @@
|
||||
* Created at : 2020-11-26 02:21:56
|
||||
* Last modified : 2020-11-26 15:31:40
|
||||
*/
|
||||
HotelTV.namespace('HotelTV.hcap');
|
||||
HotelTV.hcap = (function() {
|
||||
HotelTV.namespace('HotelTV.hal');
|
||||
HotelTV.hal = (function() {
|
||||
//// 의존 관계 선언
|
||||
|
||||
|
||||
@@ -46,6 +46,11 @@ HotelTV.hcap = (function() {
|
||||
'end_of_item'
|
||||
];
|
||||
|
||||
let hcap_property_installer_menuItem_key = [
|
||||
hcap.property.InstallerMenuItem.POWER_MANAGE,
|
||||
hcap.property.InstallerMenuItem.MAX_VOLUME
|
||||
];
|
||||
|
||||
|
||||
|
||||
const g_media = {
|
||||
@@ -113,7 +118,7 @@ HotelTV.hcap = (function() {
|
||||
};
|
||||
|
||||
/**
|
||||
* HCAP Wrapper Function::> Get Device Properties(Realted HCAP API:hcap.property.setProperty)
|
||||
* HCAP Wrapper Function::> Set Device Properties(Realted HCAP API:hcap.property.setProperty)
|
||||
* @param {string} sz_key property key name.
|
||||
* @param {object} value is object to setting property
|
||||
*/
|
||||
@@ -129,6 +134,39 @@ HotelTV.hcap = (function() {
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* HCAP Wrapper Function::> Get Installer Menu Item(Realted HCAP API:hcap.property.getInstallerMenuItem)
|
||||
* @param {string} sz_key installer menu item key name.
|
||||
*/
|
||||
function __hcapfxn_get_installer_menuItem(sz_key) {
|
||||
return new Promise((resolve, reject) => {
|
||||
let param = {
|
||||
"key": sz_key,
|
||||
"onSuccess": function(s) { resolve({ "key": sz_key, "value": s.value }) },
|
||||
//"onFailure": function(f) { reject({ "key": sz_key, "value": "unknown" }) }
|
||||
"onFailure": function(f) { resolve({ "key": sz_key, "value": "unknown" }) }
|
||||
};
|
||||
hcap.property.getInstallerMenuItem(param);
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* HCAP Wrapper Function::> Set Installer Menu Item(Realted HCAP API:hcap.property.setInstallerMenuItem)
|
||||
* @param {string} sz_key installer menu item key name.
|
||||
* @param {object} value is object to setting installer menu item
|
||||
*/
|
||||
function __hcapfxn_set_installer_menuItem(sz_key, value) {
|
||||
return new Promise((resolve, reject) => {
|
||||
let param = {
|
||||
"key": sz_key,
|
||||
"value": value.toString(),
|
||||
"onSuccess": function(s) { resolve({ "key": sz_key, "value": value }) },
|
||||
"onFailure": function(f) { resolve({ "key": sz_key, "value": "unknown" }) }
|
||||
};
|
||||
hcap.property.setInstallerMenuItem(param);
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* IDCAP Wrapper Function::> Get Device Configuration(Properties)(Realted IDCAP API:idcap://configuration/property/get)
|
||||
* @param {string} sz_key property key name.
|
||||
@@ -462,9 +500,15 @@ HotelTV.hcap = (function() {
|
||||
"rfBroadcastType": _lutBCastType[_param.rf.type],
|
||||
"onSuccess": function() {
|
||||
console.log("onSuccess");
|
||||
if ( _param.cbfxn.success!=null ){
|
||||
_param.cbfxn.success();
|
||||
}
|
||||
},
|
||||
"onFailure": function(f) {
|
||||
console.log("onFailure : errorMessage = " + f.errorMessage);
|
||||
if ( _param.cbfxn.failure!=null ){
|
||||
_param.cbfxn.failure();
|
||||
}
|
||||
}
|
||||
});
|
||||
} else {
|
||||
@@ -661,6 +705,39 @@ HotelTV.hcap = (function() {
|
||||
__hcapfxn_Reboot();
|
||||
},
|
||||
|
||||
GetNetworkStatus: function() {
|
||||
return new Promise((resolve, reject) => {
|
||||
hcap.network.getNetworkInformation({
|
||||
"onSuccess" : function(s) {
|
||||
console.log("onSuccess : network_mode = " + s.network_mode +
|
||||
"\n ssid = " + s.ssid +
|
||||
"\n eth_speed = " + s.eth_speed +
|
||||
"\n eth_duplex = " + s.eth_duplex +
|
||||
"\n local_network_available = " + s.local_network_available +
|
||||
"\n internet_available = " + s.internet_available +
|
||||
"\n wifi_mode = " + s.wifi_mode +
|
||||
"\n wireless_security_type = " + s.wireless_security_type +
|
||||
"\n wifi_pass_key = " + s.wifi_pass_key +
|
||||
"\n using_dhcp = " + s.using_dhcp +
|
||||
"\n ip_address = " + s.ip_address +
|
||||
"\n subnet_mask = " + s.subnet_mask +
|
||||
"\n gateway = " + s.gateway +
|
||||
"\n dns1_address = " + s.dns1_address +
|
||||
"\n dns2_address = " + s.dns2_address +
|
||||
"\n dns_dhcp = " + s.dns_dhcp +
|
||||
"\n ethernet_plugged = " + s.ethernet_plugged +
|
||||
"\n wifi_plugged = " + s.wifi_plugged +
|
||||
"\n dhcp_state = " + s.dhcp_state);
|
||||
resolve({ "error": false, "info": s });
|
||||
},
|
||||
"onFailure" : function(f) {
|
||||
console.log("onFailure : errorMessage = " + f.errorMessage);
|
||||
resolve({ "error": true, "info": null });
|
||||
}
|
||||
});
|
||||
});
|
||||
},
|
||||
|
||||
|
||||
GetDevInfo: function() {
|
||||
return new Promise((resolve, reject) => {
|
||||
@@ -849,9 +926,9 @@ HotelTV.hcap = (function() {
|
||||
{ "_keyCode": 0x847900ff, "_virCode": hcap.key.Code.DOWN }, //DOWN -> DOWN KEY
|
||||
{ "_keyCode": 0x84791ae5, "_virCode": hcap.key.Code.BACK }, //BACK -> BACK KEY
|
||||
{ "_keyCode": 0x8479EA15, "_virCode": hcap.key.Code.PORTAL }, //HOME -> PORTAL KEY
|
||||
{ "_keyCode": 0x84790FF0, "_virCode": hcap.key.Code.CH_UP }, //CHUP -> CH_UP KEY
|
||||
{ "_keyCode": 0x84791DE2, "_virCode": hcap.key.Code.CH_UP }, //CHUP -> CH_UP KEY
|
||||
{ "_keyCode": 0x847928D7, "_virCode": hcap.key.Code.CH_DOWN }, //CHDN -> CH_DOWN KEY
|
||||
{ "_keyCode": 0x8479DA25, "_virCode": hcap.key.Code.Q_MENU }, //MENU -> CH_DOWN KEY
|
||||
{ "_keyCode": 0x8479DA25, "_virCode": hcap.key.Code.Q_MENU }, //MENU -> MENU KEY
|
||||
// VOLUME
|
||||
{ "_keyCode": 0x847910ef, "_virCode": hcap.key.Code.VOL_UP }, //VOL UP -> VOL UP KEY
|
||||
{ "_keyCode": 0x84790ff0, "_virCode": hcap.key.Code.VOL_DOWN }, //VOL DOWN -> VOL DOWN KEY
|
||||
@@ -916,12 +993,41 @@ HotelTV.hcap = (function() {
|
||||
let _instant_pwr_target_mode = Number(_devconfig.system.misc.instantPower);
|
||||
if (_devinfo["instant_power"] != _instant_pwr_target_mode) {
|
||||
_pmFxnArProperty.push(__hcapfxn_set_property('instant_power', _instant_pwr_target_mode));
|
||||
|
||||
// hcap.property.InstallerMenuItem.POWER_MANAGE 설정
|
||||
if ( _instant_pwr_target_mode==2 ) {
|
||||
//
|
||||
hcap.property.setInstallerMenuItem({
|
||||
"key" : hcap.property.InstallerMenuItem.POWER_MANAGE,
|
||||
"value" : 8,
|
||||
"onSuccess" : function() {
|
||||
console.log("onSuccess");
|
||||
},
|
||||
"onFailure" : function(f) {
|
||||
console.log("onFailure : errorMessage = " + f.errorMessage);
|
||||
}
|
||||
});
|
||||
} else {
|
||||
// Sets number of hours of no activity before automatic shut off. (0 ~ 7)
|
||||
hcap.property.setInstallerMenuItem({
|
||||
"key" : hcap.property.InstallerMenuItem.POWER_MANAGE,
|
||||
"value" : 0,
|
||||
"onSuccess" : function() {
|
||||
console.log("onSuccess");
|
||||
},
|
||||
"onFailure" : function(f) {
|
||||
console.log("onFailure : errorMessage = " + f.errorMessage);
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
if ( _instant_pwr_target_mode==2 || _instant_pwr_target_mode==1 ){
|
||||
if (_devinfo["power_mode"] != hcap.power.PowerMode.WARM) {
|
||||
_pmFxnArProperty.push(__hcapfxn_set_powermode('power_mode', hcap.power.PowerMode.WARM));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// STEP#006::> SERVICE RELATED PARAMETERS
|
||||
for (let _cfg in _devconfig) {
|
||||
@@ -1404,7 +1510,7 @@ HotelTV.hcap = (function() {
|
||||
"onSuccess": function(s) {
|
||||
if (_en_show_msg == true) {
|
||||
console.log("register Success!");
|
||||
HotelTV.hcap.PreAppGetInfo(true);
|
||||
HotelTV.hal.PreAppGetInfo(true);
|
||||
}
|
||||
},
|
||||
"onFailure": function(f) {
|
||||
@@ -1731,6 +1837,28 @@ HotelTV.hcap = (function() {
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* _keyValue는 아래 코드중 하나
|
||||
* hcap.key.Code.ENTER
|
||||
* hcap.key.Code.LEFT
|
||||
* hcap.key.Code.RIGHT
|
||||
* hcap.key.Code.BACK
|
||||
* hcap.key.Code.UP
|
||||
* hcap.key.Code.DOWN
|
||||
* hcap.key.Code.CH_UP
|
||||
* hcap.key.Code.CH_DOWN
|
||||
* @param {enum} _keyValue
|
||||
*/
|
||||
SendVirKeyEvent: function(_keyValue) {
|
||||
hcap.key.sendKey({
|
||||
"virtualKeycode" : _keyValue,
|
||||
"onSuccess" : function() { },
|
||||
"onFailure" : function(f) {
|
||||
console.error("onFailure : errorMessage = " + f.errorMessage);
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
Test: function() {
|
||||
console.log("Test Start....");
|
||||
|
||||
|
||||
@@ -53,7 +53,7 @@ var HotelTV = HotelTV || {
|
||||
'playing': false,
|
||||
'shortkey': {
|
||||
'idx': null, // 바로가기 번호 UI의 행번호(0부터 시작)
|
||||
'ch_item_idx': null,
|
||||
'ch_item_idx': null, // ALL Category내에서의 채널 index
|
||||
'scroll_offset': null,
|
||||
},
|
||||
},
|
||||
@@ -132,7 +132,7 @@ function __fxn_Set_DebugOpt(_enable, _out_option, _init) {
|
||||
HotelTV.dbginfo['en'] = _enable;
|
||||
HotelTV.dbginfo['output'] = _out_option;
|
||||
|
||||
HotelTV.hcap.Init();
|
||||
HotelTV.hal.Init();
|
||||
|
||||
/** Develop Mode definitions */
|
||||
console.log("OPT" + navigator.appVersion);
|
||||
@@ -144,7 +144,7 @@ function __fxn_Set_DebugOpt(_enable, _out_option, _init) {
|
||||
/** Set HCAP Debug Options */
|
||||
if (HotelTV.dbginfo['emulator'] == false) {
|
||||
//Enable/Disable browser debug mode
|
||||
HotelTV.hcap.SetBrowserDebug(HotelTV.dbginfo['hcap_ipc'], HotelTV.dbginfo['webdebugger']);
|
||||
HotelTV.hal.SetBrowserDebug(HotelTV.dbginfo['hcap_ipc'], HotelTV.dbginfo['webdebugger']);
|
||||
}
|
||||
} else if (navigator.appVersion.includes("Tizen") == true) {
|
||||
HotelTV.dbginfo['emulator'] = false;
|
||||
@@ -204,7 +204,7 @@ HotelTV.Init = async function() {
|
||||
console.log("Start Initialization:: ");
|
||||
|
||||
//STEP#01::> Shutdown Channel
|
||||
HotelTV.hcap.ChannelShutDown();
|
||||
HotelTV.hal.ChannelShutDown();
|
||||
|
||||
//SETP#02::> Set Debug Options
|
||||
__fxn_Set_DebugOpt(false, 'osd', false);
|
||||
@@ -212,11 +212,57 @@ HotelTV.Init = async function() {
|
||||
|
||||
//STEP#03::> Get Device Info
|
||||
HotelTV.ui_utils.SetBusy(true);
|
||||
|
||||
const __ifxn_showFatalErr_Network = function() {
|
||||
let _tmval = 10;
|
||||
setTimeout(HotelTV.hal.Reboot, 10000);
|
||||
HotelTV.ui_utils.SetBusy(false);
|
||||
HotelTV.ui_utils.ShowErrMsg(true,
|
||||
"system.error.get-devinfo",
|
||||
"SYSTEM ERROR",
|
||||
"Network is un-available.\r\nplease contact your system administrator.", {
|
||||
"timeout": _tmval,
|
||||
"cb_disp": function() {
|
||||
_tmval -= 1;
|
||||
console.log("time..." + _tmval);
|
||||
if ($('.error #countdown').css("display") == "none") {
|
||||
$('.error #countdown').fadeIn(1000);
|
||||
}
|
||||
$('.error #countdown #message').text(`System will be reboot in ${_tmval} second...`);
|
||||
},
|
||||
"cb_eoe": null
|
||||
});
|
||||
}
|
||||
|
||||
try {
|
||||
await HotelTV.hcap.GetDevInfo();
|
||||
//await HotelTV.hcap.ShowDevInfo();
|
||||
//
|
||||
let __netStatus = await HotelTV.hal.GetNetworkStatus();
|
||||
if ( __netStatus.info==null || __netStatus.error==true ){
|
||||
console.info("aa");
|
||||
__ifxn_showFatalErr_Network();
|
||||
return;
|
||||
} else {
|
||||
console.info("bb");
|
||||
if ( __netStatus.info.ip_address=="0.0.0.0" || __netStatus.info.gateway=="0.0.0.0" ) {
|
||||
console.info("Fatall.......");
|
||||
__ifxn_showFatalErr_Network();
|
||||
return;
|
||||
}
|
||||
}
|
||||
} catch ( _err ) {
|
||||
console.info("cc");
|
||||
__ifxn_showFatalErr_Network();
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
|
||||
try {
|
||||
await HotelTV.hal.GetDevInfo();
|
||||
//await HotelTV.hal.ShowDevInfo();
|
||||
} catch (_error) {
|
||||
let _tmval = 50;
|
||||
setTimeout(HotelTV.hal.Reboot, 49000);
|
||||
HotelTV.ui_utils.ShowErrMsg(true,
|
||||
"system.error.get-devinfo",
|
||||
"SYSTEM ERROR",
|
||||
@@ -230,9 +276,7 @@ HotelTV.Init = async function() {
|
||||
}
|
||||
$('.error #countdown #message').text(`System will be reboot in ${_tmval} second...`);
|
||||
},
|
||||
"cb_eoe": function() {
|
||||
setTimeout(HotelTV.hcap.Reboot, 500);
|
||||
}
|
||||
"cb_eoe": null
|
||||
});
|
||||
}
|
||||
|
||||
@@ -244,6 +288,7 @@ HotelTV.Init = async function() {
|
||||
HotelTV.state['registration'] = await HotelTV.api.CheckRegistration();
|
||||
} catch (_error) {
|
||||
let _tmval = 50;
|
||||
setTimeout(HotelTV.hal.Reboot, 49000);
|
||||
HotelTV.ui_utils.ShowErrMsg(true,
|
||||
"system.error.check-registration",
|
||||
"SYSTEM ERROR",
|
||||
@@ -257,9 +302,7 @@ HotelTV.Init = async function() {
|
||||
}
|
||||
$('.error #countdown #message').text(`The Device ID is ${HotelTV.devinfo.serial_number}.\r\n\r\nSystem will be reboot in ${_tmval} second...`);
|
||||
},
|
||||
"cb_eoe": function() {
|
||||
setTimeout(HotelTV.hcap.Reboot, 500);
|
||||
}
|
||||
"cb_eoe": null
|
||||
});
|
||||
}
|
||||
|
||||
@@ -272,12 +315,13 @@ HotelTV.Init = async function() {
|
||||
// FULL LICENSE MODE
|
||||
try {
|
||||
HotelTV.settings = await HotelTV.api.GetSettings();
|
||||
let need_reboot = await HotelTV.hcap.SetDevice(HotelTV.settings);
|
||||
let need_reboot = await HotelTV.hal.SetDevice(HotelTV.settings);
|
||||
if (need_reboot == true) {
|
||||
console.log("System Need to Reboot");
|
||||
HotelTV.ui_utils.SetBusy(false);
|
||||
|
||||
let _tmval = 20;
|
||||
setTimeout(HotelTV.hal.Reboot, 20000);
|
||||
HotelTV.ui_utils.ShowErrMsg(true,
|
||||
"system.info.change-configuration",
|
||||
"SYSTEM INFO",
|
||||
@@ -291,14 +335,13 @@ HotelTV.Init = async function() {
|
||||
}
|
||||
$('.error #countdown #message').text(`System will be reboot in ${_tmval} second...`);
|
||||
},
|
||||
"cb_eoe": function() {
|
||||
setTimeout(HotelTV.hcap.Reboot, 500);
|
||||
}
|
||||
"cb_eoe": null
|
||||
});
|
||||
return;
|
||||
}
|
||||
} catch (_error) {
|
||||
let _tmval = 50;
|
||||
setTimeout(HotelTV.hal.Reboot, 49000);
|
||||
HotelTV.ui_utils.ShowErrMsg(true,
|
||||
"system.set-devinfo",
|
||||
"SYSTEM ERROR",
|
||||
@@ -312,9 +355,7 @@ HotelTV.Init = async function() {
|
||||
}
|
||||
$('.error #countdown #message').text(`The Device ID is ${HotelTV.devinfo.serial_number}.\r\n\r\nSystem will be reboot in ${_tmval} second...`);
|
||||
},
|
||||
"cb_eoe": function() {
|
||||
setTimeout(HotelTV.hcap.Reboot, 500);
|
||||
}
|
||||
"cb_eoe": null
|
||||
});
|
||||
}
|
||||
|
||||
@@ -322,6 +363,7 @@ HotelTV.Init = async function() {
|
||||
HotelTV.hotelinfo = await HotelTV.api.GetHotelInfo();
|
||||
} catch (_error) {
|
||||
let _tmval = 50;
|
||||
setTimeout(HotelTV.hal.Reboot, 49000);
|
||||
HotelTV.ui_utils.ShowErrMsg(true,
|
||||
"system.error.get-hotelinfo",
|
||||
"SYSTEM ERROR",
|
||||
@@ -335,9 +377,7 @@ HotelTV.Init = async function() {
|
||||
}
|
||||
$('.error #countdown #message').text(`The Device ID is ${HotelTV.devinfo.serial_number}.\r\n\r\nSystem will be reboot in ${_tmval} second...`);
|
||||
},
|
||||
"cb_eoe": function() {
|
||||
setTimeout(HotelTV.hcap.Reboot, 500);
|
||||
}
|
||||
"cb_eoe": null
|
||||
});
|
||||
}
|
||||
// state[theme_root] 정의
|
||||
@@ -351,6 +391,7 @@ HotelTV.Init = async function() {
|
||||
HotelTV.guestinfo = await HotelTV.api.GetGuestInfo();
|
||||
} catch (_error) {
|
||||
let _tmval = 50;
|
||||
setTimeout(HotelTV.hal.Reboot, 49000);
|
||||
HotelTV.ui_utils.ShowErrMsg(true,
|
||||
"system.error.get-guestinfo",
|
||||
"SYSTEM ERROR",
|
||||
@@ -364,9 +405,7 @@ HotelTV.Init = async function() {
|
||||
}
|
||||
$('.error #countdown #message').text(`The Device ID is ${HotelTV.devinfo.serial_number}.\r\n\r\nSystem will be reboot in ${_tmval} second...`);
|
||||
},
|
||||
"cb_eoe": function() {
|
||||
setTimeout(HotelTV.hcap.Reboot, 500);
|
||||
}
|
||||
"cb_eoe": null
|
||||
});
|
||||
}
|
||||
|
||||
@@ -374,6 +413,7 @@ HotelTV.Init = async function() {
|
||||
HotelTV.opening = await HotelTV.api.GetOpeningCtz();
|
||||
} catch (_error) {
|
||||
let _tmval = 50;
|
||||
setTimeout(HotelTV.hal.Reboot, 49000);
|
||||
HotelTV.ui_utils.ShowErrMsg(true,
|
||||
"system.error.get-openingctzinfo",
|
||||
"SYSTEM ERROR",
|
||||
@@ -387,9 +427,7 @@ HotelTV.Init = async function() {
|
||||
}
|
||||
$('.error #countdown #message').text(`The Device ID is ${HotelTV.devinfo.serial_number}.\r\n\r\nSystem will be reboot in ${_tmval} second...`);
|
||||
},
|
||||
"cb_eoe": function() {
|
||||
setTimeout(HotelTV.hcap.Reboot, 500);
|
||||
}
|
||||
"cb_eoe": null
|
||||
});
|
||||
}
|
||||
|
||||
@@ -409,6 +447,7 @@ HotelTV.Init = async function() {
|
||||
HotelTV.widget = await HotelTV.api.GetWidgetCtz();
|
||||
} catch (_error) {
|
||||
let _tmval = 50;
|
||||
setTimeout(HotelTV.hal.Reboot, 49000);
|
||||
//console.log("Display Error page for get widget info");
|
||||
HotelTV.ui_utils.ShowErrMsg(true,
|
||||
"system.error.get-widget",
|
||||
@@ -423,9 +462,7 @@ HotelTV.Init = async function() {
|
||||
}
|
||||
$('.error #countdown #message').text(`The Device ID is ${HotelTV.devinfo.serial_number}.\r\n\r\nSystem will be reboot in ${_tmval} second...`);
|
||||
},
|
||||
"cb_eoe": function() {
|
||||
setTimeout(HotelTV.hcap.Reboot, 500);
|
||||
}
|
||||
"cb_eoe": null
|
||||
});
|
||||
}
|
||||
|
||||
@@ -433,6 +470,7 @@ HotelTV.Init = async function() {
|
||||
HotelTV.tvguide = await HotelTV.api.GetProgramCtz();
|
||||
} catch (_error) {
|
||||
let _tmval = 50;
|
||||
setTimeout(HotelTV.hal.Reboot, 49000);
|
||||
//console.log("Display Error page for get tvguide info");
|
||||
HotelTV.ui_utils.ShowErrMsg(true,
|
||||
"system.error.get-tvguideinfo",
|
||||
@@ -447,9 +485,7 @@ HotelTV.Init = async function() {
|
||||
}
|
||||
$('.error #countdown #message').text(`The Device ID is ${HotelTV.devinfo.serial_number}.\r\n\r\nSystem will be reboot in ${_tmval} second...`);
|
||||
},
|
||||
"cb_eoe": function() {
|
||||
setTimeout(HotelTV.hcap.Reboot, 500);
|
||||
}
|
||||
"cb_eoe": null
|
||||
});
|
||||
}
|
||||
|
||||
@@ -516,6 +552,7 @@ HotelTV.Init = async function() {
|
||||
}
|
||||
} else {
|
||||
let _tmval = 60;
|
||||
setTimeout(HotelTV.hal.Reboot, 59000);
|
||||
HotelTV.ui_utils.ShowErrMsg(true,
|
||||
"system.error.unregistered-device",
|
||||
"SYSTEM ERROR",
|
||||
@@ -529,17 +566,14 @@ HotelTV.Init = async function() {
|
||||
$('.error #countdown').fadeIn(1000);
|
||||
}
|
||||
},
|
||||
"cb_eoe": function() {
|
||||
$('.error #countdown #message').text(`The Device ID is ${HotelTV.devinfo.serial_number}.\r\n\r\nSystem will be reboot`);
|
||||
setTimeout(HotelTV.hcap.Reboot, 500);
|
||||
}
|
||||
"cb_eoe": null
|
||||
}
|
||||
);
|
||||
}
|
||||
console.log("Initialization:: Done");
|
||||
HotelTV.ui_utils.SetBusy(false);
|
||||
|
||||
SpatialNavigation.init();
|
||||
//SpatialNavigation.init();
|
||||
};
|
||||
|
||||
HotelTV.LoadWelCome = async function() {
|
||||
@@ -579,7 +613,7 @@ HotelTV.LoadWelCome = async function() {
|
||||
let _res = HotelTV.devinfo.display_resolution.split("x");
|
||||
HotelTV.ui_welcome.Init(_res[0], _res[1]);
|
||||
|
||||
//await HotelTV.hcap.ShowDevInfo();
|
||||
//await HotelTV.hal.ShowDevInfo();
|
||||
HotelTV.ui_welcome.Show();
|
||||
|
||||
|
||||
@@ -603,8 +637,8 @@ HotelTV.LoadWelCome = async function() {
|
||||
//console.log(`Recv Msg[${recvMsg.event}]::> ${recvMsg.ret} ::> ${recvMsg.data}`);
|
||||
//console.log(`Recv Msg[${recvMsg.event}]::> ${recvMsg.ret}`);
|
||||
if (recvMsg.event == "update_report") {
|
||||
HotelTV.hcap.GetUptime();
|
||||
HotelTV.hcap.GetDeviceUsage().then(_usage => {
|
||||
HotelTV.hal.GetUptime();
|
||||
HotelTV.hal.GetDeviceUsage().then(_usage => {
|
||||
//console.log(`USAGE::> CPU[${_usage.cpu}%]`);
|
||||
HotelTV.api.ReportBrief(HotelTV.devinfo, HotelTV.guestinfo, _usage);
|
||||
});
|
||||
@@ -748,11 +782,20 @@ HotelTV.LoadAppFull = async function() {
|
||||
}
|
||||
//HotelTV.translation = await JSON.parse(sessionStorage.getItem("translation"));
|
||||
|
||||
//Override Lang if needed
|
||||
try {
|
||||
let Usr_Dataset = await HotelTV.api.GetUsrDataset();
|
||||
if ( 'next_lang' in Usr_Dataset ){
|
||||
HotelTV.state.lang = Usr_Dataset.next_lang;
|
||||
}
|
||||
} catch (_error) {
|
||||
console.error("Fail to get user data set");
|
||||
}
|
||||
|
||||
//STEP#03: INIT HCAP for HotelTV FullAPP
|
||||
let tmrAppAuth = setInterval(async function() {
|
||||
let _foundNetflix = false;
|
||||
let _hcapAppInfo = await HotelTV.hcap.PreAppGetInfo(false);
|
||||
let _hcapAppInfo = await HotelTV.hal.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") {
|
||||
@@ -774,7 +817,7 @@ HotelTV.LoadAppFull = async function() {
|
||||
//siAppToken = _progam[_i].service;
|
||||
|
||||
if (siAppName && siAppToken) {
|
||||
HotelTV.hcap.siAppAuth(siAppName, siAppToken, false);
|
||||
HotelTV.hal.siAppAuth(siAppName, siAppToken, false);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -790,7 +833,7 @@ HotelTV.LoadAppFull = async function() {
|
||||
HotelTV.ui_appfull.Init(_res[0], _res[1]);
|
||||
|
||||
//STEP#06; Show UI
|
||||
//await HotelTV.hcap.ShowDevInfo();
|
||||
//await HotelTV.hal.ShowDevInfo();
|
||||
HotelTV.ui_appfull.Show();
|
||||
|
||||
//STEP#06 Register Service web worker
|
||||
@@ -831,8 +874,8 @@ HotelTV.LoadAppFull = async function() {
|
||||
HotelTV.widget = recvMsg.data;
|
||||
}
|
||||
} else if (recvMsg.event == "update_report") {
|
||||
HotelTV.hcap.GetUptime();
|
||||
HotelTV.hcap.GetDeviceUsage().then(_usage => {
|
||||
HotelTV.hal.GetUptime();
|
||||
HotelTV.hal.GetDeviceUsage().then(_usage => {
|
||||
//console.log(`USAGE::> CPU[${_usage.cpu}%]`);
|
||||
HotelTV.api.ReportBrief(HotelTV.devinfo, HotelTV.guestinfo, _usage);
|
||||
});
|
||||
@@ -890,7 +933,7 @@ HotelTV.LoadAppFull = async function() {
|
||||
|
||||
|
||||
//
|
||||
//HotelTV.hcap.Test();
|
||||
//HotelTV.hal.Test();
|
||||
}
|
||||
|
||||
HotelTV.UnloadAppFull = async function() {
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -66,7 +66,7 @@ HotelTV.ui_welcome = (function() {
|
||||
switch (_stateMedia) {
|
||||
case 'play_start':
|
||||
_media_status = 'playing';
|
||||
HotelTV.hcap.VideoWinSize(null);
|
||||
HotelTV.hal.VideoWinSize(null);
|
||||
|
||||
//Hide welcome page
|
||||
__uifxn_WC_Show(null, function() {
|
||||
@@ -86,7 +86,7 @@ HotelTV.ui_welcome = (function() {
|
||||
break;
|
||||
case 'play_end':
|
||||
_media_status = 'stopped';
|
||||
HotelTV.hcap.MediaShutdown(
|
||||
HotelTV.hal.MediaShutdown(
|
||||
function() {
|
||||
$(".control .skip_video").hide();
|
||||
console.log("Media Desory::Done");
|
||||
@@ -99,7 +99,7 @@ HotelTV.ui_welcome = (function() {
|
||||
});
|
||||
break;
|
||||
case 'play_end_need_destory':
|
||||
HotelTV.hcap.MediaShutdown(
|
||||
HotelTV.hal.MediaShutdown(
|
||||
function() {
|
||||
$(".control .skip_video").hide();
|
||||
console.log("Media Desory::Done");
|
||||
@@ -126,7 +126,7 @@ HotelTV.ui_welcome = (function() {
|
||||
|
||||
case 'play_stop_requtested':
|
||||
_media_status = 'stopped';
|
||||
HotelTV.hcap.MediaShutdown(
|
||||
HotelTV.hal.MediaShutdown(
|
||||
function() {
|
||||
$(".control .skip_video").hide();
|
||||
console.log("Media Desory::Done");
|
||||
@@ -332,7 +332,7 @@ HotelTV.ui_welcome = (function() {
|
||||
|
||||
let found_dev_locale = false;
|
||||
// SET PLATFORM LANGUAGE
|
||||
// HotelTV.hcap.SetPlatformLanguage(_state.lang);
|
||||
// HotelTV.hal.SetPlatformLanguage(_state.lang);
|
||||
if ( 'getLocaleList' in HotelTV.devinfo )
|
||||
{
|
||||
for( let _localeIdx in HotelTV.devinfo.getLocaleList )
|
||||
@@ -344,10 +344,10 @@ HotelTV.ui_welcome = (function() {
|
||||
}
|
||||
}
|
||||
if ( found_dev_locale==true ){
|
||||
HotelTV.hcap.SetDeviceLocale(_state.lang);
|
||||
HotelTV.hal.SetDeviceLocale(_state.lang);
|
||||
}else{
|
||||
console.log("Set Default device locale set to en-US");
|
||||
HotelTV.hcap.SetDeviceLocale('en-US');
|
||||
HotelTV.hal.SetDeviceLocale('en-US');
|
||||
}
|
||||
|
||||
|
||||
@@ -358,7 +358,7 @@ HotelTV.ui_welcome = (function() {
|
||||
} else if (_ctzWc.intro == 'video') {
|
||||
HotelTV.ui_utils.SetBusy(true);
|
||||
/** Play movie clip */
|
||||
HotelTV.hcap.MediaPlay(
|
||||
HotelTV.hal.MediaPlay(
|
||||
_ctzWc.videos[_state.lang].download,
|
||||
null,
|
||||
"video/mp4",
|
||||
@@ -416,9 +416,23 @@ HotelTV.ui_welcome = (function() {
|
||||
|
||||
|
||||
hndl_langSel.on('changed.owl.carousel', function(event) {
|
||||
const __ifxn_sendNextLangUsrData = async function(_nextLang, __cbFxnFailure=null, __cbFxn_Success=null) {
|
||||
try {
|
||||
let _usrDataJson = {
|
||||
'next_lang': _nextLang,
|
||||
};
|
||||
_result = await HotelTV.api.SetUsrDataset(_usrDataJson);
|
||||
console.log("The app main page will be reloaded");
|
||||
} catch ( __err ){
|
||||
console.log("CALL API::>" + __err);
|
||||
}
|
||||
}
|
||||
|
||||
// Update Language
|
||||
console.log("LANG SEL[CHANGED]::>" + event.page.index);
|
||||
_state.lang = Object.keys(_ctzOpening.languages)[event.page.index];
|
||||
__ifxn_sendNextLangUsrData(_state.lang);
|
||||
|
||||
__uifxn_WC_SetCtz(_ctzGst.name, _ctzWc.message);
|
||||
});
|
||||
} else {
|
||||
@@ -464,7 +478,7 @@ HotelTV.ui_welcome = (function() {
|
||||
let _tmval = 10;
|
||||
let _state = HotelTV.state;
|
||||
let _trTbl = HotelTV.translation;
|
||||
|
||||
setTimeout(HotelTV.hal.Reboot, 12000);
|
||||
HotelTV.ui_utils.ShowSysNoticeMsg(true,
|
||||
"notice",
|
||||
"SYSTEM NOTICE",
|
||||
@@ -479,7 +493,6 @@ HotelTV.ui_welcome = (function() {
|
||||
$('.error #countdown #message').text(`System will be shutdown in ${_tmval} second...`);
|
||||
},
|
||||
"cb_eoe": function() {
|
||||
setTimeout(HotelTV.hcap.Reboot, 500);
|
||||
HotelTV.api.ReportEvent([{'power': false, 'location':null}])
|
||||
}
|
||||
});
|
||||
@@ -487,7 +500,7 @@ HotelTV.ui_welcome = (function() {
|
||||
let _tmval = 10;
|
||||
let _state = HotelTV.state;
|
||||
let _trTbl = HotelTV.translation;
|
||||
|
||||
setTimeout(HotelTV.hal.Reboot, 12000);
|
||||
HotelTV.ui_utils.ShowSysNoticeMsg(true,
|
||||
"notice",
|
||||
"SYSTEM NOTICE",
|
||||
@@ -502,7 +515,6 @@ HotelTV.ui_welcome = (function() {
|
||||
$('.error #countdown #message').text(`System will be restart in ${_tmval} second...`);
|
||||
},
|
||||
"cb_eoe": function() {
|
||||
setTimeout(HotelTV.hcap.Reboot, 500);
|
||||
HotelTV.api.ReportEvent([{'power': false, 'location':null}])
|
||||
}
|
||||
});
|
||||
@@ -510,7 +522,7 @@ HotelTV.ui_welcome = (function() {
|
||||
let _tmval = 30;
|
||||
let _state = HotelTV.state;
|
||||
let _trTbl = HotelTV.translation;
|
||||
|
||||
setTimeout(HotelTV.hal.Reboot, 32000);
|
||||
HotelTV.ui_utils.ShowSysNoticeMsg(true,
|
||||
"notice",
|
||||
"SYSTEM NOTICE",
|
||||
@@ -525,8 +537,6 @@ HotelTV.ui_welcome = (function() {
|
||||
$('.error #countdown #message').text(`System will be shutdown in ${_tmval} second...`);
|
||||
},
|
||||
"cb_eoe": function() {
|
||||
//setTimeout(HotelTV.hcap.PwrOff, 500);
|
||||
setTimeout(HotelTV.hcap.Reboot, 500);
|
||||
HotelTV.api.ReportEvent([{'power': false, 'location':null}])
|
||||
}
|
||||
});
|
||||
@@ -536,7 +546,7 @@ HotelTV.ui_welcome = (function() {
|
||||
let _tmval = 30;
|
||||
let _state = HotelTV.state;
|
||||
let _trTbl = HotelTV.translation;
|
||||
|
||||
setTimeout(HotelTV.hal.Reboot, 32000);
|
||||
HotelTV.ui_utils.ShowSysNoticeMsg(true,
|
||||
"notice",
|
||||
"SYSTEM NOTICE",
|
||||
@@ -551,7 +561,6 @@ HotelTV.ui_welcome = (function() {
|
||||
$('.error #countdown #message').text(`System will be restart in ${_tmval} second...`);
|
||||
},
|
||||
"cb_eoe": function() {
|
||||
setTimeout(HotelTV.hcap.Reboot, 500);
|
||||
HotelTV.api.ReportEvent([{'power': false, 'location':null}])
|
||||
}
|
||||
});
|
||||
|
||||
@@ -2829,6 +2829,74 @@
|
||||
}
|
||||
|
||||
|
||||
/********************************************************************************/
|
||||
/* LANGUAGE SELECTION STYLE [ START ] */
|
||||
/********************************************************************************/
|
||||
.popup>.lang_selection {
|
||||
position: absolute;
|
||||
top: 0%;
|
||||
left: 0%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(0,0,0,0.8);
|
||||
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%;
|
||||
height: 27%;
|
||||
line-height: 24px;
|
||||
font-size: 20px;
|
||||
color: rgb(135,139,147);
|
||||
padding: 20px 0px 10px 0px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.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 {
|
||||
|
||||
@@ -17,147 +17,248 @@
|
||||
height: 100%;
|
||||
padding: 0px;
|
||||
background: url(tv:);
|
||||
/* background: url(https://cropper.watch.aetnd.com/public-content-aetn.video.aetnd.com/video-thumbnails/AETN-History_VMS/21/200/tdih-jun01-HD.jpg); */
|
||||
overflow: hidden;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.main .tv .bg div#lst_tvCtgbg {
|
||||
/************************************************************/
|
||||
/* TV CATEGORY FRAME STYLE [ START ] */
|
||||
/************************************************************/
|
||||
.main .tv .bg #lst_tvCtgyFrm {
|
||||
position: relative;
|
||||
top: 0%;
|
||||
left: 37%;
|
||||
max-width: 26%;
|
||||
width: 26%;
|
||||
height: 50px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
/* background-color: red; */
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.main .tv .bg #lst_tvCtgyFrm .owl-stage-outer {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.main .tv .bg .owl-carousel .owl-stage-outer {
|
||||
width: 780px;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.main .tv .bg .owl-carousel .owl-stage-outer .owl-stage {
|
||||
.main .tv .bg #lst_tvCtgyFrm .owl-stage-outer .owl-stage{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
height: 50px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.main .tv .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item .item {
|
||||
position: absolute;
|
||||
top: 116px;
|
||||
/* left: 80px;
|
||||
width: 1840px; */
|
||||
height: 844px;
|
||||
margin: 20px 20px 20px 20px;
|
||||
padding: 5px 20px 5px 20px;
|
||||
background-color: rgba(0, 0, 0, 0.4);
|
||||
filter: drop-shadow(0 0 10px rgba(0, 0, 0, 1));
|
||||
.main .tv .bg #lst_tvCtgyFrm .owl-stage-outer .owl-stage .owl-item .item {
|
||||
background-color: rgba(0, 0, 0, 0.4); */
|
||||
/* filter: drop-shadow(0 0 10px rgba(0, 0, 0, 1)); */
|
||||
border: solid rgb(137, 139, 129);
|
||||
border-radius: 10px;
|
||||
/* border-radius: 10px; */
|
||||
/* background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 50%, rgba(120, 120, 120, 0.7) 70%, rgba(0, 0, 0, 0.7) 85%); */
|
||||
/* border-color: rgba(230,230,230,0.3) transparent transparent transparent; */
|
||||
/* border-width: 50px 50px 0 0; */
|
||||
/* box-sizing: border-box; */
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.main .tv .bg .owl-carousel .owl-stage-outer .item #tvctg_title {
|
||||
line-height: 100px;
|
||||
padding: 0;
|
||||
margin: 0 0 10px 0;
|
||||
font-size: 80px;
|
||||
color: rgb(235, 235, 235);
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist {
|
||||
max-width: 680px;
|
||||
height: 640px;
|
||||
font-size: 32px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame {
|
||||
height: 110px;
|
||||
margin: 10px 0 10px 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame .tvch_epg {
|
||||
float: left;
|
||||
margin: 0 0 0 186px;
|
||||
}
|
||||
|
||||
.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame.focused .tvch_epg {
|
||||
margin: 0 0 0 210px;
|
||||
}
|
||||
|
||||
.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame #tvch_epg_title {
|
||||
font-size: 32px;
|
||||
width: 468px;
|
||||
color: rgb(255, 255, 255);
|
||||
border-bottom: solid;
|
||||
border-bottom-color: rgba(94, 90, 86, 0.8);
|
||||
white-space: nowrap;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame.focused #tvch_epg_title {
|
||||
border-bottom-color: rgb(181, 218, 16);
|
||||
color: rgb(181, 218, 16);
|
||||
.main .tv .bg #lst_tvCtgyFrm .item #tvctg_title {
|
||||
line-height: 50px;
|
||||
/* padding: 0 0 0 10px; */
|
||||
/* margin: 0 0 0px 10px; */
|
||||
font-size: 40px;
|
||||
}
|
||||
|
||||
.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame #tvch_epg_title::before {
|
||||
content: attr(ch_num);
|
||||
font-size: 32px;
|
||||
text-align: left;
|
||||
margin: 20px 10px 0 0;
|
||||
padding: 0 5px 0 5px;
|
||||
color: rgb(10, 10, 10);
|
||||
background-color: rgba(210, 210, 210, 1);
|
||||
text-shadow: 0 0 5px rgba(68, 68, 68, 1), 0 0 20px rgba(10, 175, 230, 0);
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame #tvch_epg_info {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
color: rgb(235, 235, 235);
|
||||
white-space: nowrap;
|
||||
display: none;
|
||||
}
|
||||
/************************************************************/
|
||||
/* TV CATEGORY FRAME STYLE [ END ] */
|
||||
/************************************************************/
|
||||
|
||||
|
||||
/************************************************************/
|
||||
/* TV CHANNEL FRAME STYLE [ START ] */
|
||||
/************************************************************/
|
||||
.main .tv .bg .chFrm {
|
||||
position: absolute;
|
||||
top: 82%;
|
||||
left: 0 px;
|
||||
width: 100%;
|
||||
height: 134px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: rgba(245,245,245,1.0);
|
||||
background-color: rgba(0,0,0,0.8);
|
||||
display: flex;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame #tvch_logo {
|
||||
width: 176px;
|
||||
height: 110px;
|
||||
.main .tv .bg .chFrm .chLogo {
|
||||
width: 15%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 10px 10px 10px 10px;
|
||||
}
|
||||
|
||||
.main .tv .bg .chFrm .chLogo #icon{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-repeat: no-repeat;
|
||||
background-color: rgba(255,255,255,1);
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
border-radius: 10px;
|
||||
border: 2px solid rgb(67, 82, 105);
|
||||
}
|
||||
|
||||
.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame.focused #tvch_logo {
|
||||
border: solid rgb(181, 218, 16);
|
||||
transform: scale(1.14);
|
||||
transform-origin: 2% 48%;
|
||||
z-index: 2;
|
||||
.main .tv .bg .chFrm .chNum {
|
||||
width: 10%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.main .tv .bg .owl-carousel .owl-stage-outer .item #tvctg_arrow_up {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
margin: 10px 0 0 70px;
|
||||
.main .tv .bg .chFrm .chNum #arrow_up{
|
||||
padding: 0;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
margin: 10px 0 0 86px;
|
||||
transform: rotate(-45deg) skew(15deg, 15deg);
|
||||
border-top: 5px #fff solid;
|
||||
border-right: 5px #fff solid;
|
||||
/* text-align: center; */
|
||||
display: block;
|
||||
}
|
||||
|
||||
.main .tv .bg .owl-carousel .owl-stage-outer .item #tvctg_arrow_down {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
margin: 10px 0 0 70px;
|
||||
.main .tv .bg .chFrm .chNum #number{
|
||||
width: 100%;
|
||||
height: 48%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
line-height: 64px;
|
||||
font-size: 48px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
display: block;
|
||||
/* background-color: red; */
|
||||
}
|
||||
|
||||
.main .tv .bg .chFrm .chNum #arrow_down{
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
margin: 0px 0 0 86px;
|
||||
transform: rotate(135deg) skew(15deg, 15deg);
|
||||
border-top: 5px #fff solid;
|
||||
border-right: 5px #fff solid;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/*************************/
|
||||
/* STYLE for TV Shortcut */
|
||||
/*************************/
|
||||
.main .tv .shortcut {
|
||||
.main .tv .bg .chFrm .chDesc {
|
||||
width: 75%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 5px 0px 5px 0px;
|
||||
}
|
||||
|
||||
.main .tv .bg .chFrm .chDesc #epg_chname{
|
||||
width: 100%;
|
||||
height: 34px;
|
||||
line-height: 34px;
|
||||
font-size: 30px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.main .tv .bg .chFrm .chDesc #epg_title{
|
||||
width: 100%;
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
font-size: 50px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.main .tv .bg .chFrm .chDesc #epg_details{
|
||||
width: 100%;
|
||||
height: 28px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
line-height: 28px;
|
||||
font-size: 20px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.main .tv .bg .chFrm .chDesc #epg_details #tm_current{
|
||||
width: 20%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.main .tv .bg .chFrm .chDesc #epg_details #tm_playing{
|
||||
width: 20%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.main .tv .bg .chFrm .chDesc #epg_details #tm_chart{
|
||||
width: 58%;
|
||||
height: 86%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: rgba(80,80,80,0.8);
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.main .tv .bg .chFrm .chDesc #epg_details #tm_chart .progress{
|
||||
margin: 5px 5px 0px 5px;
|
||||
/* padding: 14px 0px 0px 0px; */
|
||||
height: 14px;
|
||||
/* vertical-align: middle; */
|
||||
background-color: rgba(245,245,245,0.8);
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
/************************************************************/
|
||||
/* TV CHANNEL FRAME STYLE [ END ] */
|
||||
/************************************************************/
|
||||
|
||||
/************************************************************/
|
||||
/* TV SHORTCUT STYLE [ START ] */
|
||||
/************************************************************/
|
||||
.main .tv .shortcut_mode0 {
|
||||
position: absolute;
|
||||
top: 3%;
|
||||
left: 87%;
|
||||
width: 12%;
|
||||
height: 72px;
|
||||
/* background: rgba(0, 0, 0, 0.7); */
|
||||
/* background-color: red; */
|
||||
background-color: rgba(0, 0, 0, 0.8);
|
||||
padding: 0px 0px 0px 0px;
|
||||
border-top: 5px solid rgb(40, 40, 40);
|
||||
border-bottom: 5px solid rgb(40, 40, 40);
|
||||
display: none;
|
||||
font-size: 52px;
|
||||
line-height: 62px;
|
||||
color: rgb(245,245,245);
|
||||
text-align: center;
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
.main .tv .shortcut_mode1 {
|
||||
position: absolute;
|
||||
top: 18%;
|
||||
left: 75%;
|
||||
@@ -167,22 +268,23 @@
|
||||
padding: 20px 6px 20px 6px;
|
||||
border-top: 5px solid rgba(0,0,0,0.7);
|
||||
border-bottom: 5px solid rgba(0,0,0,0.7);
|
||||
display: none;
|
||||
}
|
||||
|
||||
.main .tv .shortcut div#suggestion {
|
||||
.main .tv .shortcut_mode1 div#suggestion {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 84%;
|
||||
}
|
||||
|
||||
.main .tv .shortcut div#suggestion table {
|
||||
.main .tv .shortcut_mode1 div#suggestion table {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
/* padding: 3px 0px 3px 0px; */
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
.main .tv .shortcut .ch_list>#record {
|
||||
.main .tv .shortcut_mode1 .ch_list>#record {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
@@ -191,7 +293,7 @@
|
||||
padding: 14px 0px 0px 0px;
|
||||
}
|
||||
|
||||
.main .tv .shortcut .ch_list>#record tr {
|
||||
.main .tv .shortcut_mode1 .ch_list>#record tr {
|
||||
width: 96%;
|
||||
display: block;
|
||||
float: left;
|
||||
@@ -200,20 +302,20 @@
|
||||
border-top: 1px solid rgb(67, 82, 105);
|
||||
}
|
||||
|
||||
.main .tv .shortcut .ch_list>#record tr.active {
|
||||
.main .tv .shortcut_mode1 .ch_list>#record tr.active {
|
||||
color:rgb(255, 192, 0);
|
||||
background-color: rgba(0,0,0,0.6);
|
||||
border-top: 2px solid rgb(255, 192, 0);
|
||||
border-bottom: 2px solid rgb(255, 192, 0);
|
||||
}
|
||||
|
||||
.main .tv .shortcut .ch_list>#record tr>.scitem {
|
||||
.main .tv .shortcut_mode1 .ch_list>#record tr>.scitem {
|
||||
font-size: 40px;
|
||||
line-height: 1;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.main .tv .shortcut .ch_list>#record tr>.scitem>#logo {
|
||||
.main .tv .shortcut_mode1 .ch_list>#record tr>.scitem>#logo {
|
||||
width: 24%;
|
||||
height: 40px;
|
||||
/* height: 100%; */
|
||||
@@ -227,7 +329,7 @@
|
||||
/* margin: 1%; */
|
||||
}
|
||||
|
||||
.main .tv .shortcut .ch_list>#record tr>.scitem>#num {
|
||||
.main .tv .shortcut_mode1 .ch_list>#record tr>.scitem>#num {
|
||||
width: 18%;
|
||||
float: left;
|
||||
text-align: center;
|
||||
@@ -235,7 +337,7 @@
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.main .tv .shortcut .ch_list>#record tr>.scitem>#title {
|
||||
.main .tv .shortcut_mode1 .ch_list>#record tr>.scitem>#title {
|
||||
width: 54%;
|
||||
float: left;
|
||||
text-align: center;
|
||||
@@ -244,3 +346,7 @@
|
||||
overflow: hidden;
|
||||
/* margin: 4px 0px 1px 0px; */
|
||||
}
|
||||
|
||||
/************************************************************/
|
||||
/* TV SHORTCUT STYLE [ END ] */
|
||||
/************************************************************/
|
||||
@@ -2829,6 +2829,74 @@
|
||||
}
|
||||
|
||||
|
||||
/********************************************************************************/
|
||||
/* LANGUAGE SELECTION STYLE [ START ] */
|
||||
/********************************************************************************/
|
||||
.popup>.lang_selection {
|
||||
position: absolute;
|
||||
top: 0%;
|
||||
left: 0%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(0,0,0,0.8);
|
||||
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%;
|
||||
height: 27%;
|
||||
line-height: 24px;
|
||||
font-size: 20px;
|
||||
color: rgb(135,139,147);
|
||||
padding: 20px 0px 10px 0px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.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 {
|
||||
|
||||
@@ -2829,6 +2829,74 @@
|
||||
}
|
||||
|
||||
|
||||
/********************************************************************************/
|
||||
/* LANGUAGE SELECTION STYLE [ START ] */
|
||||
/********************************************************************************/
|
||||
.popup>.lang_selection {
|
||||
position: absolute;
|
||||
top: 0%;
|
||||
left: 0%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(0,0,0,0.8);
|
||||
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%;
|
||||
height: 27%;
|
||||
line-height: 24px;
|
||||
font-size: 20px;
|
||||
color: rgb(135,139,147);
|
||||
padding: 20px 0px 10px 0px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.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 {
|
||||
|
||||
@@ -17,147 +17,248 @@
|
||||
height: 100%;
|
||||
padding: 0px;
|
||||
background: url(tv:);
|
||||
/* background: url(https://cropper.watch.aetnd.com/public-content-aetn.video.aetnd.com/video-thumbnails/AETN-History_VMS/21/200/tdih-jun01-HD.jpg); */
|
||||
overflow: hidden;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.main .tv .bg div#lst_tvCtgbg {
|
||||
/************************************************************/
|
||||
/* TV CATEGORY FRAME STYLE [ START ] */
|
||||
/************************************************************/
|
||||
.main .tv .bg #lst_tvCtgyFrm {
|
||||
position: relative;
|
||||
top: 0%;
|
||||
left: 37%;
|
||||
max-width: 26%;
|
||||
width: 26%;
|
||||
height: 50px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
/* background-color: red; */
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.main .tv .bg #lst_tvCtgyFrm .owl-stage-outer {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.main .tv .bg .owl-carousel .owl-stage-outer {
|
||||
width: 780px;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.main .tv .bg .owl-carousel .owl-stage-outer .owl-stage {
|
||||
.main .tv .bg #lst_tvCtgyFrm .owl-stage-outer .owl-stage{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
height: 50px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.main .tv .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item .item {
|
||||
position: absolute;
|
||||
top: 116px;
|
||||
/* left: 80px;
|
||||
width: 1840px; */
|
||||
height: 844px;
|
||||
margin: 20px 20px 20px 20px;
|
||||
padding: 5px 20px 5px 20px;
|
||||
background-color: rgba(0, 0, 0, 0.4);
|
||||
filter: drop-shadow(0 0 10px rgba(0, 0, 0, 1));
|
||||
.main .tv .bg #lst_tvCtgyFrm .owl-stage-outer .owl-stage .owl-item .item {
|
||||
background-color: rgba(0, 0, 0, 0.4); */
|
||||
/* filter: drop-shadow(0 0 10px rgba(0, 0, 0, 1)); */
|
||||
border: solid rgb(137, 139, 129);
|
||||
border-radius: 10px;
|
||||
/* border-radius: 10px; */
|
||||
/* background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 50%, rgba(120, 120, 120, 0.7) 70%, rgba(0, 0, 0, 0.7) 85%); */
|
||||
/* border-color: rgba(230,230,230,0.3) transparent transparent transparent; */
|
||||
/* border-width: 50px 50px 0 0; */
|
||||
/* box-sizing: border-box; */
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.main .tv .bg .owl-carousel .owl-stage-outer .item #tvctg_title {
|
||||
line-height: 100px;
|
||||
padding: 0;
|
||||
margin: 0 0 10px 0;
|
||||
font-size: 80px;
|
||||
color: rgb(235, 235, 235);
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist {
|
||||
max-width: 680px;
|
||||
height: 640px;
|
||||
font-size: 32px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame {
|
||||
height: 110px;
|
||||
margin: 10px 0 10px 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame .tvch_epg {
|
||||
float: left;
|
||||
margin: 0 0 0 186px;
|
||||
}
|
||||
|
||||
.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame.focused .tvch_epg {
|
||||
margin: 0 0 0 210px;
|
||||
}
|
||||
|
||||
.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame #tvch_epg_title {
|
||||
font-size: 32px;
|
||||
width: 468px;
|
||||
color: rgb(255, 255, 255);
|
||||
border-bottom: solid;
|
||||
border-bottom-color: rgba(94, 90, 86, 0.8);
|
||||
white-space: nowrap;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame.focused #tvch_epg_title {
|
||||
border-bottom-color: rgb(181, 218, 16);
|
||||
color: rgb(181, 218, 16);
|
||||
.main .tv .bg #lst_tvCtgyFrm .item #tvctg_title {
|
||||
line-height: 50px;
|
||||
/* padding: 0 0 0 10px; */
|
||||
/* margin: 0 0 0px 10px; */
|
||||
font-size: 40px;
|
||||
}
|
||||
|
||||
.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame #tvch_epg_title::before {
|
||||
content: attr(ch_num);
|
||||
font-size: 32px;
|
||||
text-align: left;
|
||||
margin: 20px 10px 0 0;
|
||||
padding: 0 5px 0 5px;
|
||||
color: rgb(10, 10, 10);
|
||||
background-color: rgba(210, 210, 210, 1);
|
||||
text-shadow: 0 0 5px rgba(68, 68, 68, 1), 0 0 20px rgba(10, 175, 230, 0);
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame #tvch_epg_info {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
color: rgb(235, 235, 235);
|
||||
white-space: nowrap;
|
||||
display: none;
|
||||
}
|
||||
/************************************************************/
|
||||
/* TV CATEGORY FRAME STYLE [ END ] */
|
||||
/************************************************************/
|
||||
|
||||
|
||||
/************************************************************/
|
||||
/* TV CHANNEL FRAME STYLE [ START ] */
|
||||
/************************************************************/
|
||||
.main .tv .bg .chFrm {
|
||||
position: absolute;
|
||||
top: 82%;
|
||||
left: 0 px;
|
||||
width: 100%;
|
||||
height: 134px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: rgba(245,245,245,1.0);
|
||||
background-color: rgba(0,0,0,0.8);
|
||||
display: flex;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame #tvch_logo {
|
||||
width: 176px;
|
||||
height: 110px;
|
||||
.main .tv .bg .chFrm .chLogo {
|
||||
width: 15%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 10px 10px 10px 10px;
|
||||
}
|
||||
|
||||
.main .tv .bg .chFrm .chLogo #icon{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-repeat: no-repeat;
|
||||
background-color: rgba(255,255,255,1);
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
border-radius: 10px;
|
||||
border: 2px solid rgb(67, 82, 105);
|
||||
}
|
||||
|
||||
.main .tv .bg .owl-carousel .owl-stage-outer .item .tvctg_chlist .tvch_item_frame.focused #tvch_logo {
|
||||
border: solid rgb(181, 218, 16);
|
||||
transform: scale(1.14);
|
||||
transform-origin: 2% 48%;
|
||||
z-index: 2;
|
||||
.main .tv .bg .chFrm .chNum {
|
||||
width: 10%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.main .tv .bg .owl-carousel .owl-stage-outer .item #tvctg_arrow_up {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
margin: 10px 0 0 70px;
|
||||
.main .tv .bg .chFrm .chNum #arrow_up{
|
||||
padding: 0;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
margin: 10px 0 0 86px;
|
||||
transform: rotate(-45deg) skew(15deg, 15deg);
|
||||
border-top: 5px #fff solid;
|
||||
border-right: 5px #fff solid;
|
||||
/* text-align: center; */
|
||||
display: block;
|
||||
}
|
||||
|
||||
.main .tv .bg .owl-carousel .owl-stage-outer .item #tvctg_arrow_down {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
margin: 10px 0 0 70px;
|
||||
.main .tv .bg .chFrm .chNum #number{
|
||||
width: 100%;
|
||||
height: 48%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
line-height: 64px;
|
||||
font-size: 48px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
display: block;
|
||||
/* background-color: red; */
|
||||
}
|
||||
|
||||
.main .tv .bg .chFrm .chNum #arrow_down{
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
margin: 0px 0 0 86px;
|
||||
transform: rotate(135deg) skew(15deg, 15deg);
|
||||
border-top: 5px #fff solid;
|
||||
border-right: 5px #fff solid;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/*************************/
|
||||
/* STYLE for TV Shortcut */
|
||||
/*************************/
|
||||
.main .tv .shortcut {
|
||||
.main .tv .bg .chFrm .chDesc {
|
||||
width: 75%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 5px 0px 5px 0px;
|
||||
}
|
||||
|
||||
.main .tv .bg .chFrm .chDesc #epg_chname{
|
||||
width: 100%;
|
||||
height: 34px;
|
||||
line-height: 34px;
|
||||
font-size: 30px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.main .tv .bg .chFrm .chDesc #epg_title{
|
||||
width: 100%;
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
font-size: 50px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.main .tv .bg .chFrm .chDesc #epg_details{
|
||||
width: 100%;
|
||||
height: 28px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
line-height: 28px;
|
||||
font-size: 20px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.main .tv .bg .chFrm .chDesc #epg_details #tm_current{
|
||||
width: 20%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.main .tv .bg .chFrm .chDesc #epg_details #tm_playing{
|
||||
width: 20%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.main .tv .bg .chFrm .chDesc #epg_details #tm_chart{
|
||||
width: 58%;
|
||||
height: 86%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: rgba(80,80,80,0.8);
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.main .tv .bg .chFrm .chDesc #epg_details #tm_chart .progress{
|
||||
margin: 5px 5px 0px 5px;
|
||||
/* padding: 14px 0px 0px 0px; */
|
||||
height: 14px;
|
||||
/* vertical-align: middle; */
|
||||
background-color: rgba(245,245,245,0.8);
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
/************************************************************/
|
||||
/* TV CHANNEL FRAME STYLE [ END ] */
|
||||
/************************************************************/
|
||||
|
||||
/************************************************************/
|
||||
/* TV SHORTCUT STYLE [ START ] */
|
||||
/************************************************************/
|
||||
.main .tv .shortcut_mode0 {
|
||||
position: absolute;
|
||||
top: 3%;
|
||||
left: 87%;
|
||||
width: 12%;
|
||||
height: 72px;
|
||||
/* background: rgba(0, 0, 0, 0.7); */
|
||||
/* background-color: red; */
|
||||
background-color: rgba(0, 0, 0, 0.8);
|
||||
padding: 0px 0px 0px 0px;
|
||||
border-top: 5px solid rgb(40, 40, 40);
|
||||
border-bottom: 5px solid rgb(40, 40, 40);
|
||||
display: none;
|
||||
font-size: 52px;
|
||||
line-height: 62px;
|
||||
color: rgb(245,245,245);
|
||||
text-align: center;
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
.main .tv .shortcut_mode1 {
|
||||
position: absolute;
|
||||
top: 18%;
|
||||
left: 75%;
|
||||
@@ -167,22 +268,23 @@
|
||||
padding: 20px 6px 20px 6px;
|
||||
border-top: 5px solid rgba(0,0,0,0.7);
|
||||
border-bottom: 5px solid rgba(0,0,0,0.7);
|
||||
display: none;
|
||||
}
|
||||
|
||||
.main .tv .shortcut div#suggestion {
|
||||
.main .tv .shortcut_mode1 div#suggestion {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 84%;
|
||||
}
|
||||
|
||||
.main .tv .shortcut div#suggestion table {
|
||||
.main .tv .shortcut_mode1 div#suggestion table {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
/* padding: 3px 0px 3px 0px; */
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
.main .tv .shortcut .ch_list>#record {
|
||||
.main .tv .shortcut_mode1 .ch_list>#record {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
@@ -191,7 +293,7 @@
|
||||
padding: 14px 0px 0px 0px;
|
||||
}
|
||||
|
||||
.main .tv .shortcut .ch_list>#record tr {
|
||||
.main .tv .shortcut_mode1 .ch_list>#record tr {
|
||||
width: 96%;
|
||||
display: block;
|
||||
float: left;
|
||||
@@ -200,20 +302,20 @@
|
||||
border-top: 1px solid rgb(67, 82, 105);
|
||||
}
|
||||
|
||||
.main .tv .shortcut .ch_list>#record tr.active {
|
||||
.main .tv .shortcut_mode1 .ch_list>#record tr.active {
|
||||
color:rgb(255, 192, 0);
|
||||
background-color: rgba(0,0,0,0.6);
|
||||
border-top: 2px solid rgb(255, 192, 0);
|
||||
border-bottom: 2px solid rgb(255, 192, 0);
|
||||
}
|
||||
|
||||
.main .tv .shortcut .ch_list>#record tr>.scitem {
|
||||
.main .tv .shortcut_mode1 .ch_list>#record tr>.scitem {
|
||||
font-size: 40px;
|
||||
line-height: 1;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.main .tv .shortcut .ch_list>#record tr>.scitem>#logo {
|
||||
.main .tv .shortcut_mode1 .ch_list>#record tr>.scitem>#logo {
|
||||
width: 24%;
|
||||
height: 40px;
|
||||
/* height: 100%; */
|
||||
@@ -227,7 +329,7 @@
|
||||
/* margin: 1%; */
|
||||
}
|
||||
|
||||
.main .tv .shortcut .ch_list>#record tr>.scitem>#num {
|
||||
.main .tv .shortcut_mode1 .ch_list>#record tr>.scitem>#num {
|
||||
width: 18%;
|
||||
float: left;
|
||||
text-align: center;
|
||||
@@ -235,7 +337,7 @@
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.main .tv .shortcut .ch_list>#record tr>.scitem>#title {
|
||||
.main .tv .shortcut_mode1 .ch_list>#record tr>.scitem>#title {
|
||||
width: 54%;
|
||||
float: left;
|
||||
text-align: center;
|
||||
@@ -244,3 +346,7 @@
|
||||
overflow: hidden;
|
||||
/* margin: 4px 0px 1px 0px; */
|
||||
}
|
||||
|
||||
/************************************************************/
|
||||
/* TV SHORTCUT STYLE [ END ] */
|
||||
/************************************************************/
|
||||
105
procentric/application/theme/HTL00001/hoteltv.app.full.css
Executable file
105
procentric/application/theme/HTL00001/hoteltv.app.full.css
Executable file
@@ -0,0 +1,105 @@
|
||||
/* STEP[#001]: Define Main */
|
||||
|
||||
.main {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 1920px;
|
||||
height: 1080px;
|
||||
padding: 0px;
|
||||
text-shadow: 0 0 10px rgba(38, 18, 18, 0.5), 0 0 10px rgba(65, 65, 65, 1);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.main ::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.control {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 1920px;
|
||||
height: 1080px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.control .mm .hotkey_red {
|
||||
position: absolute;
|
||||
width: 420px;
|
||||
height: 56px;
|
||||
z-index: 1;
|
||||
display: none;
|
||||
line-height: 50px;
|
||||
color: rgb(235, 235, 235);
|
||||
padding-left: 80px;
|
||||
font-size: 30px;
|
||||
text-shadow: 2px 2px 2px rgba(26, 26, 26, 1);
|
||||
/* filter: drop-shadow(0 0 5px rgb(0, 0, 0)); */
|
||||
white-space: nowrap;
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.control .mm .hotkey_green {
|
||||
position: absolute;
|
||||
width: 420px;
|
||||
height: 56px;
|
||||
z-index: 1;
|
||||
display: none;
|
||||
line-height: 50px;
|
||||
color: rgb(235, 235, 235);
|
||||
padding-left: 80px;
|
||||
font-size: 30px;
|
||||
text-shadow: 2px 2px 2px rgba(26, 26, 26, 1);
|
||||
/* filter: drop-shadow(0 0 5px rgb(0, 0, 0)); */
|
||||
white-space: nowrap;
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.control .mm .hotkey_yellow {
|
||||
position: absolute;
|
||||
width: 420px;
|
||||
height: 56px;
|
||||
z-index: 1;
|
||||
display: none;
|
||||
line-height: 50px;
|
||||
color: rgb(235, 235, 235);
|
||||
padding-left: 80px;
|
||||
font-size: 30px;
|
||||
text-shadow: 2px 2px 2px rgba(26, 26, 26, 1);
|
||||
/* filter: drop-shadow(0 0 5px rgb(0, 0, 0)); */
|
||||
white-space: nowrap;
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.control .mm .hotkey_blue {
|
||||
position: absolute;
|
||||
width: 420px;
|
||||
height: 56px;
|
||||
z-index: 1;
|
||||
display: none;
|
||||
line-height: 50px;
|
||||
color: rgb(235, 235, 235);
|
||||
padding-left: 80px;
|
||||
font-size: 30px;
|
||||
text-shadow: 2px 2px 2px rgba(26, 26, 26, 1);
|
||||
/* filter: drop-shadow(0 0 5px rgb(0, 0, 0)); */
|
||||
white-space: nowrap;
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
|
||||
/* SETP[#003-4]: Player */
|
||||
|
||||
.player {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 1920px;
|
||||
height: 1080px;
|
||||
}
|
||||
291
procentric/application/theme/HTL00001/hoteltv.app.full.ctzgen.css
Executable file
291
procentric/application/theme/HTL00001/hoteltv.app.full.ctzgen.css
Executable file
@@ -0,0 +1,291 @@
|
||||
.main .ctzgen {
|
||||
position: absolute;
|
||||
top: 2160px;
|
||||
left: 0px;
|
||||
width: 1920px;
|
||||
height: 1080px;
|
||||
background-image: url(tv:);
|
||||
display: none;
|
||||
}
|
||||
|
||||
.main .ctzgen .bg {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0%;
|
||||
width: 1920px;
|
||||
height: 1080px;
|
||||
padding: 0px;
|
||||
overflow: hidden;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.main .ctzgen .bg .owl-dots {
|
||||
position: absolute;
|
||||
top: 980px;
|
||||
width: 100%;
|
||||
align-content: center;
|
||||
}
|
||||
|
||||
|
||||
/* .main .ctzgen .bg .owl-dots .owl-dot span {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
} */
|
||||
|
||||
.main .ctzgen .bg div#lst_ctzgenbg {
|
||||
position: absolute;
|
||||
width: 1920px;
|
||||
height: 1080px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.main .ctzgen .bg .owl-carousel .owl-stage-outer {
|
||||
width: 1920px;
|
||||
height: 1080px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.main .ctzgen .bg .owl-carousel .owl-stage-outer .owl-stage {
|
||||
width: 1920px;
|
||||
height: 1080px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.main .ctzgen .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item {
|
||||
width: 1920px;
|
||||
height: 1080px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.main .ctzgen .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item>div {
|
||||
width: 1920px;
|
||||
height: 1080px;
|
||||
background-image: var(--bg_noplay);
|
||||
}
|
||||
|
||||
.main .ctzgen .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item.movieplay>div {
|
||||
width: 1920px;
|
||||
height: 1080px;
|
||||
background-image: url(tv:);
|
||||
}
|
||||
|
||||
.main .ctzgen .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item.movieplay .item .ctz_desc_frame {
|
||||
opacity: 1;
|
||||
animation-delay: 6s;
|
||||
animation-name: fadeOutCtzDescFrame;
|
||||
animation-iteration-count: 1;
|
||||
animation-timing-function: ease-in;
|
||||
animation-fill-mode: forwards;
|
||||
animation-duration: 2s;
|
||||
}
|
||||
|
||||
@keyframes fadeOutCtzDescFrame {
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* OWL Contents Menu Selector Container */
|
||||
|
||||
.main .ctzgen .slider .owl-carousel .owl-item.active.focus div [id*="ctzgen_item_icon"] {
|
||||
background-image: var(--icon_focus);
|
||||
}
|
||||
|
||||
.main .ctzgen .slider .owl-carousel .owl-item.active[class*="unfocus"] div [id*="ctzgen_item_icon"] {
|
||||
background-image: var(--icon_unfocus);
|
||||
}
|
||||
|
||||
.main .ctzgen .slider .owl-carousel .owl-item.active.focus div [id*="ctzgen_item_title"] {
|
||||
transform: scale(1.2);
|
||||
}
|
||||
|
||||
.main .ctzgen .bg .owl-carousel .owl-item .ctz_desc_frame {
|
||||
position: absolute;
|
||||
top: 130px;
|
||||
left: 1280px;
|
||||
width: 620px;
|
||||
height: 830px;
|
||||
color: rgb(255, 255, 255);
|
||||
background-color: rgba(0, 0, 0, 0.7);
|
||||
padding: 0px 12px 0px 12px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.main .ctzgen .bg .owl-carousel .owl-item .ctz_desc_frame #ctz_title {
|
||||
position: absolute;
|
||||
display: flex;
|
||||
font-size: 44px;
|
||||
/* line-height: 44px; */
|
||||
line-height: 1;
|
||||
height: 115px;
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
white-space: pre-wrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
/* justify-content: center; */
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.main .ctzgen .bg .owl-carousel .owl-item .ctz_desc_frame #ctz_thumbnail {
|
||||
margin: 120px 10px 40px 10px;
|
||||
height: 220px;
|
||||
/* filter: drop-shadow(0 0 10px rgba(0, 0, 0, 1)); */
|
||||
/* border: 4px solid rgb(255, 255, 255); */
|
||||
}
|
||||
|
||||
.main .ctzgen .bg .owl-carousel .owl-item .ctz_desc_frame #ctz_thumbnail img {
|
||||
width: auto;
|
||||
height: 212px;
|
||||
overflow: hidden;
|
||||
/* border: 2px solid rgb(40, 40, 40); */
|
||||
border: 2px solid rgb(160, 160, 160);
|
||||
}
|
||||
|
||||
.main .ctzgen .bg .owl-carousel .owl-item .ctz_desc_frame #ctz_description {
|
||||
position: absolute;
|
||||
font-size: 26px;
|
||||
width: 93%;
|
||||
line-height: 1.2;
|
||||
margin: 0 10px 0 10px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.main .ctzgen .bg .owl-carousel .owl-item .ctz_imgvwr_frame {
|
||||
position: absolute;
|
||||
top: 130px;
|
||||
width: 1920px;
|
||||
height: 830px;
|
||||
color: rgb(255, 255, 255);
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
padding: 0px 12px 0px 12px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.main .ctzgen .bg .owl-carousel .owl-item .ctz_mv_ctrl {
|
||||
position: absolute;
|
||||
top: 970px;
|
||||
left: 1700px;
|
||||
height: 54px;
|
||||
line-height: 54px;
|
||||
color: rgb(235, 235, 235);
|
||||
font-size: 38px;
|
||||
filter: drop-shadow(0 0 5px rgb(0, 0, 0));
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.main .ctzgen .bg .owl-carousel .owl-item.movieplay .item .ctz_mv_ctrl {
|
||||
animation-delay: 4s;
|
||||
animation-name: moveCtzMvCtrl;
|
||||
animation-iteration-count: 1;
|
||||
animation-timing-function: ease-in;
|
||||
animation-fill-mode: forwards;
|
||||
animation-duration: 1s;
|
||||
}
|
||||
|
||||
@keyframes moveCtzMvCtrl {
|
||||
from {
|
||||
left: 1700px;
|
||||
}
|
||||
to {
|
||||
left: 2220px
|
||||
}
|
||||
}
|
||||
|
||||
.main .ctzgen .bg .owl-carousel .owl-item .ctz_mv_ctrl::before {
|
||||
position: absolute;
|
||||
content: '';
|
||||
width: 128px;
|
||||
height: 54px;
|
||||
margin-left: -140px;
|
||||
background-image: url("./images/icons/icon_btn_media_play.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: right center;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.main .ctzgen .bg .owl-carousel .owl-item.movieplay .ctz_mv_ctrl::before {
|
||||
animation-name: iconCtzMvCtrlBtn;
|
||||
animation-iteration-count: 1;
|
||||
animation-timing-function: ease-in;
|
||||
animation-fill-mode: forwards;
|
||||
animation-duration: 1s;
|
||||
}
|
||||
|
||||
@keyframes iconCtzMvCtrlBtn {
|
||||
0% {
|
||||
transform: rotateX(0deg);
|
||||
}
|
||||
50% {
|
||||
transform: rotateX(90deg);
|
||||
background-image: url("./images/icons/icon_btn_media_stop.png");
|
||||
}
|
||||
100% {
|
||||
transform: rotateX(0deg);
|
||||
background-image: url("./images/icons/icon_btn_media_stop.png");
|
||||
}
|
||||
}
|
||||
|
||||
.main .ctzgen .bg .owl-carousel .owl-item .ctz_mv_ctrl::after {
|
||||
content: var(--playmsg);
|
||||
}
|
||||
|
||||
.main .ctzgen .bg .owl-carousel .owl-item.movieplay .ctz_mv_ctrl::after {
|
||||
animation-delay: 1s;
|
||||
animation-name: msgCtzMvCtrlBtn;
|
||||
animation-iteration-count: 1;
|
||||
animation-timing-function: ease-in;
|
||||
animation-fill-mode: forwards;
|
||||
animation-duration: 2s;
|
||||
}
|
||||
|
||||
@keyframes msgCtzMvCtrlBtn {
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
25% {
|
||||
opacity: 0;
|
||||
content: var(--stopmsg);
|
||||
}
|
||||
50% {
|
||||
opacity: 1;
|
||||
content: var(--stopmsg);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
content: var(--stopmsg);
|
||||
}
|
||||
}
|
||||
|
||||
.image-slider {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 480px;
|
||||
height: 272px;
|
||||
}
|
||||
|
||||
.main #imageGallery {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0%;
|
||||
width: 480px;
|
||||
height: 272px;
|
||||
padding: 0px;
|
||||
overflow: hidden;
|
||||
}
|
||||
26
procentric/application/theme/HTL00001/hoteltv.app.full.guide.css
Executable file
26
procentric/application/theme/HTL00001/hoteltv.app.full.guide.css
Executable file
@@ -0,0 +1,26 @@
|
||||
/* Brocure */
|
||||
|
||||
.guide {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 1920px;
|
||||
height: 1080px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
z-index: 2;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.guide>.tips {
|
||||
position: absolute;
|
||||
top: 1034px;
|
||||
left: 0px;
|
||||
width: 1920px;
|
||||
height: 40px;
|
||||
font-size: 32px;
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
background-color: rgba(19, 21, 23, 0.6);
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
137
procentric/application/theme/HTL00001/hoteltv.app.full.mm.css
Executable file
137
procentric/application/theme/HTL00001/hoteltv.app.full.mm.css
Executable file
@@ -0,0 +1,137 @@
|
||||
/* STEP[#002]: Define MAIN-MENU BG FRAMES */
|
||||
|
||||
.main .mm {
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.main .mm .bg {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0px;
|
||||
overflow: hidden;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.main .mm .bg div {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.main .mm .bg div .item {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.main .mm .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
/* STEP[#003]: Define MAIN-MENU SELECTOR FRAMES */
|
||||
|
||||
.main .mm .slider {
|
||||
position: absolute;
|
||||
/* top: 734px; */
|
||||
top: 884px;
|
||||
left: 0px;
|
||||
width: 1920px;
|
||||
/* height: 300px; */
|
||||
padding: 0px;
|
||||
overflow: hidden;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.main .mm .slider .owl-carousel.owl-theme {
|
||||
/* height: 266px;
|
||||
max-height: 266px; */
|
||||
height: 100%;
|
||||
padding-left: 0;
|
||||
margin: 50px 0 0 0;
|
||||
}
|
||||
|
||||
.main .mm .slider .owl-carousel.owl-theme .owl-carousel-outer {
|
||||
/* height: 266px;
|
||||
max-height: 266px; */
|
||||
height: 100%;
|
||||
padding-left: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
div#mm_item_title {
|
||||
position: absolute;
|
||||
/* top: 190px; */
|
||||
top: 22px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: rgb(235, 235, 235);
|
||||
/* font-size: 2.2vw; */
|
||||
font-size: 34px;
|
||||
line-height: 52px;
|
||||
white-space: nowrap;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div#mm_item_icon {
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: block
|
||||
}
|
||||
|
||||
|
||||
/* OWL Main Menu Selector Container */
|
||||
|
||||
.main .mm .slider .owl-dots {
|
||||
position: absolute;
|
||||
top: -45px;
|
||||
width: 100%;
|
||||
align-content: center;
|
||||
}
|
||||
|
||||
.main .mm .slider .owl-theme .owl-dots .owl-dot span {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: none;
|
||||
}
|
||||
|
||||
.main .mm .slider .owl-theme .owl-dots .owl-dot.active span {
|
||||
/* background: rgb(181, 218, 16); */
|
||||
background: rgb(245, 245, 245);
|
||||
}
|
||||
|
||||
|
||||
/* .main .mm .slider .owl-carousel .owl-item.active.focus div {
|
||||
transform: scale(1.14);
|
||||
} */
|
||||
|
||||
.main .mm .slider .owl-carousel .owl-item.active.focus:after {
|
||||
width: 336px;
|
||||
}
|
||||
|
||||
.main .mm .slider .owl-carousel .owl-item.active[class*="unfocus"]:after {
|
||||
width: 264px;
|
||||
}
|
||||
|
||||
.main .mm .slider .owl-carousel .owl-item.active.focus div [id*="mm_item_icon"] {
|
||||
background-image: var(--icon_focus);
|
||||
}
|
||||
|
||||
.main .mm .slider .owl-carousel .owl-item.active[class*="unfocus"] div [id*="mm_item_icon"] {
|
||||
background-image: var(--icon_unfocus);
|
||||
}
|
||||
|
||||
.main .mm .slider .owl-carousel .owl-item.active.focus div [id*="mm_item_title"] {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
194
procentric/application/theme/HTL00001/hoteltv.app.full.mm.flight.css
Executable file
194
procentric/application/theme/HTL00001/hoteltv.app.full.mm.flight.css
Executable file
@@ -0,0 +1,194 @@
|
||||
/* =============================
|
||||
Main Menu Flight Format
|
||||
*/
|
||||
|
||||
.main .mm .flight {
|
||||
position: absolute;
|
||||
top: 120px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: 620px;
|
||||
max-height: 620px;
|
||||
padding-left: 0;
|
||||
margin: 0;
|
||||
background-color: rgba(0, 0, 0, .5);
|
||||
filter: drop-shadow(4px 4px 10px rgba(255, 255, 255, 0.8));
|
||||
overflow: hidden;
|
||||
z-index: 1;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.main .mm .flight .departure {
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.main .mm .flight .arrival {
|
||||
left: 52%;
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.main .mm .flight #title {
|
||||
font-size: 40px;
|
||||
color: rgb(235, 235, 235);
|
||||
height: 46px;
|
||||
}
|
||||
|
||||
.main .mm .flight .departure #title {
|
||||
text-align:left;
|
||||
margin-left:10px;
|
||||
}
|
||||
|
||||
.main .mm .flight .arrival #title {
|
||||
text-align:right;
|
||||
margin-right:50px;
|
||||
}
|
||||
|
||||
.main .mm .flight table {
|
||||
position: absolute;
|
||||
width: 940px;
|
||||
height: 540px;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
color: rgb(235, 235, 235);
|
||||
text-align: center;
|
||||
white-space: normal;
|
||||
word-break: break-word;
|
||||
border-collapse: collapse;
|
||||
display: block;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.main .mm .flight #border_table_bottom {
|
||||
position:absolute;
|
||||
top:560px;
|
||||
margin-left:10px;
|
||||
width:900px;
|
||||
height:20px;
|
||||
background-color: rgba(0,0,0,0.4);
|
||||
border-bottom-left-radius: 10px;
|
||||
border-bottom-right-radius: 10px;
|
||||
}
|
||||
|
||||
.main .mm .flight #caution {
|
||||
top: 590px;
|
||||
width: 99%;
|
||||
height:50px;
|
||||
text-align: right;
|
||||
color:rgb(180,180,190);
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
|
||||
/* .main .mm .flight table::-webkit-scrollbar {
|
||||
display: none;
|
||||
} */
|
||||
|
||||
.main .mm .flight table tbody#record {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 460px;
|
||||
top: 52px;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.main .mm .flight .tbl_header tr {
|
||||
height: 50px;
|
||||
max-height: 50px;
|
||||
}
|
||||
|
||||
.main .mm .flight table #airline {
|
||||
width: 118px;
|
||||
max-width: 120px;
|
||||
}
|
||||
|
||||
.main .mm .flight table #flight {
|
||||
width: 70px;
|
||||
max-width: 70px;
|
||||
}
|
||||
|
||||
.main .mm .flight table #scheduled {
|
||||
width: 128px;
|
||||
max-width: 130px;
|
||||
}
|
||||
|
||||
.main .mm .flight table #origin {
|
||||
width: 88px;
|
||||
max-width: 90px;
|
||||
}
|
||||
|
||||
.main .mm .flight table #destination {
|
||||
width: 122px;
|
||||
max-width: 124px;
|
||||
}
|
||||
|
||||
.main .mm .flight table #type {
|
||||
width: 148px;
|
||||
max-width: 150px;
|
||||
}
|
||||
|
||||
.main .mm .flight table #gate {
|
||||
width: 58px;
|
||||
max-width: 60px;
|
||||
}
|
||||
|
||||
.main .mm .flight table td#status {
|
||||
width: 168px;
|
||||
max-width: 169px;
|
||||
}
|
||||
|
||||
.main .mm .flight table th#airline {
|
||||
border-top-left-radius: 10px;
|
||||
}
|
||||
|
||||
.main .mm .flight table th#status {
|
||||
width: 168px;
|
||||
max-width: 169px;
|
||||
border-top-right-radius: 10px;
|
||||
}
|
||||
|
||||
.main .mm .flight table th {
|
||||
font-size: 20px;
|
||||
color: rgb(235, 235, 235);
|
||||
background: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.main .mm .flight table td {
|
||||
font-size: 20px;
|
||||
color: rgb(235, 235, 235);
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.main .mm .flight ::-webkit-scrollbar {
|
||||
display: block;
|
||||
width: 20px;
|
||||
/* 세로축 스크롤바 길이 */
|
||||
height: 20px;
|
||||
/* 가로축 스크롤바 길이 */
|
||||
}
|
||||
|
||||
.main .mm .flight ::-webkit-scrollbar-track {
|
||||
background-color: lightblue;
|
||||
}
|
||||
|
||||
.main .mm .flight ::-webkit-scrollbar-track-piece {
|
||||
background-color: gray;
|
||||
}
|
||||
|
||||
.main .mm .flight ::-webkit-scrollbar-thumb {
|
||||
border-radius: 8px;
|
||||
background-color: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
|
||||
.main .mm .flight ::-webkit-scrollbar-button:start {
|
||||
background-color: orange;
|
||||
/* Top, Left 방향의 이동버튼 */
|
||||
}
|
||||
|
||||
.main .mm .flight ::-webkit-scrollbar-button:end {
|
||||
background-color: orange;
|
||||
/* Bottom, Right 방향의 이동버튼 */
|
||||
}
|
||||
186
procentric/application/theme/HTL00001/hoteltv.app.full.mm.weather.css
Executable file
186
procentric/application/theme/HTL00001/hoteltv.app.full.mm.weather.css
Executable file
@@ -0,0 +1,186 @@
|
||||
/* =============================
|
||||
Main Menu Weather Format
|
||||
*/
|
||||
|
||||
.main .mm .weather {
|
||||
position: absolute;
|
||||
top: 200px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: 400px;
|
||||
max-height: 400px;
|
||||
padding-left: 0;
|
||||
margin: 0;
|
||||
background-color: rgba(235, 235, 235, .5);
|
||||
filter: drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.8));
|
||||
z-index: 1;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.main .mm .weather .location {
|
||||
position: absolute;
|
||||
top: 40px;
|
||||
left: 100px;
|
||||
font-size: 50px;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
color: rgb(235, 235, 235);
|
||||
z-index: 1;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.main .mm .weather .today {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 100px;
|
||||
width: 320px;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.main .mm .weather .today #temp_cur {
|
||||
position: relative;
|
||||
top: 110px;
|
||||
font-size: 160px;
|
||||
text-align: center;
|
||||
color: rgb(21, 126, 251);
|
||||
}
|
||||
|
||||
.main .mm .weather .today #temp_minmax {
|
||||
position: relative;
|
||||
top: 120px;
|
||||
font-size: 50px;
|
||||
text-align: right;
|
||||
color: rgb(235, 235, 235);
|
||||
display: block;
|
||||
}
|
||||
|
||||
.main .mm .weather .today .detail {
|
||||
position: absolute;
|
||||
top: 40px;
|
||||
left: 400px;
|
||||
width: 400px;
|
||||
height: 360px;
|
||||
color: rgb(235, 235, 235);
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.main .mm .weather .today .detail #discription {
|
||||
height: 50px;
|
||||
font-size: 40px;
|
||||
text-align: center;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.main .mm .weather .today .detail #img_status {
|
||||
height: 160px;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
background-position: center center;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.main .mm .weather .today .detail #humidity {
|
||||
width: 100%;
|
||||
padding: 20px;
|
||||
height: 40px;
|
||||
text-align: center;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.main .mm .weather .today .detail #wind {
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
text-align: center;
|
||||
display: block;
|
||||
margin-top: 24px;
|
||||
}
|
||||
|
||||
.main .mm .weather .today .detail #icon {
|
||||
filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.8));
|
||||
}
|
||||
|
||||
.main .mm .weather .forcast .daily {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
left: 1000px;
|
||||
width: 910px;
|
||||
height: 180px;
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
border-top-left-radius: 10px;
|
||||
border-top-right-radius: 10px;
|
||||
padding: 5px 0 0 10px;
|
||||
color: rgb(235, 235, 235);
|
||||
}
|
||||
|
||||
.main .mm .weather .forcast .daily ul {
|
||||
width: 95%;
|
||||
height: 100px;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.main .mm .weather .forcast .daily li {
|
||||
width: 150px;
|
||||
height: 90px;
|
||||
font-size: 24px;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
background-position: right center;
|
||||
filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.8));
|
||||
float: left;
|
||||
display: inline;
|
||||
margin: 0 10px 0 10px;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.main .mm .weather .forcast div#time {
|
||||
height: 90%;
|
||||
text-align: left;
|
||||
color: rgb(170, 170, 170);
|
||||
}
|
||||
|
||||
.main .mm .weather .forcast div#temp {
|
||||
margin-top: 8px;
|
||||
height: 30%;
|
||||
text-align: left;
|
||||
color: rgb(170, 170, 170);
|
||||
}
|
||||
|
||||
.main .mm .weather .forcast .weekly {
|
||||
position: absolute;
|
||||
top: 200px;
|
||||
left: 1000px;
|
||||
width: 910px;
|
||||
height: 190px;
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
border-bottom-left-radius: 10px;
|
||||
border-bottom-right-radius: 10px;
|
||||
padding: 0 0 0 10px;
|
||||
color: rgb(235, 235, 235);
|
||||
}
|
||||
|
||||
.main .mm .weather .forcast .weekly ul {
|
||||
width: 95%;
|
||||
height: 100px;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.main .mm .weather .forcast .weekly li {
|
||||
width: 150px;
|
||||
height: 90px;
|
||||
font-size: 24px;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
background-position: right center;
|
||||
filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.8));
|
||||
float: left;
|
||||
display: inline;
|
||||
margin: 0 10px 0 10px;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.main .mm .weather .forcast div#date {
|
||||
height: 90%;
|
||||
text-align: left;
|
||||
color: rgb(170, 170, 170);
|
||||
}
|
||||
518
procentric/application/theme/HTL00001/hoteltv.app.full.mypage.css
Executable file
518
procentric/application/theme/HTL00001/hoteltv.app.full.mypage.css
Executable file
@@ -0,0 +1,518 @@
|
||||
.main .mypage {
|
||||
position: absolute;
|
||||
top: 1080px;
|
||||
left: 0px;
|
||||
width: 1920px;
|
||||
height: 1080px;
|
||||
background-color: black;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.main .mypage .bg {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0px;
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.main .mypage .bg div#lst_mypagebg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.main .mypage .bg .owl-carousel .owl-stage-outer {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.main .mypage .bg .owl-carousel .owl-stage-outer .owl-stage {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.main .mypage .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.main .mypage .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item>div {
|
||||
width: 1920px;
|
||||
height: 1080px;
|
||||
background-image: var(--bg_noplay);
|
||||
}
|
||||
|
||||
.main .mypage .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item.movieplay>div {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-image: url(tv:);
|
||||
}
|
||||
|
||||
.main .mypage .bg div .item {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
|
||||
/* STEP[#003]: Define SUB-MENU SELECTOR FRAMES */
|
||||
|
||||
.main .mypage .slider {
|
||||
position: absolute;
|
||||
top: 864px;
|
||||
left: 0px;
|
||||
width: 1920px;
|
||||
height: 170px;
|
||||
padding-top: 50px;
|
||||
overflow: hidden;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.main .mypage .slider div {
|
||||
height: 120px;
|
||||
max-height: 120px;
|
||||
padding-left: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
div#mp_item_title {
|
||||
position: absolute;
|
||||
top: 40px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: rgb(235, 235, 235);
|
||||
font-size: 2.2vw;
|
||||
white-space: nowrap;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div#mp_item_icon {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: block
|
||||
}
|
||||
|
||||
div#lst_mypagebg div #mp_accomo_title {
|
||||
position: absolute;
|
||||
top: 165px;
|
||||
left: 224px;
|
||||
width: 1536px;
|
||||
height: 42px;
|
||||
line-height: 42px;
|
||||
color: rgb(235, 235, 235);
|
||||
font-size: 46px;
|
||||
}
|
||||
|
||||
div#lst_mypagebg div #mp_accomo_title::before {
|
||||
position: absolute;
|
||||
content: '';
|
||||
width: 48px;
|
||||
height: 40px;
|
||||
margin-left: -62px;
|
||||
background-image: url("./images/icons/icon_mypage_title.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: right center;
|
||||
background-size: contain;
|
||||
filter: drop-shadow(0 0 5px rgba(0, 0, 0, 1));
|
||||
}
|
||||
|
||||
div#lst_mypagebg div #mp_accomo_infowin {
|
||||
position: absolute;
|
||||
top: 230px;
|
||||
left: 160px;
|
||||
width: 1600px;
|
||||
height: 600px;
|
||||
padding: 30px 10px 10px 10px;
|
||||
color: rgb(235, 235, 235);
|
||||
border: 1px solid rgb(28, 28, 28);
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.9));
|
||||
}
|
||||
|
||||
div#lst_mypagebg div #mp_accomo_infowin .accmoinf_item {
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
div#lst_mypagebg div #mp_accomo_infowin .accmoinf_item #header {
|
||||
width: 20%;
|
||||
height: 50px;
|
||||
text-align: right;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
div#lst_mypagebg div #mp_accomo_infowin .accmoinf_item #value {
|
||||
width: 80%;
|
||||
margin-left: 50px;
|
||||
}
|
||||
|
||||
div#lst_mypagebg div #mp_hotel_infowin {
|
||||
position: absolute;
|
||||
top: 664px;
|
||||
left: 190px;
|
||||
width: 1540px;
|
||||
height: 132px;
|
||||
background-color: rgba(84, 84, 84, 0.9);
|
||||
padding: 10px 11px 10px 11px;
|
||||
filter: drop-shadow(0 4px 5px rgba(0, 0, 0, 1));
|
||||
}
|
||||
|
||||
div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item {
|
||||
width: 32%;
|
||||
height: 100%;
|
||||
display: inline-block;
|
||||
padding: 5px;
|
||||
font-size: 20px;
|
||||
color: rgb(235, 235, 235);
|
||||
text-shadow: 0 0 3px rgba(0, 0, 0, 1);
|
||||
}
|
||||
|
||||
div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item #title {
|
||||
display: block;
|
||||
font-size: 26px;
|
||||
}
|
||||
|
||||
div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item #address {
|
||||
position: absolute;
|
||||
width: 470px;
|
||||
top: 60px;
|
||||
margin-left: 26px
|
||||
}
|
||||
|
||||
div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item #address::before {
|
||||
position: absolute;
|
||||
content: '';
|
||||
width: 30px;
|
||||
height: 26px;
|
||||
margin-left: -32px;
|
||||
background-image: url("./images/icons/icon_place_48x48.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: right center;
|
||||
background-size: contain;
|
||||
filter: drop-shadow(0 3px 5px rgba(0, 0, 0, 1));
|
||||
}
|
||||
|
||||
div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item #email {
|
||||
position: absolute;
|
||||
width: 470px;
|
||||
top: 60px;
|
||||
margin-left: 32px
|
||||
}
|
||||
|
||||
div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item #email::before {
|
||||
position: absolute;
|
||||
content: '';
|
||||
width: 30px;
|
||||
height: 26px;
|
||||
margin-left: -36px;
|
||||
background-image: url("./images/icons/icon_cotact_email_48x48.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: right center;
|
||||
background-size: contain;
|
||||
filter: drop-shadow(0 0 5px rgba(0, 0, 0, 1));
|
||||
}
|
||||
|
||||
div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item #phone {
|
||||
position: absolute;
|
||||
width: 470px;
|
||||
top: 90px;
|
||||
margin-left: 32px
|
||||
}
|
||||
|
||||
div#lst_mypagebg div #mp_hotel_infowin .hotelinfo_item #phone::before {
|
||||
position: absolute;
|
||||
content: '';
|
||||
width: 30px;
|
||||
height: 26px;
|
||||
margin-left: -36px;
|
||||
background-image: url("./images/icons/icon_contact_phone_48x48.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: right center;
|
||||
background-size: contain;
|
||||
filter: drop-shadow(0 0 5px rgba(0, 0, 0, 1));
|
||||
}
|
||||
|
||||
div#lst_mypagebg div #mp_message_title {
|
||||
position: absolute;
|
||||
top: 165px;
|
||||
left: 224px;
|
||||
width: 1536px;
|
||||
height: 42px;
|
||||
line-height: 42px;
|
||||
color: rgb(235, 235, 235);
|
||||
font-size: 46px;
|
||||
}
|
||||
|
||||
div#lst_mypagebg div #mp_message_title::before {
|
||||
position: absolute;
|
||||
content: '';
|
||||
width: 48px;
|
||||
height: 40px;
|
||||
margin-left: -62px;
|
||||
background-image: url("./images/icons/icon_cotact_email_96x96.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: right center;
|
||||
background-size: contain;
|
||||
filter: drop-shadow(0 0 5px rgba(0, 0, 0, 1));
|
||||
}
|
||||
|
||||
div#lst_mypagebg div #mp_message_table {
|
||||
position: absolute;
|
||||
top: 230px;
|
||||
left: 160px;
|
||||
width: 1600px;
|
||||
height: 600px;
|
||||
padding: 10px 10px 10px 32px;
|
||||
color: rgb(235, 235, 235);
|
||||
border: 1px solid rgb(28, 28, 28);
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.9));
|
||||
}
|
||||
|
||||
div#lst_mypagebg div #mp_message_table>#mp_msg_tblhdr {
|
||||
position: absolute;
|
||||
width: 1580px;
|
||||
font-size: 36px;
|
||||
line-height: 74px;
|
||||
display: block;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
div#lst_mypagebg div #mp_message_table>#mp_msg_tblhdr tr {
|
||||
text-align: center;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
|
||||
div#lst_mypagebg div #mp_message_table>#mp_msg_tblhdr tr th {
|
||||
border-bottom: 5px solid rgb(94, 94, 94, 1);
|
||||
}
|
||||
|
||||
div#lst_mypagebg div #mp_message_table>#mp_msg_tblhdr tr>#num {
|
||||
width: 160px;
|
||||
}
|
||||
|
||||
div#lst_mypagebg div #mp_message_table>#mp_msg_tblhdr tr>#title {
|
||||
width: 780px;
|
||||
}
|
||||
|
||||
div#lst_mypagebg div #mp_message_table>#mp_msg_tblhdr tr>#from {
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
div#lst_mypagebg div #mp_message_table>#mp_msg_tblhdr tr>#date {
|
||||
width: 280px;
|
||||
}
|
||||
|
||||
div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec {
|
||||
position: absolute;
|
||||
top: 90px;
|
||||
width: 1580px;
|
||||
height: 478px;
|
||||
font-size: 32px;
|
||||
overflow: auto;
|
||||
display: block;
|
||||
border-collapse: separate;
|
||||
border-spacing: 0 16px;
|
||||
text-shadow: 0 0 5px rgba(0, 0, 0, 1), 0 0 5px rgba(0, 0, 0, 1);
|
||||
}
|
||||
|
||||
div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tbody {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr {
|
||||
line-height: 52px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr.focus {
|
||||
background-color: rgba(127, 127, 127, 0.9);
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
|
||||
div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr td {}
|
||||
|
||||
div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr>#num {
|
||||
width: 160px;
|
||||
padding-left: 90px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr>#num::before {
|
||||
position: absolute;
|
||||
content: '';
|
||||
background-image: url(./images/icons/icon_unread_message_48x48.png);
|
||||
margin-top: 6px;
|
||||
width: 42px;
|
||||
height: 38px;
|
||||
margin-left: -64px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: contain;
|
||||
filter: drop-shadow(0 0 4px rgb(0, 0, 0));
|
||||
}
|
||||
|
||||
div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr>#num.read::before {
|
||||
position: absolute;
|
||||
content: '';
|
||||
background-image: url(./images/icons/icon_read_message_48x48.png);
|
||||
margin-top: 6px;
|
||||
width: 42px;
|
||||
height: 38px;
|
||||
margin-left: -64px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: contain;
|
||||
filter: drop-shadow(0 0 4px rgb(0, 0, 0));
|
||||
}
|
||||
|
||||
div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr>#title {
|
||||
width: 780px;
|
||||
}
|
||||
|
||||
div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr>#from {
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
div#lst_mypagebg div #mp_message_table>#mp_msg_tblrec tr>#date {
|
||||
width: 280px;
|
||||
}
|
||||
|
||||
|
||||
/* OWL Sub Menu Selector Container */
|
||||
|
||||
.main .mypage .slider .owl-carousel .owl-item.active.focus div [id*="mp_item_icon"] {
|
||||
background-image: var(--icon_focus);
|
||||
}
|
||||
|
||||
.main .mypage .slider .owl-carousel .owl-item.active[class*="unfocus"] div [id*="mp_item_icon"] {
|
||||
background-image: var(--icon_unfocus);
|
||||
}
|
||||
|
||||
.main .mypage .slider .owl-carousel .owl-item.active.focus div [id*="mp_item_title"] {
|
||||
transform: scale(1.2);
|
||||
}
|
||||
|
||||
.main .mypage .slider .owl-dots {
|
||||
position: absolute;
|
||||
top: -50px;
|
||||
width: 100%;
|
||||
align-content: center;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/**********************************************************************
|
||||
* Replay Welcome movie
|
||||
**********************************************************************/
|
||||
.main .mypage .bg .owl-carousel .owl-item .ctz_mv_ctrl {
|
||||
position: absolute;
|
||||
top: 820px;
|
||||
left: 1700px;
|
||||
height: 54px;
|
||||
line-height: 54px;
|
||||
color: rgb(235, 235, 235);
|
||||
font-size: 38px;
|
||||
filter: drop-shadow(0 0 5px rgb(0, 0, 0));
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.main .mypage .bg .owl-carousel .owl-item.movieplay .item .ctz_mv_ctrl {
|
||||
animation-delay: 4s;
|
||||
animation-name: moveMypageMvCtrl;
|
||||
animation-iteration-count: 1;
|
||||
animation-timing-function: ease-in;
|
||||
animation-fill-mode: forwards;
|
||||
animation-duration: 1s;
|
||||
}
|
||||
|
||||
@keyframes moveMypageMvCtrl {
|
||||
from {
|
||||
left: 1700px;
|
||||
}
|
||||
to {
|
||||
left: 2220px
|
||||
}
|
||||
}
|
||||
|
||||
.main .mypage .bg .owl-carousel .owl-item .ctz_mv_ctrl::before {
|
||||
position: absolute;
|
||||
content: '';
|
||||
width: 128px;
|
||||
height: 54px;
|
||||
margin-left: -140px;
|
||||
background-image: url("./images/icons/icon_btn_media_play.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: right center;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.main .mypage .bg .owl-carousel .owl-item.movieplay .ctz_mv_ctrl::before {
|
||||
animation-name: iconCtzMvCtrlBtn;
|
||||
animation-iteration-count: 1;
|
||||
animation-timing-function: ease-in;
|
||||
animation-fill-mode: forwards;
|
||||
animation-duration: 1s;
|
||||
}
|
||||
|
||||
@keyframes iconCtzMvCtrlBtn {
|
||||
0% {
|
||||
transform: rotateX(0deg);
|
||||
}
|
||||
50% {
|
||||
transform: rotateX(90deg);
|
||||
background-image: url("./images/icons/icon_btn_media_stop.png");
|
||||
}
|
||||
100% {
|
||||
transform: rotateX(0deg);
|
||||
background-image: url("./images/icons/icon_btn_media_stop.png");
|
||||
}
|
||||
}
|
||||
|
||||
.main .mypage .bg .owl-carousel .owl-item .ctz_mv_ctrl::after {
|
||||
content: var(--playmsg);
|
||||
}
|
||||
|
||||
.main .mypage .bg .owl-carousel .owl-item.movieplay .ctz_mv_ctrl::after {
|
||||
animation-delay: 1s;
|
||||
animation-name: msgMypageMvCtrlBtn;
|
||||
animation-iteration-count: 1;
|
||||
animation-timing-function: ease-in;
|
||||
animation-fill-mode: forwards;
|
||||
animation-duration: 2s;
|
||||
}
|
||||
|
||||
@keyframes msgMypageMvCtrlBtn {
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
25% {
|
||||
opacity: 0;
|
||||
content: var(--stopmsg);
|
||||
}
|
||||
50% {
|
||||
opacity: 1;
|
||||
content: var(--stopmsg);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
content: var(--stopmsg);
|
||||
}
|
||||
}
|
||||
43
procentric/application/theme/HTL00001/hoteltv.app.full.news.css
Executable file
43
procentric/application/theme/HTL00001/hoteltv.app.full.news.css
Executable file
@@ -0,0 +1,43 @@
|
||||
/* 뉴스 */
|
||||
|
||||
.news {
|
||||
position: absolute;
|
||||
top: 1044px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 36px;
|
||||
background-color: rgba(19, 21, 23, 0.6);
|
||||
filter: drop-shadow(0 -10px 5px rgba(0, 0, 0, 0.5));
|
||||
display: none;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.news>.title {
|
||||
position: absolute;
|
||||
width: 160px;
|
||||
color: rgb(235, 235, 235);
|
||||
font-size: 32px;
|
||||
line-height: 32px;
|
||||
text-align: center;
|
||||
border: solid rgba(0, 0, 0, 0.5);
|
||||
margin: 0 20px 0 20px;
|
||||
background-color: rgba(128, 128, 128, 0.3);
|
||||
}
|
||||
|
||||
.news>.newsctz {
|
||||
padding: 0;
|
||||
margin: 8px 0 0 200px;
|
||||
color: rgb(165, 175, 185);
|
||||
}
|
||||
|
||||
.news>.newsctz #hoteltv-news-ticker li {
|
||||
font-size: 26px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.news>.newsctz #hoteltv-news-ticker li img {
|
||||
height: 34px;
|
||||
vertical-align: top;
|
||||
/* padding: 3px 10px 10px 0; */
|
||||
object-fit: cover;
|
||||
}
|
||||
2966
procentric/application/theme/HTL00001/hoteltv.app.full.popup.css
Executable file
2966
procentric/application/theme/HTL00001/hoteltv.app.full.popup.css
Executable file
File diff suppressed because it is too large
Load Diff
174
procentric/application/theme/HTL00001/hoteltv.app.full.sm.css
Executable file
174
procentric/application/theme/HTL00001/hoteltv.app.full.sm.css
Executable file
@@ -0,0 +1,174 @@
|
||||
.main .sub {
|
||||
position: absolute;
|
||||
top: 1080px;
|
||||
left: 0px;
|
||||
width: 1920px;
|
||||
height: 1080px;
|
||||
background-color: black;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.main .sub .bg {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0px;
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.main .sub .bg div#lst_smbg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.main .sub .bg .owl-carousel .owl-stage-outer {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.main .sub .bg .owl-carousel .owl-stage-outer .owl-stage {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.main .sub .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.main .sub .bg div .item {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
|
||||
/* STEP[#003]: Define SUB-MENU SELECTOR FRAMES */
|
||||
|
||||
.main .sub .slider {
|
||||
position: absolute;
|
||||
top: 864px;
|
||||
left: 0px;
|
||||
width: 1920px;
|
||||
height: 170px;
|
||||
padding-top: 50px;
|
||||
overflow: hidden;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.main .sub .slider div {
|
||||
height: 120px;
|
||||
max-height: 120px;
|
||||
padding-left: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
div#sm_item_title {
|
||||
position: absolute;
|
||||
top: 40px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: rgb(235, 235, 235);
|
||||
/* font-size: 2.2vw; */
|
||||
font-size: 34px;
|
||||
white-space: nowrap;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div#sm_item_icon {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: block
|
||||
}
|
||||
|
||||
|
||||
/* OWL Sub Menu Selector Container */
|
||||
|
||||
.main .sub .slider .owl-carousel .owl-item.active.focus div [id*="sm_item_icon"] {
|
||||
background-image: var(--icon_focus);
|
||||
}
|
||||
|
||||
.main .sub .slider .owl-carousel .owl-item.active[class*="unfocus"] div [id*="sm_item_icon"] {
|
||||
background-image: var(--icon_unfocus);
|
||||
}
|
||||
|
||||
.main .sub .slider .owl-carousel .owl-item.active.focus div [id*="sm_item_title"] {
|
||||
transform: scale(1.2);
|
||||
}
|
||||
|
||||
.main .sub .slider .owl-dots {
|
||||
position: absolute;
|
||||
top: -50px;
|
||||
width: 100%;
|
||||
align-content: center;
|
||||
}
|
||||
|
||||
.main .sub .slider .owl-dots .owl-dot span {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.main .sub .slider .owl-dots .owl-dot.active span {
|
||||
background: rgb(255, 192, 0);
|
||||
}
|
||||
|
||||
.main .sub .bg .bg_ctz_thumb_frame {
|
||||
position: absolute;
|
||||
top: 130px;
|
||||
left: 1550px;
|
||||
width: 360px;
|
||||
height: 734px;
|
||||
line-height: 50px;
|
||||
background-color: rgba(0, 0, 0, 0.7);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.main .sub .bg .bg_ctz_thumb_frame #bg_ctz_thumb_item {
|
||||
width: 320px;
|
||||
height: 180px;
|
||||
float: left;
|
||||
margin: 10px 20px 10px 20px;
|
||||
/* filter: drop-shadow(0 0 10px rgba(235, 235, 235, 0.9));
|
||||
border-radius: 6px; */
|
||||
text-align: center;
|
||||
line-height: 50px;
|
||||
font-size: 20px;
|
||||
color: rgb(235, 235, 235);
|
||||
border: 1px solid rgb(160, 160, 160);
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.main .sub .bg .bg_ctz_thumb_frame #bg_ctz_thumb_title {
|
||||
font-size: 30px;
|
||||
margin-left: 20px;
|
||||
color: rgb(235, 235, 235);
|
||||
}
|
||||
|
||||
.main .sub .bg .bg_ctz_thumb_frame #bg_ctz_thumb_morenotice {
|
||||
font-size: 22px;
|
||||
margin: 20px 5px 10px 20px;
|
||||
line-height: 25px;
|
||||
overflow-wrap: break-word;
|
||||
color: rgb(181, 218, 16);
|
||||
animation: bg_ctz_thumb_morenotice_blinker 2s linear infinite;
|
||||
}
|
||||
|
||||
@keyframes bg_ctz_thumb_morenotice_blinker {
|
||||
50% {
|
||||
color: rgb(235, 235, 235);
|
||||
}
|
||||
}
|
||||
352
procentric/application/theme/HTL00001/hoteltv.app.full.tv.css
Executable file
352
procentric/application/theme/HTL00001/hoteltv.app.full.tv.css
Executable file
@@ -0,0 +1,352 @@
|
||||
/* TV Menu */
|
||||
|
||||
.main .tv {
|
||||
position: absolute;
|
||||
top: 1080px;
|
||||
left: 0px;
|
||||
width: 1920px;
|
||||
height: 1080px;
|
||||
background: url(tv:);
|
||||
}
|
||||
|
||||
.main .tv .bg {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0px;
|
||||
background: url(tv:);
|
||||
/* background: url(https://cropper.watch.aetnd.com/public-content-aetn.video.aetnd.com/video-thumbnails/AETN-History_VMS/21/200/tdih-jun01-HD.jpg); */
|
||||
overflow: hidden;
|
||||
display: none;
|
||||
}
|
||||
|
||||
/************************************************************/
|
||||
/* TV CATEGORY FRAME STYLE [ START ] */
|
||||
/************************************************************/
|
||||
.main .tv .bg #lst_tvCtgyFrm {
|
||||
position: relative;
|
||||
top: 0%;
|
||||
left: 37%;
|
||||
max-width: 26%;
|
||||
width: 26%;
|
||||
height: 50px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
/* background-color: red; */
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.main .tv .bg #lst_tvCtgyFrm .owl-stage-outer {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.main .tv .bg #lst_tvCtgyFrm .owl-stage-outer .owl-stage{
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.main .tv .bg #lst_tvCtgyFrm .owl-stage-outer .owl-stage .owl-item .item {
|
||||
background-color: rgba(0, 0, 0, 0.4); */
|
||||
/* filter: drop-shadow(0 0 10px rgba(0, 0, 0, 1)); */
|
||||
border: solid rgb(137, 139, 129);
|
||||
/* border-radius: 10px; */
|
||||
/* background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 50%, rgba(120, 120, 120, 0.7) 70%, rgba(0, 0, 0, 0.7) 85%); */
|
||||
/* border-color: rgba(230,230,230,0.3) transparent transparent transparent; */
|
||||
/* border-width: 50px 50px 0 0; */
|
||||
/* box-sizing: border-box; */
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.main .tv .bg #lst_tvCtgyFrm .item #tvctg_title {
|
||||
line-height: 50px;
|
||||
/* padding: 0 0 0 10px; */
|
||||
/* margin: 0 0 0px 10px; */
|
||||
font-size: 40px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
color: rgb(235, 235, 235);
|
||||
white-space: nowrap;
|
||||
display: none;
|
||||
}
|
||||
/************************************************************/
|
||||
/* TV CATEGORY FRAME STYLE [ END ] */
|
||||
/************************************************************/
|
||||
|
||||
|
||||
/************************************************************/
|
||||
/* TV CHANNEL FRAME STYLE [ START ] */
|
||||
/************************************************************/
|
||||
.main .tv .bg .chFrm {
|
||||
position: absolute;
|
||||
top: 82%;
|
||||
left: 0 px;
|
||||
width: 100%;
|
||||
height: 134px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: rgba(245,245,245,1.0);
|
||||
background-color: rgba(0,0,0,0.8);
|
||||
display: flex;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.main .tv .bg .chFrm .chLogo {
|
||||
width: 15%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 10px 10px 10px 10px;
|
||||
}
|
||||
|
||||
.main .tv .bg .chFrm .chLogo #icon{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-repeat: no-repeat;
|
||||
background-color: rgba(255,255,255,1);
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
border-radius: 10px;
|
||||
border: 2px solid rgb(67, 82, 105);
|
||||
}
|
||||
|
||||
.main .tv .bg .chFrm .chNum {
|
||||
width: 10%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.main .tv .bg .chFrm .chNum #arrow_up{
|
||||
padding: 0;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
margin: 10px 0 0 86px;
|
||||
transform: rotate(-45deg) skew(15deg, 15deg);
|
||||
border-top: 5px #fff solid;
|
||||
border-right: 5px #fff solid;
|
||||
/* text-align: center; */
|
||||
display: block;
|
||||
}
|
||||
|
||||
.main .tv .bg .chFrm .chNum #number{
|
||||
width: 100%;
|
||||
height: 48%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
line-height: 64px;
|
||||
font-size: 48px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
display: block;
|
||||
/* background-color: red; */
|
||||
}
|
||||
|
||||
.main .tv .bg .chFrm .chNum #arrow_down{
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
margin: 0px 0 0 86px;
|
||||
transform: rotate(135deg) skew(15deg, 15deg);
|
||||
border-top: 5px #fff solid;
|
||||
border-right: 5px #fff solid;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.main .tv .bg .chFrm .chDesc {
|
||||
width: 75%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 5px 0px 5px 0px;
|
||||
}
|
||||
|
||||
.main .tv .bg .chFrm .chDesc #epg_chname{
|
||||
width: 100%;
|
||||
height: 34px;
|
||||
line-height: 34px;
|
||||
font-size: 30px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.main .tv .bg .chFrm .chDesc #epg_title{
|
||||
width: 100%;
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
font-size: 50px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.main .tv .bg .chFrm .chDesc #epg_details{
|
||||
width: 100%;
|
||||
height: 28px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
line-height: 28px;
|
||||
font-size: 20px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.main .tv .bg .chFrm .chDesc #epg_details #tm_current{
|
||||
width: 20%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.main .tv .bg .chFrm .chDesc #epg_details #tm_playing{
|
||||
width: 20%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.main .tv .bg .chFrm .chDesc #epg_details #tm_chart{
|
||||
width: 58%;
|
||||
height: 86%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: rgba(80,80,80,0.8);
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.main .tv .bg .chFrm .chDesc #epg_details #tm_chart .progress{
|
||||
margin: 5px 5px 0px 5px;
|
||||
/* padding: 14px 0px 0px 0px; */
|
||||
height: 14px;
|
||||
/* vertical-align: middle; */
|
||||
background-color: rgba(245,245,245,0.8);
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
/************************************************************/
|
||||
/* TV CHANNEL FRAME STYLE [ END ] */
|
||||
/************************************************************/
|
||||
|
||||
/************************************************************/
|
||||
/* TV SHORTCUT STYLE [ START ] */
|
||||
/************************************************************/
|
||||
.main .tv .shortcut_mode0 {
|
||||
position: absolute;
|
||||
top: 3%;
|
||||
left: 87%;
|
||||
width: 12%;
|
||||
height: 72px;
|
||||
/* background: rgba(0, 0, 0, 0.7); */
|
||||
/* background-color: red; */
|
||||
background-color: rgba(0, 0, 0, 0.8);
|
||||
padding: 0px 0px 0px 0px;
|
||||
border-top: 5px solid rgb(40, 40, 40);
|
||||
border-bottom: 5px solid rgb(40, 40, 40);
|
||||
display: none;
|
||||
font-size: 52px;
|
||||
line-height: 62px;
|
||||
color: rgb(245,245,245);
|
||||
text-align: center;
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
.main .tv .shortcut_mode1 {
|
||||
position: absolute;
|
||||
top: 18%;
|
||||
left: 75%;
|
||||
width: 440px;
|
||||
height: 230px;
|
||||
background: rgba(0, 0, 0, 0.7);
|
||||
padding: 20px 6px 20px 6px;
|
||||
border-top: 5px solid rgba(0,0,0,0.7);
|
||||
border-bottom: 5px solid rgba(0,0,0,0.7);
|
||||
display: none;
|
||||
}
|
||||
|
||||
.main .tv .shortcut_mode1 div#suggestion {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 84%;
|
||||
}
|
||||
|
||||
.main .tv .shortcut_mode1 div#suggestion table {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
/* padding: 3px 0px 3px 0px; */
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
.main .tv .shortcut_mode1 .ch_list>#record {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
color: rgba(240,240,240,1);
|
||||
overflow: scroll;
|
||||
padding: 14px 0px 0px 0px;
|
||||
}
|
||||
|
||||
.main .tv .shortcut_mode1 .ch_list>#record tr {
|
||||
width: 96%;
|
||||
display: block;
|
||||
float: left;
|
||||
padding: 5px 0px 5px 0px;
|
||||
border-bottom: 1px solid rgb(67, 82, 105);
|
||||
border-top: 1px solid rgb(67, 82, 105);
|
||||
}
|
||||
|
||||
.main .tv .shortcut_mode1 .ch_list>#record tr.active {
|
||||
color:rgb(255, 192, 0);
|
||||
background-color: rgba(0,0,0,0.6);
|
||||
border-top: 2px solid rgb(255, 192, 0);
|
||||
border-bottom: 2px solid rgb(255, 192, 0);
|
||||
}
|
||||
|
||||
.main .tv .shortcut_mode1 .ch_list>#record tr>.scitem {
|
||||
font-size: 40px;
|
||||
line-height: 1;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.main .tv .shortcut_mode1 .ch_list>#record tr>.scitem>#logo {
|
||||
width: 24%;
|
||||
height: 40px;
|
||||
/* height: 100%; */
|
||||
float: left;
|
||||
background-color: rgba(235,235,235,1);
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
border-radius: 10px;
|
||||
border: 2px solid rgb(67, 82, 105);
|
||||
/* margin: 1%; */
|
||||
}
|
||||
|
||||
.main .tv .shortcut_mode1 .ch_list>#record tr>.scitem>#num {
|
||||
width: 18%;
|
||||
float: left;
|
||||
text-align: center;
|
||||
/* margin: 4px 0px 1px 0px; */
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.main .tv .shortcut_mode1 .ch_list>#record tr>.scitem>#title {
|
||||
width: 54%;
|
||||
float: left;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
/* margin: 4px 0px 1px 0px; */
|
||||
}
|
||||
|
||||
/************************************************************/
|
||||
/* TV SHORTCUT STYLE [ END ] */
|
||||
/************************************************************/
|
||||
144
procentric/application/theme/HTL00001/hoteltv.app.full.widjet.css
Executable file
144
procentric/application/theme/HTL00001/hoteltv.app.full.widjet.css
Executable file
@@ -0,0 +1,144 @@
|
||||
/* STEP[#003]: Define WIDGET FRAMES */
|
||||
|
||||
.widjet {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0px;
|
||||
overflow: hidden;
|
||||
display: none;
|
||||
text-shadow: 0 0 10px rgba(68, 68, 68, 1), 0 0 20px rgba(10, 175, 230, 0);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.widjet .top {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
/* background-color: rgba(0, 0, 0, 0.5); */
|
||||
/* filter: drop-shadow(0 0px 5px rgba(0, 0, 0, 1)); */
|
||||
padding: 0px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
/* SETP[#003-1]: Hotel Logo */
|
||||
|
||||
.widjet .top .hotellogo {
|
||||
position: absolute;
|
||||
width: 300px;
|
||||
height: 80px;
|
||||
background-image: none;
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
margin: 10px 0 4px 10px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
/* SETP[#003-2]: Message */
|
||||
|
||||
.widjet .top .message {
|
||||
position: absolute;
|
||||
top: -11px;
|
||||
left: 1618px;
|
||||
height: 100px;
|
||||
/* float: left; */
|
||||
display: block;
|
||||
padding: 24px 10px 10px 10px;
|
||||
}
|
||||
|
||||
.widjet .top .message #unread_cnt {
|
||||
/* position: relative; */
|
||||
width: 66px;
|
||||
height: 100%;
|
||||
float: left;
|
||||
background-image: url(images/icons/icon_widjet_top_message_cnt.png);
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
padding: 4px 0px 0px 0px;
|
||||
vertical-align: middle;
|
||||
color: rgb(235, 235, 235);
|
||||
font-size: 46px;
|
||||
line-height: 52px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
/* SETP[#003-3]: Weather */
|
||||
|
||||
.widjet .top .weather {
|
||||
position: absolute;
|
||||
top: -11px;
|
||||
left: 1370px;
|
||||
height: 100px;
|
||||
float: left;
|
||||
background-image: none;
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
display: block;
|
||||
margin: 7px 0px 0px 0px;
|
||||
}
|
||||
|
||||
.widjet .top .weather #icon {
|
||||
position: relative;
|
||||
/* top: -10px; */
|
||||
left: 16px;
|
||||
width: 100px;
|
||||
height: 100%;
|
||||
float: left;
|
||||
background-image: none;
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
justify-content: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
filter: drop-shadow(0 0px 5px rgba(0, 0, 0, 0.5));
|
||||
}
|
||||
|
||||
.widjet .top .weather #temp {
|
||||
position: relative;
|
||||
left: 14px;
|
||||
float: left;
|
||||
font-size: 60px;
|
||||
line-height: 100px;
|
||||
vertical-align: middle;
|
||||
color: rgb(235, 235, 235);
|
||||
}
|
||||
|
||||
|
||||
/* SETP[#003-4]: Date&Time */
|
||||
|
||||
.widjet .top .datetime {
|
||||
position: absolute;
|
||||
left: 1630px;
|
||||
width: 270px;
|
||||
height: 60px;
|
||||
margin: 10px 30px 10px 0;
|
||||
color: rgb(235, 235, 235);
|
||||
}
|
||||
|
||||
.widjet .top .datetime p {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.widjet .top .datetime .time {
|
||||
font-size: 52px;
|
||||
line-height: 52px;
|
||||
padding: 5px 0;
|
||||
text-align: right;
|
||||
/* -webkit-text-stroke: 1px rgb(64,64,64); */
|
||||
}
|
||||
|
||||
.widjet .top .datetime .date {
|
||||
letter-spacing: 0.1em;
|
||||
font-size: 24px;
|
||||
line-height: 24px;
|
||||
text-align: right;
|
||||
}
|
||||
159
procentric/application/theme/HTL00001/hoteltv.welcome.css
Executable file
159
procentric/application/theme/HTL00001/hoteltv.welcome.css
Executable file
@@ -0,0 +1,159 @@
|
||||
body {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.welcome {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 1920px;
|
||||
height: 1080px;
|
||||
padding: 0px;
|
||||
display: none;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.welcome .frame {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0px;
|
||||
background-color: rgba(0, 0, 0, 1);
|
||||
background-image: none;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.welcome .frame .msgwin {
|
||||
position: absolute;
|
||||
top: 98px;
|
||||
left: 519px;
|
||||
width: 884px;
|
||||
height: 648px;
|
||||
padding: 0px;
|
||||
/* background-image: url(./images/bg_language_welcome_box.png);
|
||||
background-size: cover; */
|
||||
background-repeat: no-repeat;
|
||||
background: linear-gradient(rgba(45,45,45,0.6),rgba(16,16,16,0.7));
|
||||
border-radius: 11px;
|
||||
filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.5));
|
||||
}
|
||||
|
||||
.welcome .frame .msgwin #hotellogo {
|
||||
position: absolute;
|
||||
top: 108px;
|
||||
left: 135px;
|
||||
width: 634px;
|
||||
height: 270px;
|
||||
padding: 0px;
|
||||
background-image: none;
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
/* background-position: center; */
|
||||
background-position: top;
|
||||
}
|
||||
|
||||
.welcome .frame .msgwin #guestname {
|
||||
position: absolute;
|
||||
top: 424px;
|
||||
left: 0px;
|
||||
width: 804px;
|
||||
height: 65px;
|
||||
padding: 0px 0px 5px 0px;
|
||||
margin: 0px 40px 0px 40px;
|
||||
background-image: none;
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
border-bottom: solid rgb(192,192,192) 3px;
|
||||
font-size: 65px;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
color: rgb(235, 235, 235);
|
||||
line-height: 65px;
|
||||
max-width: 864px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.welcome .frame .msgwin #welcomemsg {
|
||||
position: absolute;
|
||||
top: 516px;
|
||||
left: 0px;
|
||||
width: 804px;
|
||||
height: 44px;
|
||||
/* padding: 0px; */
|
||||
margin: 0px 40px 0px 40px;
|
||||
background-image: none;
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
font-size: 33px;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
color: rgb(235, 235, 235);
|
||||
line-height: 33px;
|
||||
max-width: 864px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.welcome .frame .guide#langsel {
|
||||
position: absolute;
|
||||
top: 1037px;
|
||||
left: 0px;
|
||||
width: 1920px;
|
||||
height: 54px;
|
||||
background-color: rgba(0, 0, 0, 0.8);
|
||||
display: inline-block;
|
||||
color: rgba(200, 200, 200, 1);
|
||||
font-size: 32px;
|
||||
line-height: 43px;
|
||||
text-align: center;
|
||||
border-top: solid rgb(128, 128, 128);
|
||||
}
|
||||
|
||||
.welcome #lst_langsel {
|
||||
position: absolute;
|
||||
top: 962px;
|
||||
left: 0;
|
||||
height: 76px;
|
||||
line-height: 76px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.welcome #lst_langsel .item {
|
||||
color: rgba(200, 200, 200, 1);
|
||||
font-size: 44px;
|
||||
text-align: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.welcome #lst_langsel .owl-item.active.center div {
|
||||
background-image: var(--btn_focus);
|
||||
}
|
||||
|
||||
.welcome #lst_langsel .owl-item.active div {
|
||||
background-image: var(--btn_unfocus);
|
||||
}
|
||||
|
||||
.control .skip_video {
|
||||
z-index: 10000;
|
||||
position: absolute;
|
||||
z-index: 10000;
|
||||
top: 927px;
|
||||
left: 1579px;
|
||||
width: 246px;
|
||||
height: 68px;
|
||||
padding: 0px;
|
||||
background-color: rgba(0, 0, 0, 0.0);
|
||||
background-image: none;
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
display: none;
|
||||
}
|
||||
BIN
procentric/application/theme/HTL00001/images/bg_language_welcome_box.png
Executable file
BIN
procentric/application/theme/HTL00001/images/bg_language_welcome_box.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 4.4 KiB |
BIN
procentric/application/theme/HTL00001/images/bg_message_cream-paper.png
Executable file
BIN
procentric/application/theme/HTL00001/images/bg_message_cream-paper.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
procentric/application/theme/HTL00001/images/bg_message_detail.png
Executable file
BIN
procentric/application/theme/HTL00001/images/bg_message_detail.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
procentric/application/theme/HTL00001/images/bt_language_tab_focus.png
Executable file
BIN
procentric/application/theme/HTL00001/images/bt_language_tab_focus.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
procentric/application/theme/HTL00001/images/bt_language_tab_unfocus.png
Executable file
BIN
procentric/application/theme/HTL00001/images/bt_language_tab_unfocus.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
procentric/application/theme/HTL00001/images/bt_skip_ch01.png
Executable file
BIN
procentric/application/theme/HTL00001/images/bt_skip_ch01.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 4.0 KiB |
BIN
procentric/application/theme/HTL00001/images/bt_skip_ch02.png
Executable file
BIN
procentric/application/theme/HTL00001/images/bt_skip_ch02.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 4.1 KiB |
BIN
procentric/application/theme/HTL00001/images/bt_skip_en.png
Executable file
BIN
procentric/application/theme/HTL00001/images/bt_skip_en.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
BIN
procentric/application/theme/HTL00001/images/bt_skip_jp.png
Executable file
BIN
procentric/application/theme/HTL00001/images/bt_skip_jp.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 4.1 KiB |
BIN
procentric/application/theme/HTL00001/images/bt_skip_ko.png
Executable file
BIN
procentric/application/theme/HTL00001/images/bt_skip_ko.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
BIN
procentric/application/theme/HTL00001/images/hoteltv_service_error.png
Executable file
BIN
procentric/application/theme/HTL00001/images/hoteltv_service_error.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
procentric/application/theme/HTL00001/images/hoteltv_service_preparing.png
Executable file
BIN
procentric/application/theme/HTL00001/images/hoteltv_service_preparing.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
procentric/application/theme/HTL00001/images/hoteltv_service_preparing_joson.jpg
Executable file
BIN
procentric/application/theme/HTL00001/images/hoteltv_service_preparing_joson.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 64 KiB |
BIN
procentric/application/theme/HTL00001/images/icon_brochure_next.png
Executable file
BIN
procentric/application/theme/HTL00001/images/icon_brochure_next.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
procentric/application/theme/HTL00001/images/icon_brochure_prev.png
Executable file
BIN
procentric/application/theme/HTL00001/images/icon_brochure_prev.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
procentric/application/theme/HTL00001/images/icons/icon_btn_back.png
Executable file
BIN
procentric/application/theme/HTL00001/images/icons/icon_btn_back.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
procentric/application/theme/HTL00001/images/icons/icon_btn_media_play.png
Executable file
BIN
procentric/application/theme/HTL00001/images/icons/icon_btn_media_play.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 2.6 KiB |
BIN
procentric/application/theme/HTL00001/images/icons/icon_btn_media_stop.png
Executable file
BIN
procentric/application/theme/HTL00001/images/icons/icon_btn_media_stop.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
procentric/application/theme/HTL00001/images/icons/icon_btn_movie_play.png
Executable file
BIN
procentric/application/theme/HTL00001/images/icons/icon_btn_movie_play.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
procentric/application/theme/HTL00001/images/icons/icon_contact_phone_48x48.png
Executable file
BIN
procentric/application/theme/HTL00001/images/icons/icon_contact_phone_48x48.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 399 B |
BIN
procentric/application/theme/HTL00001/images/icons/icon_contact_phone_96x96.png
Executable file
BIN
procentric/application/theme/HTL00001/images/icons/icon_contact_phone_96x96.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 756 B |
BIN
procentric/application/theme/HTL00001/images/icons/icon_cotact_email_48x48.png
Executable file
BIN
procentric/application/theme/HTL00001/images/icons/icon_cotact_email_48x48.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 308 B |
BIN
procentric/application/theme/HTL00001/images/icons/icon_cotact_email_96x96.png
Executable file
BIN
procentric/application/theme/HTL00001/images/icons/icon_cotact_email_96x96.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 557 B |
BIN
procentric/application/theme/HTL00001/images/icons/icon_humidity.png
Executable file
BIN
procentric/application/theme/HTL00001/images/icons/icon_humidity.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
BIN
procentric/application/theme/HTL00001/images/icons/icon_loading_256x256.png
Executable file
BIN
procentric/application/theme/HTL00001/images/icons/icon_loading_256x256.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 9.3 KiB |
BIN
procentric/application/theme/HTL00001/images/icons/icon_mypage_title.png
Executable file
BIN
procentric/application/theme/HTL00001/images/icons/icon_mypage_title.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
procentric/application/theme/HTL00001/images/icons/icon_place_48x48.png
Executable file
BIN
procentric/application/theme/HTL00001/images/icons/icon_place_48x48.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 429 B |
BIN
procentric/application/theme/HTL00001/images/icons/icon_place_96x96.png
Executable file
BIN
procentric/application/theme/HTL00001/images/icons/icon_place_96x96.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 785 B |
BIN
procentric/application/theme/HTL00001/images/icons/icon_read_message_48x48.png
Executable file
BIN
procentric/application/theme/HTL00001/images/icons/icon_read_message_48x48.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 506 B |
BIN
procentric/application/theme/HTL00001/images/icons/icon_unread_message_48x48.png
Executable file
BIN
procentric/application/theme/HTL00001/images/icons/icon_unread_message_48x48.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 308 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
procentric/application/theme/HTL00001/images/icons/icon_wind.png
Executable file
BIN
procentric/application/theme/HTL00001/images/icons/icon_wind.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 5.7 KiB |
BIN
procentric/application/theme/HTL00001/images/quantity_edit_arrow.png
Executable file
BIN
procentric/application/theme/HTL00001/images/quantity_edit_arrow.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
@@ -5,8 +5,7 @@
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0px;
|
||||
/* background-image: url(./images/hoteltv_service_preparing.png); */
|
||||
background-image: url(/procentric/application/images/hoteltv_service_preparing_joson.jpg);
|
||||
background-image: url(../images/hoteltv_service_preparing_joson.jpg);
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
@@ -3,10 +3,10 @@
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<link rel="stylesheet" href="/procentric/application/css/owlcarousel/owl.carousel.min.css">
|
||||
<link rel="stylesheet" href="/procentric/application/css/owlcarousel/owl.theme.default.min.css">
|
||||
<link rel="stylesheet" href="/procentric/application/theme/hoteltv.ui_utils.css">
|
||||
<link rel="stylesheet" href="/procentric/application/theme/hoteltv.error.css">
|
||||
<link rel="stylesheet" href="./css/owlcarousel/owl.carousel.min.css">
|
||||
<link rel="stylesheet" href="./css/owlcarousel/owl.theme.default.min.css">
|
||||
<link rel="stylesheet" href="./theme/hoteltv.ui_utils.css">
|
||||
<link rel="stylesheet" href="./theme/hoteltv.error.css">
|
||||
<title>CENTIRM LG-PROCENTRIC HOTEL SERVICE</title>
|
||||
</head>
|
||||
|
||||
@@ -67,25 +67,25 @@
|
||||
|
||||
|
||||
<!-- Standard & 3rd party Library -->
|
||||
<script src="/procentric/application/lib/jquery-3.6.0.min.js"></script>
|
||||
<script src="/procentric/application/lib/jquery.color-2.1.2.min.js"></script>
|
||||
<script src="/procentric/application/lib/xml2json.js"></script>
|
||||
<script src="/procentric/application/lib/spatial_navigation.js"></script>
|
||||
<script src="/procentric/application/lib/owl.carousel.js"></script>
|
||||
<script src="./lib/jquery-3.6.0.min.js"></script>
|
||||
<script src="./lib/jquery.color-2.1.2.min.js"></script>
|
||||
<script src="./lib/xml2json.js"></script>
|
||||
<script src="./lib/spatial_navigation.js"></script>
|
||||
<script src="./lib/owl.carousel.js"></script>
|
||||
|
||||
<!-- LG HCAP Library -->
|
||||
<script src="/procentric/application/lib/hcap.js"></script>
|
||||
<script src="/procentric/application/lib/idcap.js"></script>
|
||||
<script src="./lib/hcap.js"></script>
|
||||
<script src="./lib/idcap.js"></script>
|
||||
|
||||
<!-- CENTIRM HOTELTV Library -->
|
||||
<script src="/procentric/application/lib/hoteltv.js"></script>
|
||||
<script src="/procentric/application/lib/hoteltv.ui_utils.js"></script>
|
||||
<script src="/procentric/application/lib/hoteltv.ui_welcome.js"></script>
|
||||
<script src="/procentric/application/lib/hoteltv.hcap.js"></script>
|
||||
<script src="/procentric/application/lib/hoteltv.api.js"></script>
|
||||
<script src="./lib/hoteltv.js"></script>
|
||||
<script src="./lib/hoteltv.ui_utils.js"></script>
|
||||
<script src="./lib/hoteltv.ui_welcome.js"></script>
|
||||
<script src="./lib/hoteltv.hcap.js"></script>
|
||||
<script src="./lib/hoteltv.api.js"></script>
|
||||
|
||||
<!-- MQTT Library -->
|
||||
<script src="/procentric/application/lib/mqtt.min.js"></script>
|
||||
<script src="./lib/mqtt.min.js"></script>
|
||||
|
||||
<script>
|
||||
window.addEventListener('cached', function() {
|
||||
@@ -95,7 +95,7 @@
|
||||
window.addEventListener('load', function() {
|
||||
console.log("loading");
|
||||
HotelTV.state = JSON.parse(sessionStorage.getItem("state"));
|
||||
$('head:first').append('<link rel="stylesheet" type="text/css" href="/procentric/application/theme/' + HotelTV.state['theme_root'] + '/hoteltv.welcome.css" />');
|
||||
$('head:first').append('<link rel="stylesheet" type="text/css" href="./theme/' + HotelTV.state['theme_root'] + '/hoteltv.welcome.css" />');
|
||||
HotelTV.LoadWelCome();
|
||||
});
|
||||
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<XAIT>
|
||||
<versionNumber>4</versionNumber>
|
||||
<versionNumber>27</versionNumber>
|
||||
<AbstractService>
|
||||
<svcName>Pro:Centric App</svcName>
|
||||
<svcId>0x1204</svcId>
|
||||
@@ -16,10 +16,15 @@
|
||||
<controlCode>AUTOSTART</controlCode>
|
||||
<visibility>NOT_VISIBLE_USERS</visibility>
|
||||
<priority>255</priority>
|
||||
<version>7</version>
|
||||
<version>27</version>
|
||||
</applicationDescriptor>
|
||||
<HcapDescriptor>
|
||||
<url>http://10.20.0.2:8880/procentric/application/index.html</url>
|
||||
<url>http://10.20.0.2:8880/procentric/application/application.zip</url>
|
||||
<applicationStructure>
|
||||
<baseDirectory>/</baseDirectory>
|
||||
<classpathExtension>/</classpathExtension>
|
||||
<initialClass>index.html</initialClass>
|
||||
</applicationStructure>
|
||||
</HcapDescriptor>
|
||||
</Application>
|
||||
</ApplicationList>
|
||||
|
||||
32
procentric/application/xait.xml.localstorage
Executable file
32
procentric/application/xait.xml.localstorage
Executable file
@@ -0,0 +1,32 @@
|
||||
<XAIT>
|
||||
<versionNumber>25</versionNumber>
|
||||
<AbstractService>
|
||||
<svcName>Pro:Centric App</svcName>
|
||||
<svcId>0x1204</svcId>
|
||||
<isAutoSelect>true</isAutoSelect>
|
||||
<ApplicationList>
|
||||
<Application>
|
||||
<appName>CT-HotelIPTV</appName>
|
||||
<applicationIdentifier>
|
||||
<orgId>1</orgId>
|
||||
<appId>1</appId>
|
||||
</applicationIdentifier>
|
||||
<applicationDescriptor>
|
||||
<type>Hcap-h</type>
|
||||
<controlCode>AUTOSTART</controlCode>
|
||||
<visibility>NOT_VISIBLE_USERS</visibility>
|
||||
<priority>255</priority>
|
||||
<version>25</version>
|
||||
</applicationDescriptor>
|
||||
<HcapDescriptor>
|
||||
<url>http://10.20.0.2:8880/procentric/application/application.zip</url>
|
||||
<applicationStructure>
|
||||
<baseDirectory>/</baseDirectory>
|
||||
<classpathExtension>/</classpathExtension>
|
||||
<initialClass>index.html</initialClass>
|
||||
</applicationStructure>
|
||||
</HcapDescriptor>
|
||||
</Application>
|
||||
</ApplicationList>
|
||||
</AbstractService>
|
||||
</XAIT>
|
||||
27
procentric/application/xait.xml.online
Executable file
27
procentric/application/xait.xml.online
Executable file
@@ -0,0 +1,27 @@
|
||||
<XAIT>
|
||||
<versionNumber>5</versionNumber>
|
||||
<AbstractService>
|
||||
<svcName>Pro:Centric App</svcName>
|
||||
<svcId>0x1204</svcId>
|
||||
<isAutoSelect>true</isAutoSelect>
|
||||
<ApplicationList>
|
||||
<Application>
|
||||
<appName>CT-HotelIPTV</appName>
|
||||
<applicationIdentifier>
|
||||
<orgId>1</orgId>
|
||||
<appId>1</appId>
|
||||
</applicationIdentifier>
|
||||
<applicationDescriptor>
|
||||
<type>Hcap-h</type>
|
||||
<controlCode>AUTOSTART</controlCode>
|
||||
<visibility>NOT_VISIBLE_USERS</visibility>
|
||||
<priority>255</priority>
|
||||
<version>8</version>
|
||||
</applicationDescriptor>
|
||||
<HcapDescriptor>
|
||||
<url>http://10.20.0.2:8880/procentric/application/index.html</url>
|
||||
</HcapDescriptor>
|
||||
</Application>
|
||||
</ApplicationList>
|
||||
</AbstractService>
|
||||
</XAIT>
|
||||
@@ -1,6 +1,6 @@
|
||||
<service>
|
||||
<setup>
|
||||
<versionNumber>100</versionNumber>
|
||||
<versionNumber>3</versionNumber>
|
||||
<modelName>65UR762H0NC</modelName>
|
||||
<priority>NORMAL</priority>
|
||||
<content>
|
||||
@@ -12,12 +12,32 @@
|
||||
</content>
|
||||
</setup>
|
||||
<setup>
|
||||
<versionNumber>13</versionNumber>
|
||||
<versionNumber>2</versionNumber>
|
||||
<modelName>65US761H0ND</modelName>
|
||||
<priority>NORMAL</priority>
|
||||
<content>
|
||||
<type>EPK_FIRMWARE</type>
|
||||
<data>starfish-atsc-secured-k6hp-41.242.japoon4hotel.k6hp-41-04.44.00_prodkey_nsu_V3_SECURED.epk</data>
|
||||
<frequency>0</frequency>
|
||||
<programNum>0</programNum>
|
||||
<cTag>0</cTag>
|
||||
</content>
|
||||
</setup>
|
||||
<setup>
|
||||
<versionNumber>4</versionNumber>
|
||||
<modelName>49US761H0ND</modelName>
|
||||
<priority>NORMAL</priority>
|
||||
<content>
|
||||
<type>EPK_FIRMWARE</type>
|
||||
<data>starfish-atsc-secured-k6hp-41.242.japoon4hotel.k6hp-78-04.47.70_prodkey_nsu_V3_SECURED.epk</data>
|
||||
<data>starfish-atsc-secured-k6hp-41.242.japoon4hotel.k6hp-94-04.49.30_prodkey_nsu_V3_SECURED.epk</data>
|
||||
<frequency>0</frequency>
|
||||
<programNum>0</programNum>
|
||||
<cTag>0</cTag>
|
||||
</content>
|
||||
<!-- FOR PTC F/W -->
|
||||
<content>
|
||||
<type>PTC_FIRMWARE</type>
|
||||
<data>xxUS761H0ND_v8.00.088.txt</data>
|
||||
<frequency>0</frequency>
|
||||
<programNum>0</programNum>
|
||||
<cTag>0</cTag>
|
||||
|
||||
11031
procentric/system/xxUS761H0ND_v8.00.088.txt
Executable file
11031
procentric/system/xxUS761H0ND_v8.00.088.txt
Executable file
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user