sysadmin/ct-dtv-hx0100-002kwos
1
0
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects Releases Wiki Activity

issue #10 HDMI입력시 화면 전환 기능 추가. Welcome에서 MQTT메시지 처리 로직 추가.

Browse Source
This commit is contained in:
Paul Kim
2023-02-27 22:02:12 +09:00
parent 1e0bafafde
commit 29efea9b97
9 changed files with 583 additions and 283 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
procentric/application/hoteltv.app.full.ctzgen.css
View File

@@ -154,6 +154,25 @@
margin: 0 10px 0 10px; 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 { .main .ctzgen .bg .owl-carousel .owl-item .ctz_mv_ctrl {
position: absolute; position: absolute;
top: 970px; top: 970px;

2
procentric/application/lib/hoteltv.api.js
View File

@@ -641,7 +641,7 @@ HotelTV.api = (function() {
let sz_api_url = __apifxn_get_api_url("update_event"); let sz_api_url = __apifxn_get_api_url("update_event");
__apifxn_CallCmsApi("POST", sz_api_url, "UpdateEvent", _json_event).then(_result => { __apifxn_CallCmsApi("POST", sz_api_url, "UpdateEvent", _json_event).then(_result => {
console.log(`Success::>${_result.data}`); //console.log(`Success::>${_result.data}`);
}).catch(_error => { }).catch(_error => {
console.error(`Failure::>${_error.reason}`); console.error(`Failure::>${_error.reason}`);
}); });

24
procentric/application/lib/hoteltv.hcap.js
View File

@@ -38,7 +38,7 @@ HotelTV.hcap = (function() {
'input_splash_image', 'block_usb', 'tv_channel_attribute_floating_ui', 'input_splash_image', 'block_usb', 'tv_channel_attribute_floating_ui',
'instant_power', 'hardware_version', 'instant_power', 'hardware_version',
'network_info', 'network_info',
'tv_channel_ui', 'tv_channel_ui', "mute_on_tv_input",
'soft_ap_ui', "soft_ap", "soft_ap_password", 'soft_ap_ui', "soft_ap", "soft_ap_password",
'end_of_item' 'end_of_item'
]; ];
@@ -1045,6 +1045,13 @@ HotelTV.hcap = (function() {
} }
} }
// MUTE ON TV INPUT: Prevent TV channel auto play when exit OTT
if (_devinfo["mute_on_tv_input"] !== undefined) {
if (_devinfo["mute_on_tv_input"] != 1) {
_pmFxnArProperty.push(__hcapfxn_set_property('mute_on_tv_input', 1));
}
}
// // OSD LAYER ID // // OSD LAYER ID
// if (_devinfo["osd_layer_id"] !== undefined) { // if (_devinfo["osd_layer_id"] !== undefined) {
// if (_devinfo["osd_layer_id"] != 0) { // if (_devinfo["osd_layer_id"] != 0) {
@@ -1551,6 +1558,21 @@ HotelTV.hcap = (function() {
}, },
// _type은 hcap.externalinput.ExternalInputType형이고, 현재는 HDMI로 고정
// _index는 HDMI포트 번호
SetExternalInput: function(_type, _index) {
hcap.externalinput.setCurrentExternalInput({
"type" : hcap.externalinput.ExternalInputType.HDMI,
"index" : _index,
"onSuccess" : function() {
console.log("onSuccess");
},
"onFailure" : function(f) {
console.error("onFailure : errorMessage = " + f.errorMessage);
}
});
},
Test: function() { Test: function() {
console.log("Test Start...."); console.log("Test Start....");

129
procentric/application/lib/hoteltv.js
View File

@@ -29,7 +29,10 @@ var HotelTV = HotelTV || {
'state': { 'state': {
'lang': 'kr', 'lang': 'kr',
'menu': { 'menu': {
'stage': null, 'stage': {
'cur':null,
'prev':null,
},
'main': { 'main': {
'cnt': 0, 'cnt': 0,
'cur': null, 'cur': null,
@@ -45,9 +48,16 @@ var HotelTV = HotelTV || {
'media': { 'media': {
'playing': false, 'playing': false,
}, },
'tv':{
'playing': false,
},
'hotkey': { 'hotkey': {
"mm": {} "mm": {}
}, },
'schedule': {
'flight_reflash': false,
'weather_reflash': false
},
'token': null 'token': null
}, },
'carts': { 'carts': {
@@ -163,6 +173,7 @@ function __fxn_Set_DebugOpt() {
HotelTV.Init = async function() { HotelTV.Init = async function() {
console.log("Start Initialization:: "); console.log("Start Initialization:: ");
//STEP#01::> Shutdown Channel //STEP#01::> Shutdown Channel
HotelTV.hcap.ChannelShutDown(); HotelTV.hcap.ChannelShutDown();
@@ -460,8 +471,6 @@ HotelTV.LoadWelCome = async function() {
console.error("Display Error page for get translation info"); console.error("Display Error page for get translation info");
} }
//Set checkined guest language //Set checkined guest language
HotelTV.state.lang = HotelTV.guestinfo.language; HotelTV.state.lang = HotelTV.guestinfo.language;
@@ -470,11 +479,92 @@ HotelTV.LoadWelCome = async function() {
//await HotelTV.hcap.ShowDevInfo(); //await HotelTV.hcap.ShowDevInfo();
HotelTV.ui_welcome.Show(); HotelTV.ui_welcome.Show();
//STEP#06 Register Service web worker
if (window.SharedWorker) {
const myWorker = new SharedWorker("./lib/hoteltv.service.js");
myWorker.port.postMessage({
'cmd': "start_service",
"param": {
"token": HotelTV.state.token,
"dev_family": HotelTV.devinfo.model_name.substring(2, HotelTV.devinfo.model_name.length - 1),
"dev_snum": HotelTV.devinfo.serial_number,
"svrinfo": HotelTV.svrinfo,
},
});
myWorker.port.onmessage = function(e) {
let recvMsg = e.data;
//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 => {
//console.log(`USAGE::> CPU[${_usage.cpu}%]`);
HotelTV.api.ReportBrief(HotelTV.devinfo, HotelTV.guestinfo, _usage);
});
}
}
} else {
console.error('Your browser doesn\'t support web workers.')
}
//STEP#07 MQTT Service
if (HotelTV.services) {
if (HotelTV.services.mqtt) {
let _mqttSvcInfo = HotelTV.services.mqtt;
if (_mqttSvcInfo.protocol == "ws") {
HotelTV.services.client = mqtt.connect(
//'ws://' + HotelTV.svrinfo.ipaddr + ':9001',
'ws://' + _mqttSvcInfo.host + ':' + _mqttSvcInfo.port, {
clean: true, // retain session
connectTimeout: 4000, // Timeout period
username: _mqttSvcInfo.username,
password: _mqttSvcInfo.password,
clientId: 'mqtt_sid_' + HotelTV.devinfo.serial_number.substring(0, 12)
}
);
HotelTV.services.client.on('connect', function() {
HotelTV.services.client.subscribe(_mqttSvcInfo.topic, function(err) {
if (err) {
console.error(`Fail to subscribe::TOPIC[${_mqttSvcInfo.topic}]`);
} else {
console.log(`Success to subscribe::TOPIC[${_mqttSvcInfo.topic}]`);
}
});
})
HotelTV.services.client.on('message', function(topic, message) {
let szMsg = message.toString();
HotelTV.ui_welcome.MqttEvent(szMsg);
//MQTT메시지 종료 하려면 아래 end호출
//HotelTV.services.client.end()
})
HotelTV.services.client.on('error', function(error) {
// message is Buffer
console.error(error.toString());
//HotelTV.services.client.end()
})
}
}
}
} }
HotelTV.UnloadWelCome = async function() { HotelTV.UnloadWelCome = async function() {
sessionStorage.setItem("state", JSON.stringify(HotelTV.state)); sessionStorage.setItem("state", JSON.stringify(HotelTV.state));
HotelTV.ui_welcome.Close(); HotelTV.ui_welcome.Close();
//MQTT Disconnect
if( HotelTV.services.client ){
HotelTV.services.client.end();
}
if (HotelTV.state['registration'].license == 'hotel-full') { if (HotelTV.state['registration'].license == 'hotel-full') {
setTimeout(function() { setTimeout(function() {
window.location.replace('./app_hoteltv_full.html'); window.location.replace('./app_hoteltv_full.html');
@@ -484,6 +574,9 @@ HotelTV.UnloadWelCome = async function() {
HotelTV.LoadAppFull = async function() { HotelTV.LoadAppFull = async function() {
//Turn Off HCAP api log
extDisableHcapConsoleLog = true;
HotelTV.ui_utils.SetBusy(true); HotelTV.ui_utils.SetBusy(true);
//STEP#01: Load session info //STEP#01: Load session info
@@ -516,8 +609,8 @@ HotelTV.LoadAppFull = async function() {
console.error("Display Error page for get amenity carts info"); console.error("Display Error page for get amenity carts info");
} }
HotelTV.carts.roomservice = await HotelTV.api.GetRoomserviceCarts();
try { try {
HotelTV.carts.roomservice = await HotelTV.api.GetRoomserviceCarts();
} catch (_error) { } catch (_error) {
console.error("Display Error page for get roomservicec carts info"); console.error("Display Error page for get roomservicec carts info");
} }
@@ -618,7 +711,9 @@ HotelTV.LoadAppFull = async function() {
HotelTV.flight =recvMsg.data; HotelTV.flight =recvMsg.data;
} }
} else if (recvMsg.event == "update_weather") { } else if (recvMsg.event == "update_weather") {
// if (recvMsg.ret === "OK") {
HotelTV.weather =recvMsg.data;
}
} else if (recvMsg.event == "update_report") { } else if (recvMsg.event == "update_report") {
HotelTV.hcap.GetUptime(); HotelTV.hcap.GetUptime();
HotelTV.hcap.GetDeviceUsage().then(_usage => { HotelTV.hcap.GetDeviceUsage().then(_usage => {
@@ -626,6 +721,9 @@ HotelTV.LoadAppFull = async function() {
HotelTV.api.ReportBrief(HotelTV.devinfo, HotelTV.guestinfo, _usage); HotelTV.api.ReportBrief(HotelTV.devinfo, HotelTV.guestinfo, _usage);
}); });
} }
// BGServiceEvent function for post processing
HotelTV.ui_appfull.BGServiceEvent(recvMsg.event);
} }
} else { } else {
console.error('Your browser doesn\'t support web workers.') console.error('Your browser doesn\'t support web workers.')
@@ -637,7 +735,7 @@ HotelTV.LoadAppFull = async function() {
let _mqttSvcInfo = HotelTV.services.mqtt; let _mqttSvcInfo = HotelTV.services.mqtt;
if (_mqttSvcInfo.protocol == "ws") { if (_mqttSvcInfo.protocol == "ws") {
var client = mqtt.connect( HotelTV.services.client = mqtt.connect(
//'ws://' + HotelTV.svrinfo.ipaddr + ':9001', //'ws://' + HotelTV.svrinfo.ipaddr + ':9001',
'ws://' + _mqttSvcInfo.host + ':' + _mqttSvcInfo.port, { 'ws://' + _mqttSvcInfo.host + ':' + _mqttSvcInfo.port, {
clean: true, // retain session clean: true, // retain session
@@ -648,8 +746,8 @@ HotelTV.LoadAppFull = async function() {
} }
); );
client.on('connect', function() { HotelTV.services.client.on('connect', function() {
client.subscribe(_mqttSvcInfo.topic, function(err) { HotelTV.services.client.subscribe(_mqttSvcInfo.topic, function(err) {
if (err) { if (err) {
console.error(`Fail to subscribe::TOPIC[${_mqttSvcInfo.topic}]`); console.error(`Fail to subscribe::TOPIC[${_mqttSvcInfo.topic}]`);
} else { } else {
@@ -658,17 +756,17 @@ HotelTV.LoadAppFull = async function() {
}); });
}) })
client.on('message', function(topic, message) { HotelTV.services.client.on('message', function(topic, message) {
let szMsg = message.toString(); let szMsg = message.toString();
HotelTV.ui_appfull.MqttEvent(szMsg); HotelTV.ui_appfull.MqttEvent(szMsg);
//MQTT메시지 종료 하려면 아래 end호출 //MQTT메시지 종료 하려면 아래 end호출
//client.end() //HotelTV.services.client.end()
}) })
client.on('error', function(error) { HotelTV.services.client.on('error', function(error) {
// message is Buffer // message is Buffer
console.error(error.toString()); console.error(error.toString());
//client.end() //HotelTV.services.client.end()
}) })
} }
} }
@@ -676,11 +774,14 @@ HotelTV.LoadAppFull = async function() {
// //
HotelTV.hcap.Test(); //HotelTV.hcap.Test();
} }
HotelTV.UnloadAppFull = async function() { HotelTV.UnloadAppFull = async function() {
//MQTT Disconnect
if( HotelTV.services.client ){
HotelTV.services.client.end();
}
} }

131
procentric/application/lib/hoteltv.service.js
View File

@@ -130,68 +130,6 @@ async function sworker_service(args) {
}; };
let _tm_cur = new Date(); let _tm_cur = new Date();
// CHECK EPG INFORMATION UPDATE
if (g_tm_prev.epg == null) {
g_tm_prev.epg = new Date();
_bNeed_Update.epg = true;
} else {
let _tm_diff_ms = _tm_cur.getTime() - g_tm_prev.epg.getTime();
let _tm_diff_s = Math.floor(_tm_diff_ms / 1000);
//EPG정보는 매 30분 마다 한번씩 업데이트
if (_tm_diff_s > 1800) {
//if (_tm_diff_s > 60) {
g_tm_prev.epg = _tm_cur;
_bNeed_Update.epg = true;
}
}
// CHECK NEWS INFORMATION UPDATE
if (g_tm_prev.news == null) {
g_tm_prev.news = new Date();
_bNeed_Update.news = true;
} else {
let _tm_diff_ms = _tm_cur.getTime() - g_tm_prev.news.getTime();
let _tm_diff_s = Math.floor(_tm_diff_ms / 1000);
//NEWS정보는 매 20분 마다 한번씩 업데이트
if (_tm_diff_s > 1200) {
g_tm_prev.news = _tm_cur;
_bNeed_Update.news = true;
}
}
// CHECK FLIGHT INFORMATION UPDATE
if (g_tm_prev.flight == null) {
g_tm_prev.flight = new Date();
_bNeed_Update.flight = true;
} else {
let _tm_diff_ms = _tm_cur.getTime() - g_tm_prev.flight.getTime();
let _tm_diff_s = Math.floor(_tm_diff_ms / 1000);
//FLIGHT정보는 매 60분 마다 한번씩 업데이트
if (_tm_diff_s > 3600) {
g_tm_prev.flight = _tm_cur;
_bNeed_Update.flight = true;
}
}
// CHECK WEATHER INFORMATION UPDATE
if (g_tm_prev.weather == null) {
g_tm_prev.weather = new Date();
_bNeed_Update.weather = true;
} else {
let _tm_diff_ms = _tm_cur.getTime() - g_tm_prev.weather.getTime();
let _tm_diff_s = Math.floor(_tm_diff_ms / 1000);
//NEWS정보는 매 2시간 마다 한번씩 업데이트
if (_tm_diff_s > 7200) {
g_tm_prev.weather = _tm_cur;
_bNeed_Update.weather = true;
}
}
// CHECK REPORT INFORMATION UPDATE // CHECK REPORT INFORMATION UPDATE
if (g_tm_prev.report == null) { if (g_tm_prev.report == null) {
@@ -205,9 +143,78 @@ async function sworker_service(args) {
if (_tm_diff_s > 5) { if (_tm_diff_s > 5) {
g_tm_prev.report = _tm_cur; g_tm_prev.report = _tm_cur;
_bNeed_Update.report = true; _bNeed_Update.report = true;
if (g_tm_prev.epg == null) {
g_tm_prev.epg = _tm_cur;
}
if (g_tm_prev.news == null) {
g_tm_prev.news = _tm_cur;
}
if (g_tm_prev.flight == null) {
g_tm_prev.flight = _tm_cur;
}
if (g_tm_prev.weather == null) {
g_tm_prev.weather = _tm_cur;
}
} }
} }
// CHECK EPG INFORMATION UPDATE
if (g_tm_prev.epg != null) {
let _tm_diff_ms = _tm_cur.getTime() - g_tm_prev.epg.getTime();
let _tm_diff_s = Math.floor(_tm_diff_ms / 1000);
//EPG정보는 매 30분 마다 한번씩 업데이트
if (_tm_diff_s > 1800) {
//if (_tm_diff_s > 60) {
g_tm_prev.epg = _tm_cur;
_bNeed_Update.epg = true;
}
}
// CHECK NEWS INFORMATION UPDATE
if (g_tm_prev.news != null) {
let _tm_diff_ms = _tm_cur.getTime() - g_tm_prev.news.getTime();
let _tm_diff_s = Math.floor(_tm_diff_ms / 1000);
//NEWS정보는 매 20분 마다 한번씩 업데이트
if (_tm_diff_s > 1200) {
g_tm_prev.news = _tm_cur;
_bNeed_Update.news = true;
}
}
// CHECK FLIGHT INFORMATION UPDATE
if (g_tm_prev.flight != null) {
let _tm_diff_ms = _tm_cur.getTime() - g_tm_prev.flight.getTime();
let _tm_diff_s = Math.floor(_tm_diff_ms / 1000);
//FLIGHT정보는 매 60분 마다 한번씩 업데이트
if (_tm_diff_s > 3600) {
g_tm_prev.flight = _tm_cur;
_bNeed_Update.flight = true;
}
}
// CHECK WEATHER INFORMATION UPDATE
if (g_tm_prev.weather != null) {
let _tm_diff_ms = _tm_cur.getTime() - g_tm_prev.weather.getTime();
let _tm_diff_s = Math.floor(_tm_diff_ms / 1000);
//WEATHER정보는 매 2시간 마다 한번씩 업데이트
if (_tm_diff_s > 7200) {
g_tm_prev.weather = _tm_cur;
_bNeed_Update.weather = true;
}
}
// 후처리(실제 데이터 가져오고 부모에세 메시지로 안내) // 후처리(실제 데이터 가져오고 부모에세 메시지로 안내)
if (_bNeed_Update.epg === true) { if (_bNeed_Update.epg === true) {

431
procentric/application/lib/hoteltv.ui_appfull.js
View File

@@ -76,7 +76,7 @@ HotelTV.ui_appfull = (function() {
console.log("media_event_received = " + _evt.eventType); console.log("media_event_received = " + _evt.eventType);
let _stateMedia = _evt.eventType; let _stateMedia = _evt.eventType;
if (_state.menu.stage == "ctzgen") { if (_state.menu.stage.cur == "ctzgen") {
switch (_stateMedia) { switch (_stateMedia) {
case 'play_start': case 'play_start':
_state.media.playing = true; _state.media.playing = true;
@@ -155,9 +155,6 @@ HotelTV.ui_appfull = (function() {
// HotelTV.hcap.SetSoftAp({ // HotelTV.hcap.SetSoftAp({
// "enable": false, // "enable": false,
// }); // });
// 현재 재생중인 TV채널 종료
console.log("Try to channel shutdown..");
HotelTV.hcap.ChannelShutDown();
}else if (_typeAppFocusEvt == "unfocused") { }else if (_typeAppFocusEvt == "unfocused") {
} }
@@ -169,14 +166,51 @@ HotelTV.ui_appfull = (function() {
*/ */
function __uifxn_AppFull_OnHdmiConChangeEvt(_evt) { function __uifxn_AppFull_OnHdmiConChangeEvt(_evt) {
let _state = HotelTV.state; let _state = HotelTV.state;
let _trTbl = HotelTV.translation;
// {Number} param.index - index of the HDMI which was connected or disconnected. // {Number} param.index - index of the HDMI which was connected or disconnected.
// {Boolean} param.connected - true if the HDMI is connected, else false. // {Boolean} param.connected - true if the HDMI is connected, else false.
console.log( console.warn(
"Event 'hdmi_connection_changed' is received.\n" + "Event 'hdmi_connection_changed' is received.\n" +
"HDMI-" + param.index + " : " + "connected = " + param.connected "HDMI-" + _evt.index + " : " + "connected = " + _evt.connected
);
if ( _evt.connected==true ){
_state.menu.stage.prev = _state.menu.stage.cur;
_state.menu.stage.cur = "external_av_hdmi";
setTimeout(function(){
$('body,html').fadeOut(500, function(){
HotelTV.hcap.SetExternalInput("HDMI", Number(_evt.index)-1);
});
}, 1000);
HotelTV.ui_utils.ShowNotificationMsgBalloon(_trTbl.system.notice.event.external_input.hdmi_connected[_state.lang], 5);
}else{
$('body,html').fadeIn(500);
_state.menu.stage.cur = _state.menu.stage.prev;
_state.menu.stage.prev = null;
}
}
/**
* HotelTV UI Wrapper Function::> received event handling function
* @param {dictionary} _evt event information
*/
function __uifxn_AppFull_OnTvChChgChangeEvt(_evt) {
let _state = HotelTV.state;
// Set tv playing flag
_state.tv.playing = true;
// {Boolean} param.result - true if the current channel is changed successfully, else false.
// {String} param.errorMessage - in case of failure, this message provides the details.
console.log(
"Event 'channel_changed' is received.\n" +
"Result = " + _evt.result + "\n" +
"Error message = " + _evt.errorMessage
); );
} }
/** /**
* HotelTV UI[AppFull] Wrapper Function::> show/hide special hotkey(red/yellow/green/blue/etc...) btn * HotelTV UI[AppFull] Wrapper Function::> show/hide special hotkey(red/yellow/green/blue/etc...) btn
* @param {boolean} e event * @param {boolean} e event
@@ -2382,12 +2416,12 @@ HotelTV.ui_appfull = (function() {
el_width = (el_width + 100) * -1; el_width = (el_width + 100) * -1;
if ($('.main .tv .bg .owl-carousel .owl-stage-outer').position().left == el_width) { if ($('.main .tv .bg .owl-carousel .owl-stage-outer').position().left == el_width) {
$('.main .tv .bg .owl-carousel .owl-stage-outer').stop().animate({ left: '0px' }, 800, function() { $('.main .tv .bg .owl-carousel .owl-stage-outer').stop().animate({ left: '0px' }, 800, function() {
_state.menu.stage = "tvCtgShow"; _state.menu.stage.cur = "tvCtgShow";
}); });
} }
} else { } else {
if ($('.main .tv .bg .owl-carousel .owl-stage-outer').position().left == 0) { if ($('.main .tv .bg .owl-carousel .owl-stage-outer').position().left == 0) {
_state.menu.stage = "tvCtgHide"; _state.menu.stage.cur = "tvCtgHide";
let el_width = $('.main .tv .bg .owl-carousel .owl-stage-outer .owl-stage .item').width(); let el_width = $('.main .tv .bg .owl-carousel .owl-stage-outer .owl-stage .item').width();
el_width = (el_width + 100) * -1; el_width = (el_width + 100) * -1;
$('.main .tv .bg .owl-carousel .owl-stage-outer').stop().animate({ left: el_width.toString() + 'px' }, 800); $('.main .tv .bg .owl-carousel .owl-stage-outer').stop().animate({ left: el_width.toString() + 'px' }, 800);
@@ -2477,7 +2511,7 @@ HotelTV.ui_appfull = (function() {
} }
// 초기 메인 메뉴 KEY설정 // 초기 메인 메뉴 KEY설정
_state.menu.stage = "preparing_mypage"; _state.menu.stage.cur = "preparing_mypage";
if (_state.menu.main[_mmIdx].cur == null) { if (_state.menu.main[_mmIdx].cur == null) {
_state.menu.main[_mmIdx].cur = Object.keys(_mpinfo)[0]; _state.menu.main[_mmIdx].cur = Object.keys(_mpinfo)[0];
} }
@@ -2711,7 +2745,7 @@ HotelTV.ui_appfull = (function() {
$('#lst_mypagesel').trigger('translate.owl.carousel', [0]); $('#lst_mypagesel').trigger('translate.owl.carousel', [0]);
$(document.activeElement).keydown(function(event) { //attach event listener $(document.activeElement).keydown(function(event) { //attach event listener
if (_state.menu.stage == "mypage") { if (_state.menu.stage.cur == "mypage") {
if (event.keyCode == gRmtKey.left) { if (event.keyCode == gRmtKey.left) {
$('#lst_mypagesel').trigger('prev.owl') $('#lst_mypagesel').trigger('prev.owl')
$('#lst_mypagebg').trigger('prev.owl') $('#lst_mypagebg').trigger('prev.owl')
@@ -2772,7 +2806,7 @@ HotelTV.ui_appfull = (function() {
//SHOW ANIMATION //SHOW ANIMATION
if ($('.popup>.mypage>.message').css('display') == "none") { if ($('.popup>.mypage>.message').css('display') == "none") {
_state.menu.stage = "popup_message_card"; _state.menu.stage.cur = "popup_message_card";
$('.main>.mypage>.slider').animate({ top: 1080, left: 0 }, 1000, function() { $('.main>.mypage>.slider').animate({ top: 1080, left: 0 }, 1000, function() {
$('.popup>.mypage>.message').fadeIn(500); $('.popup>.mypage>.message').fadeIn(500);
@@ -2801,7 +2835,7 @@ HotelTV.ui_appfull = (function() {
$('.main .mypage').hide(); $('.main .mypage').hide();
_hndl_mpSel = null; _hndl_mpSel = null;
_hndl_mpBg = null; _hndl_mpBg = null;
_state.menu.stage = "main" _state.menu.stage.cur = "main"
setTimeout(function() { setTimeout(function() {
__uifxn_AppFull_ShowMMHotKeyBtn(true); __uifxn_AppFull_ShowMMHotKeyBtn(true);
}, 500); }, 500);
@@ -2809,11 +2843,11 @@ HotelTV.ui_appfull = (function() {
} else { } else {
console.log("MYPAGE KEYEVT: Skip events::>" + event.keyCode); console.log("MYPAGE KEYEVT: Skip events::>" + event.keyCode);
} }
} else if (_state.menu.stage == "popup_message_card") { } else if (_state.menu.stage.cur == "popup_message_card") {
if (event.keyCode == gRmtKey.back) { if (event.keyCode == gRmtKey.back) {
if ($('.popup>.mypage>.message').css('display') != "none") { if ($('.popup>.mypage>.message').css('display') != "none") {
$('.popup>.mypage>.message').fadeOut(500, function() { $('.popup>.mypage>.message').fadeOut(500, function() {
_state.menu.stage = "mypage"; _state.menu.stage.cur = "mypage";
$('.main>.mypage>.slider').animate({ top: 864, left: 0 }, 1000) $('.main>.mypage>.slider').animate({ top: 864, left: 0 }, 1000)
}); });
} }
@@ -2821,10 +2855,10 @@ HotelTV.ui_appfull = (function() {
console.log("POPUP MESSAGE CARD KEYEVT: Skip events::>" + event.keyCode); console.log("POPUP MESSAGE CARD KEYEVT: Skip events::>" + event.keyCode);
} }
} else { } else {
console.log("INVALID MYPAGE SUBMENU STAGE::>" + _state.menu.stage); console.log("INVALID MYPAGE SUBMENU STAGE::>" + _state.menu.stage.cur);
} }
}); });
_state.menu.stage = "mypage"; _state.menu.stage.cur = "mypage";
}); });
$('#lst_mypagesel').on('translate.owl.carousel', function(event) { $('#lst_mypagesel').on('translate.owl.carousel', function(event) {
@@ -2996,7 +3030,7 @@ HotelTV.ui_appfull = (function() {
_el_target.each(function(index, item) { _el_target.each(function(index, item) {
$($(item).children()[tv_chElIdx]).addClass("focused"); $($(item).children()[tv_chElIdx]).addClass("focused");
}); });
_state.menu.stage = "tvCtgShow"; _state.menu.stage.cur = "tvCtgShow";
console.log("1st time ...."); console.log("1st time ....");
} }
} else if (_action == "ch_up") { } else if (_action == "ch_up") {
@@ -3079,7 +3113,7 @@ HotelTV.ui_appfull = (function() {
} }
// UI State Flag 설정 // UI State Flag 설정
_state.menu.stage = "preparing_ctz_general"; _state.menu.stage.cur = "preparing_ctz_general";
if (_state.menu.main[_mmIdx][_smIdx].cur == null) { if (_state.menu.main[_mmIdx][_smIdx].cur == null) {
_state.menu.main[_mmIdx][_smIdx].cur = Object.keys(_ctzinfo)[0]; _state.menu.main[_mmIdx][_smIdx].cur = Object.keys(_ctzinfo)[0];
} }
@@ -3145,6 +3179,24 @@ HotelTV.ui_appfull = (function() {
_div_ctz_item.appendChild(_div_ctz_frame); _div_ctz_item.appendChild(_div_ctz_frame);
// 나중에 구현하기로 하고 조선프로젝트에서 우선 스킵
// // 컨텐트 IMAGE VIEWER DIV 삽입
// let _div_ctz_imgvwr = document.createElement('div');
// _div_ctz_imgvwr.setAttribute("class", "ctz_imgvwr_frame");
// _div_ctz_item.appendChild(_div_ctz_imgvwr);
// // 이미지 뷰어를 사용하는 경우 경우, PLAY안내 버튼 노출
// if (_ctzinfo[_ctzidx].images.enable == true && _ctzinfo[_ctzidx].images.files[_state.lang]) {
// let _div_ctz_vwrctrl = document.createElement('div');
// _div_ctz_vwrctrl.setAttribute("class", "ctz_mv_ctrl");
// // _div_ctz_vwrctrl.setAttribute("video_url", _ctzinfo[_ctzidx].video.files[_state.lang].download);
// _sz_styleOpt = '--playmsg: "' + _trTbl.ui.player.watch_imgshow[_state.lang] + '";';
// _sz_styleOpt += '--stopmsg: "' + _trTbl.ui.player.stop_imgshow[_state.lang] + '";';
// _div_ctz_vwrctrl.setAttribute("style", _sz_styleOpt);
// _div_ctz_item.appendChild(_div_ctz_vwrctrl);
// }
// 동영상이 있는 경우, PLAY안내 버튼 노출 // 동영상이 있는 경우, PLAY안내 버튼 노출
if (_ctzinfo[_ctzidx].video.enable == true && _ctzinfo[_ctzidx].video.files[_state.lang]) { if (_ctzinfo[_ctzidx].video.enable == true && _ctzinfo[_ctzidx].video.files[_state.lang]) {
let _div_ctz_mvctrl = document.createElement('div'); let _div_ctz_mvctrl = document.createElement('div');
@@ -3181,7 +3233,7 @@ HotelTV.ui_appfull = (function() {
$('.main .sub').fadeOut(600); $('.main .sub').fadeOut(600);
//$('#lst_ctzgenbg').trigger('translate.owl.carousel', [0]); //$('#lst_ctzgenbg').trigger('translate.owl.carousel', [0]);
$('#lst_ctzgenbg').trigger('translate.owl.carousel', [0, 500, true]); $('#lst_ctzgenbg').trigger('translate.owl.carousel', [0, 500, true]);
_state.menu.stage = "ctzgen"; _state.menu.stage.cur = "ctzgen";
}); });
}); });
}); });
@@ -3290,7 +3342,7 @@ HotelTV.ui_appfull = (function() {
} }
// 초기 메인 메뉴 KEY설정 // 초기 메인 메뉴 KEY설정
_state.menu.stage = "preparing_sub"; _state.menu.stage.cur = "preparing_sub";
if (_state.menu.main[_mmIdx].cur == null) { if (_state.menu.main[_mmIdx].cur == null) {
_state.menu.main[_mmIdx].cur = Object.keys(_sminfo)[0]; _state.menu.main[_mmIdx].cur = Object.keys(_sminfo)[0];
} }
@@ -3426,7 +3478,7 @@ HotelTV.ui_appfull = (function() {
$('#lst_smsel').trigger('translate.owl.carousel', [0, 500, true]); $('#lst_smsel').trigger('translate.owl.carousel', [0, 500, true]);
$(document.activeElement).keydown(function(event) { //attach event listener $(document.activeElement).keydown(function(event) { //attach event listener
if (_state.menu.stage == "sub") { if (_state.menu.stage.cur == "sub") {
if (event.keyCode == gRmtKey.left) { if (event.keyCode == gRmtKey.left) {
$('#lst_smsel').trigger('prev.owl', 700); $('#lst_smsel').trigger('prev.owl', 700);
} else if (event.keyCode == gRmtKey.right) { } else if (event.keyCode == gRmtKey.right) {
@@ -3478,13 +3530,13 @@ HotelTV.ui_appfull = (function() {
$('.main .sub').hide(); $('.main .sub').hide();
_hndl_smSel = null; _hndl_smSel = null;
_hndl_smBg = null; _hndl_smBg = null;
_state.menu.stage = "main" _state.menu.stage.cur = "main"
setTimeout(function() { setTimeout(function() {
__uifxn_AppFull_ShowMMHotKeyBtn(true); __uifxn_AppFull_ShowMMHotKeyBtn(true);
}, 500); }, 500);
}); });
} }
} else if (_state.menu.stage == "ctzgen") { } else if (_state.menu.stage.cur == "ctzgen") {
if (event.keyCode == gRmtKey.left) { if (event.keyCode == gRmtKey.left) {
$('#lst_ctzgenbg').trigger('prev.owl', 700); $('#lst_ctzgenbg').trigger('prev.owl', 700);
} else if (event.keyCode == gRmtKey.right) { } else if (event.keyCode == gRmtKey.right) {
@@ -3503,7 +3555,7 @@ HotelTV.ui_appfull = (function() {
$('#lst_ctzgenbg').owlCarousel('destroy'); $('#lst_ctzgenbg').owlCarousel('destroy');
$('.main .ctzgen .bg #lst_ctzgenbg div').remove(); $('.main .ctzgen .bg #lst_ctzgenbg div').remove();
_hndl_ctzGenBg = null; _hndl_ctzGenBg = null;
_state.menu.stage = "sub"; _state.menu.stage.cur = "sub";
$('#lst_smsel').trigger('translate.owl.carousel', [0]); $('#lst_smsel').trigger('translate.owl.carousel', [0]);
}); });
} else if (event.keyCode == gRmtKey.start) { } else if (event.keyCode == gRmtKey.start) {
@@ -3544,7 +3596,7 @@ HotelTV.ui_appfull = (function() {
console.log("SUBMENU KEYEVT: Skip events"); console.log("SUBMENU KEYEVT: Skip events");
} }
}); });
_state.menu.stage = "sub"; _state.menu.stage.cur = "sub";
}); });
}); });
@@ -3606,7 +3658,7 @@ HotelTV.ui_appfull = (function() {
} }
// 초기 메인 메뉴 KEY설정 // 초기 메인 메뉴 KEY설정
_state.menu.stage = "preparing_tv"; _state.menu.stage.cur = "preparing_tv";
if (_state.menu.main[_mmIdx].cur == null) { if (_state.menu.main[_mmIdx].cur == null) {
_state.menu.main[_mmIdx].cur = Object.keys(_tvProg)[0]; _state.menu.main[_mmIdx].cur = Object.keys(_tvProg)[0];
@@ -3741,7 +3793,7 @@ HotelTV.ui_appfull = (function() {
$('#lst_tvCtgbg').trigger('translated.owl.carousel', [0]); $('#lst_tvCtgbg').trigger('translated.owl.carousel', [0]);
$(document.activeElement).keydown(function(event) { //attach event listener $(document.activeElement).keydown(function(event) { //attach event listener
if (_state.menu.stage == "tvCtgShow") { if (_state.menu.stage.cur == "tvCtgShow") {
if (event.keyCode == gRmtKey.left) { if (event.keyCode == gRmtKey.left) {
$('#lst_tvCtgbg').trigger('prev.owl', [1000]) $('#lst_tvCtgbg').trigger('prev.owl', [1000])
} else if (event.keyCode == gRmtKey.right) { } else if (event.keyCode == gRmtKey.right) {
@@ -3799,7 +3851,7 @@ HotelTV.ui_appfull = (function() {
$('.main .tv .bg #lst_tvCtgbg div').remove(); $('.main .tv .bg #lst_tvCtgbg div').remove();
_hndl_tvCtg = null; _hndl_tvCtg = null;
_state.menu.stage = "main"; _state.menu.stage.cur = "main";
setTimeout(function() { setTimeout(function() {
__uifxn_AppFull_ShowMMHotKeyBtn(true); __uifxn_AppFull_ShowMMHotKeyBtn(true);
@@ -3807,7 +3859,7 @@ HotelTV.ui_appfull = (function() {
}, 500); }, 500);
}); });
} }
} else if (_state.menu.stage == "tvCtgHide") { } else if (_state.menu.stage.cur == "tvCtgHide") {
if (event.keyCode == 427) { if (event.keyCode == 427) {
// 채널 리스트 아이탬 이동(UP) // 채널 리스트 아이탬 이동(UP)
let _mmIdx = _state.menu.main.cur; let _mmIdx = _state.menu.main.cur;
@@ -3858,7 +3910,7 @@ HotelTV.ui_appfull = (function() {
$('.main .tv .bg #lst_tvCtgbg div').remove(); $('.main .tv .bg #lst_tvCtgbg div').remove();
_hndl_tvCtg = null; _hndl_tvCtg = null;
_state.menu.stage = "main"; _state.menu.stage.cur = "main";
setTimeout(function() { setTimeout(function() {
__uifxn_AppFull_ShowMMHotKeyBtn(true); __uifxn_AppFull_ShowMMHotKeyBtn(true);
@@ -3869,7 +3921,7 @@ HotelTV.ui_appfull = (function() {
console.log("event.keyCode::>" + event.keyCode); console.log("event.keyCode::>" + event.keyCode);
} }
} else { } else {
console.log("TVMENU KEYEVT: Skip events::> Invalid menu stage:" + _state.menu.stage); console.log("TVMENU KEYEVT: Skip events::> Invalid menu stage:" + _state.menu.stage.cur);
} }
}); });
}); });
@@ -3933,7 +3985,7 @@ HotelTV.ui_appfull = (function() {
//console.log(`KeyDn Event Recoreded::> ${_lastTm.keyevt} TMDiff::> ${_tm_diff_ms}`); //console.log(`KeyDn Event Recoreded::> ${_lastTm.keyevt} TMDiff::> ${_tm_diff_ms}`);
// //
if (_state.menu.stage == "popup_message_card") { if (_state.menu.stage.cur == "popup_message_card") {
//HIDE NEWS and USER GUIDE TIPS //HIDE NEWS and USER GUIDE TIPS
if (_newsInfo == null || _newsInfo.length == 0) { if (_newsInfo == null || _newsInfo.length == 0) {
if ($('.news').css('display') != "none") { if ($('.news').css('display') != "none") {
@@ -3945,7 +3997,7 @@ HotelTV.ui_appfull = (function() {
$('.guide>.tips').fadeOut(500); $('.guide>.tips').fadeOut(500);
} }
return; return;
} else if (_state.menu.stage == "tvCtgHide") { } else if (_state.menu.stage.cur == "tvCtgHide") {
//HIDE NEWS and USER GUIDE TIPS //HIDE NEWS and USER GUIDE TIPS
if (_newsInfo == null || _newsInfo.length == 0) { if (_newsInfo == null || _newsInfo.length == 0) {
if ($('.news').css('display') != "none") { if ($('.news').css('display') != "none") {
@@ -3964,8 +4016,8 @@ HotelTV.ui_appfull = (function() {
//SHOW USER GUIDE TIPS //SHOW USER GUIDE TIPS
let show_stages = ["hotkey_mm_red", "hotkey_mm_green", "hotkey_mm_yellow", "hotkey_mm_blue", "main", "sub", "ctzgen", "tvCtgShow", "mypage"]; let show_stages = ["hotkey_mm_red", "hotkey_mm_green", "hotkey_mm_yellow", "hotkey_mm_blue", "main", "sub", "ctzgen", "tvCtgShow", "mypage"];
let sz_msg = null; let sz_msg = null;
if (show_stages.includes(_state.menu.stage) == true) { if (show_stages.includes(_state.menu.stage.cur) == true) {
switch (_state.menu.stage) { switch (_state.menu.stage.cur) {
case "hotkey_mm_red": case "hotkey_mm_red":
sz_msg = _trTbl.ui.guide.navi_brochure[_state.lang]; sz_msg = _trTbl.ui.guide.navi_brochure[_state.lang];
if ($('.guide>.tips').text() != sz_msg) { if ($('.guide>.tips').text() != sz_msg) {
@@ -4161,7 +4213,7 @@ HotelTV.ui_appfull = (function() {
} }
} else { } else {
$('.main .mm .flight').each(function (index, docObjFlight) { $('.main .mm .flight').each(function (index, docObjFlight) {
console.log(index); //console.log(index);
if ( $(docObjFlight).css("display")!="none" ){ if ( $(docObjFlight).css("display")!="none" ){
if ( $(docObjFlight).find('#record').length>0 ){ if ( $(docObjFlight).find('#record').length>0 ){
$(docObjFlight).find('#record').scrollTop(0); $(docObjFlight).find('#record').scrollTop(0);
@@ -4451,137 +4503,6 @@ HotelTV.ui_appfull = (function() {
$(`.main .mm #flight_${_program[_mm_idx].location} #caution`).text(_trTbl.ui.flight.caution.body[_state.lang]); $(`.main .mm #flight_${_program[_mm_idx].location} #caution`).text(_trTbl.ui.flight.caution.body[_state.lang]);
} }
} }
// let _elWeatherToday = _elWeatherRoot.children('.today');
// let _elWeatherForcast = _elWeatherRoot.children('.forcast');
// let _elWeatherCation = _elWeatherRoot.children('#caution');
// $('.main .mm .flight .departure #title').text(_trTbl.ui.flight.title.departure[_state.lang]);
// $('.main .mm .flight .arrival #title').text(_trTbl.ui.flight.title.arrival[_state.lang]);
// let _tblHdr = $('.main .mm .flight table th')
// for (let _i = 0; _i < _tblHdr.length; ++_i) {
// if (_tblHdr[_i].id == "airline") {
// _tblHdr[_i].innerText = _trTbl.ui.flight.title.airline[_state.lang];
// } else if (_tblHdr[_i].id == "flight") {
// _tblHdr[_i].innerText = _trTbl.ui.flight.title.flight_no[_state.lang];
// } else if (_tblHdr[_i].id == "scheduled") {
// _tblHdr[_i].innerText = _trTbl.ui.flight.title.scheduled[_state.lang];
// } else if (_tblHdr[_i].id == "origin") {
// _tblHdr[_i].innerText = _trTbl.ui.flight.title.origin[_state.lang];
// } else if (_tblHdr[_i].id == "destination") {
// _tblHdr[_i].innerText = _trTbl.ui.flight.title.destination[_state.lang];
// } else if (_tblHdr[_i].id == "type") {
// _tblHdr[_i].innerText = _trTbl.ui.flight.title.classification[_state.lang];
// } else if (_tblHdr[_i].id == "gate") {
// _tblHdr[_i].innerText = _trTbl.ui.flight.title.boarding_gate[_state.lang];
// } else if (_tblHdr[_i].id == "status") {
// _tblHdr[_i].innerText = _trTbl.ui.flight.status[_state.lang];
// }
// }
// //Delete all table record for departure & arrival
// let _el_departure_tbl_rec = document.querySelector('.main .mm .flight .departure table #record');
// let _el_arrival_tbl_rec = document.querySelector('.main .mm .flight .arrival table #record');
// //Delete all table record for departure & arrival
// $('.main .mm .flight .departure table tr#record').remove();
// $('.main .mm .flight .arrival table tr#record').remove();
// for (let _i = 0; _i < _flight.count; _i++) {
// let _schOrg = new Date();
// let _schEdt = new Date();
// let _flitem = _flight.items[_i];
// //let _sTmOrg = _flitem.std.length != 4 ? null : ;
// //let _sTmChanged = _flitem.etd;
// if (_flitem.std.length != 4) {
// console.log("Flight Schedule org time is NULL");
// } else {
// _schOrg.setHours(Number(_flitem.std.charAt(0) + _flitem.std.charAt(1)));
// _schOrg.setMinutes(Number(_flitem.std.charAt(2) + _flitem.std.charAt(3)));
// }
// if (_flitem.std.length != 4) {
// console.log("Flight Schedule edited time is NULL");
// } else {
// _schEdt.setHours(Number(_flitem.std.charAt(0) + _flitem.std.charAt(1)));
// _schEdt.setMinutes(Number(_flitem.std.charAt(2) + _flitem.std.charAt(3)));
// }
// let diffMs = (_schOrg - _curDaTm); // milliseconds between now & Christmas
// // let diffDays = Math.floor(diffMs / 86400000); // days
// // let diffHrs = Math.floor((diffMs % 86400000) / 3600000); // hours
// // let diffMins = Math.round(((diffMs % 86400000) % 3600000) / 60000); // minutes
// // console.log(diffDays + " days, " + diffHrs + " hours, " + diffMins + " minutes");
// let diffMins = Math.round(diffMs / 60000);
// //console.log("TDiff::> " + diffMins);
// if ((-60 < diffMins) && (diffMins < 120)) {
// if (_flitem.io == "O") {
// let _el_tr = document.createElement('tr');
// _el_tr.setAttribute("id", "record");
// ar_tdItem.forEach(_itm => {
// let _el_td = document.createElement('td');
// _el_td.setAttribute("id", _itm);
// if (_itm == "airline") {
// _el_td.innerText = HotelTV.ui_utils.Get_Airline(_trTbl.ui.flight.airlines, _flitem.airline, _state.lang);
// } else if (_itm == "flight") {
// _el_td.innerText = _flitem.airFln;
// } else if (_itm == "scheduled") {
// _el_td.innerText = _flitem.std.charAt(0) + _flitem.std.charAt(1) + ":" + _flitem.std.charAt(2) + _flitem.std.charAt(3) + " - ";
// _el_td.innerText += _flitem.etd.charAt(0) + _flitem.etd.charAt(1) + ":" + _flitem.etd.charAt(2) + _flitem.etd.charAt(3);
// } else if (_itm == "origin") {
// _el_td.innerText = HotelTV.ui_utils.Get_Airport(_trTbl.ui.flight.city, _flitem.boarding, _state.lang);
// } else if (_itm == "destination") {
// _el_td.innerText = HotelTV.ui_utils.Get_Airport(_trTbl.ui.flight.city, _flitem.arrived, _state.lang);
// } else if (_itm == "type") {
// _el_td.innerText = _trTbl.ui.flight.line[_flitem.line][_state.lang];
// } else if (_itm == "gate") {
// _el_td.innerText = _flitem.gate;
// } else if (_itm == "status") {
// _el_td.innerText = HotelTV.ui_utils.Get_FlightStatus(_trTbl.ui.flight.result, _flitem.rmk, _state.lang);
// }
// _el_tr.appendChild(_el_td);
// });
// _el_departure_tbl_rec.appendChild(_el_tr);
// } else {
// let _el_tr = document.createElement('tr');
// _el_tr.setAttribute("id", "record");
// ar_tdItem.forEach(_itm => {
// let _el_td = document.createElement('td');
// _el_td.setAttribute("id", _itm);
// if (_itm == "airline") {
// _el_td.innerText = HotelTV.ui_utils.Get_Airline(_trTbl.ui.flight.airlines, _flitem.airline, _state.lang);
// } else if (_itm == "flight") {
// _el_td.innerText = _flitem.airFln;
// } else if (_itm == "scheduled") {
// _el_td.innerText = _flitem.std.charAt(0) + _flitem.std.charAt(1) + ":" + _flitem.std.charAt(2) + _flitem.std.charAt(3) + " - ";
// _el_td.innerText += _flitem.etd.charAt(0) + _flitem.etd.charAt(1) + ":" + _flitem.etd.charAt(2) + _flitem.etd.charAt(3);
// } else if (_itm == "origin") {
// _el_td.innerText = HotelTV.ui_utils.Get_Airport(_trTbl.ui.flight.city, _flitem.boarding, _state.lang);
// } else if (_itm == "destination") {
// _el_td.innerText = HotelTV.ui_utils.Get_Airport(_trTbl.ui.flight.city, _flitem.arrived, _state.lang);
// } else if (_itm == "type") {
// if (_trTbl.ui.flight.line[_flitem.line]) {
// _el_td.innerText = _trTbl.ui.flight.line[_flitem.line][_state.lang];
// }
// } else if (_itm == "gate") {
// _el_td.innerText = _flitem.gate;
// } else if (_itm == "status") {
// _el_td.innerText = HotelTV.ui_utils.Get_FlightStatus(_trTbl.ui.flight.result, _flitem.rmk, _state.lang);
// }
// _el_tr.appendChild(_el_td);
// });
// _el_arrival_tbl_rec.appendChild(_el_tr);
// }
// }
// }
// $('.main .mm .flight #caution').text(_trTbl.ui.flight.caution.body[_state.lang]);
} }
/** /**
@@ -4660,7 +4581,7 @@ HotelTV.ui_appfull = (function() {
_mm_width = 266; _mm_width = 266;
// 초기 메인 메뉴 KEY설정 // 초기 메인 메뉴 KEY설정
_state.menu.stage = "preparing_main"; _state.menu.stage.cur = "preparing_main";
if (_state.menu.main.cur == null) { if (_state.menu.main.cur == null) {
_state.menu.main.cur = Object.keys(_program)[0]; _state.menu.main.cur = Object.keys(_program)[0];
} }
@@ -4817,16 +4738,23 @@ HotelTV.ui_appfull = (function() {
$('#lst_mmsel').trigger('translate.owl.carousel', [0, 500, true]); $('#lst_mmsel').trigger('translate.owl.carousel', [0, 500, true]);
HotelTV.ui_utils.SetBusy(false); HotelTV.ui_utils.SetBusy(false);
_state.menu.stage = "main"; _state.menu.stage.cur = "main";
}); });
$(document).on('keydown', function(_evt) { //attach event listener $(document).on('keydown', function(_evt) { //attach event listener
let _opening = HotelTV.opening; let _opening = HotelTV.opening;
let _trTbl = HotelTV.translation; let _trTbl = HotelTV.translation;
if (_state.menu.stage == "main") { if (_state.menu.stage.cur == "main") {
console.log(`MM KEY EVENT::> ${_evt.keyCode}, UINT=>${parseInt(_evt.keyCode)}`); console.log(`MM KEY EVENT::> ${_evt.keyCode}, UINT=>${parseInt(_evt.keyCode)}`);
// 현재 재생중인 TV채널 종료
if ( _state.tv.playing == true ){
console.warn("Try to channel shutdown..");
HotelTV.hcap.ChannelShutDown();
_state.tv.playing = false;
}
if (_evt.keyCode == gRmtKey.left) { if (_evt.keyCode == gRmtKey.left) {
$('#lst_mmsel').trigger('prev.owl', 700) $('#lst_mmsel').trigger('prev.owl', 700)
//console.log(" MM ID::> " + _state.menu.main.cur + _program[_state.menu.main.cur].name); //console.log(" MM ID::> " + _state.menu.main.cur + _program[_state.menu.main.cur].name);
@@ -4887,14 +4815,14 @@ HotelTV.ui_appfull = (function() {
$('.guide>.tips').stop().animate({ backgroundColor: "rgba(0,0,0,0.8)" }, 500, function() { $('.guide>.tips').stop().animate({ backgroundColor: "rgba(0,0,0,0.8)" }, 500, function() {
if (_state.hotkey.mm.red.type == "brochure") { if (_state.hotkey.mm.red.type == "brochure") {
$('.popup .hotkey_mm_red').fadeIn(1000, function() { $('.popup .hotkey_mm_red').fadeIn(1000, function() {
_state.menu.stage = "hotkey_mm_red"; _state.menu.stage.cur = "hotkey_mm_red";
__uifxn_AppFull_ShowMMHotKeyBtn(false); __uifxn_AppFull_ShowMMHotKeyBtn(false);
__uifxn_AppFull_TopWidjetShow(false); __uifxn_AppFull_TopWidjetShow(false);
}); });
} else if (_state.hotkey.mm.red.type == "amenity") { } else if (_state.hotkey.mm.red.type == "amenity") {
$('.popup .amenity').show(0, function() { $('.popup .amenity').show(0, function() {
$('.popup .amenity').animate({ top: 96, left: 64 }, 500, () => { $('.popup .amenity').animate({ top: 96, left: 64 }, 500, () => {
_state.menu.stage = "hotkey_mm_amenity"; _state.menu.stage.cur = "hotkey_mm_amenity";
__uifxn_AppFull_DrawAmenityItem(true); __uifxn_AppFull_DrawAmenityItem(true);
__uifxn_AppFull_ShowMMHotKeyBtn(false); __uifxn_AppFull_ShowMMHotKeyBtn(false);
}); });
@@ -4902,7 +4830,7 @@ HotelTV.ui_appfull = (function() {
} else if (_state.hotkey.mm.red.type == "roomservice") { } else if (_state.hotkey.mm.red.type == "roomservice") {
$('.popup .roomservice').show(0, function() { $('.popup .roomservice').show(0, function() {
$('.popup .roomservice').animate({ top: 96, left: 64 }, 500, () => { $('.popup .roomservice').animate({ top: 96, left: 64 }, 500, () => {
_state.menu.stage = "hotkey_mm_roomservice"; _state.menu.stage.cur = "hotkey_mm_roomservice";
__uifxn_AppFull_DrawRoomserviceItem(true); __uifxn_AppFull_DrawRoomserviceItem(true);
__uifxn_AppFull_ShowMMHotKeyBtn(false); __uifxn_AppFull_ShowMMHotKeyBtn(false);
}); });
@@ -4917,14 +4845,14 @@ HotelTV.ui_appfull = (function() {
$('.guide>.tips').stop().animate({ backgroundColor: "rgba(0,0,0,0.8)" }, 500, function() { $('.guide>.tips').stop().animate({ backgroundColor: "rgba(0,0,0,0.8)" }, 500, function() {
if (_state.hotkey.mm.green.type == "brochure") { if (_state.hotkey.mm.green.type == "brochure") {
$('.popup .hotkey_mm_green').fadeIn(1000, function() { $('.popup .hotkey_mm_green').fadeIn(1000, function() {
_state.menu.stage = "hotkey_mm_green"; _state.menu.stage.cur = "hotkey_mm_green";
__uifxn_AppFull_ShowMMHotKeyBtn(false); __uifxn_AppFull_ShowMMHotKeyBtn(false);
__uifxn_AppFull_TopWidjetShow(false); __uifxn_AppFull_TopWidjetShow(false);
}); });
} else if (_state.hotkey.mm.green.type == "amenity") { } else if (_state.hotkey.mm.green.type == "amenity") {
$('.popup .amenity').show(0, function() { $('.popup .amenity').show(0, function() {
$('.popup .amenity').animate({ top: 96, left: 64 }, 500, () => { $('.popup .amenity').animate({ top: 96, left: 64 }, 500, () => {
_state.menu.stage = "hotkey_mm_amenity"; _state.menu.stage.cur = "hotkey_mm_amenity";
__uifxn_AppFull_DrawAmenityItem(true); __uifxn_AppFull_DrawAmenityItem(true);
__uifxn_AppFull_ShowMMHotKeyBtn(false); __uifxn_AppFull_ShowMMHotKeyBtn(false);
}); });
@@ -4932,7 +4860,7 @@ HotelTV.ui_appfull = (function() {
} else if (_state.hotkey.mm.green.type == "roomservice") { } else if (_state.hotkey.mm.green.type == "roomservice") {
$('.popup .roomservice').show(0, function() { $('.popup .roomservice').show(0, function() {
$('.popup .roomservice').animate({ top: 96, left: 64 }, 500, () => { $('.popup .roomservice').animate({ top: 96, left: 64 }, 500, () => {
_state.menu.stage = "hotkey_mm_roomservice"; _state.menu.stage.cur = "hotkey_mm_roomservice";
__uifxn_AppFull_DrawRoomserviceItem(true); __uifxn_AppFull_DrawRoomserviceItem(true);
__uifxn_AppFull_ShowMMHotKeyBtn(false); __uifxn_AppFull_ShowMMHotKeyBtn(false);
}); });
@@ -4947,14 +4875,14 @@ HotelTV.ui_appfull = (function() {
$('.guide>.tips').stop().animate({ backgroundColor: "rgba(0,0,0,0.8)" }, 500, function() { $('.guide>.tips').stop().animate({ backgroundColor: "rgba(0,0,0,0.8)" }, 500, function() {
if (_state.hotkey.mm.yellow.type == "brochure") { if (_state.hotkey.mm.yellow.type == "brochure") {
$('.popup .hotkey_mm_yellow').fadeIn(1000, function() { $('.popup .hotkey_mm_yellow').fadeIn(1000, function() {
_state.menu.stage = "hotkey_mm_yellow"; _state.menu.stage.cur = "hotkey_mm_yellow";
__uifxn_AppFull_ShowMMHotKeyBtn(false); __uifxn_AppFull_ShowMMHotKeyBtn(false);
__uifxn_AppFull_TopWidjetShow(false); __uifxn_AppFull_TopWidjetShow(false);
}); });
} else if (_state.hotkey.mm.yellow.type == "amenity") { } else if (_state.hotkey.mm.yellow.type == "amenity") {
$('.popup .amenity').show(0, function() { $('.popup .amenity').show(0, function() {
$('.popup .amenity').animate({ top: 96, left: 64 }, 500, () => { $('.popup .amenity').animate({ top: 96, left: 64 }, 500, () => {
_state.menu.stage = "hotkey_mm_amenity"; _state.menu.stage.cur = "hotkey_mm_amenity";
__uifxn_AppFull_DrawAmenityItem(true); __uifxn_AppFull_DrawAmenityItem(true);
__uifxn_AppFull_ShowMMHotKeyBtn(false); __uifxn_AppFull_ShowMMHotKeyBtn(false);
}); });
@@ -4962,7 +4890,7 @@ HotelTV.ui_appfull = (function() {
} else if (_state.hotkey.mm.yellow.type == "roomservice") { } else if (_state.hotkey.mm.yellow.type == "roomservice") {
$('.popup .roomservice').show(0, function() { $('.popup .roomservice').show(0, function() {
$('.popup .roomservice').animate({ top: 96, left: 64 }, 500, () => { $('.popup .roomservice').animate({ top: 96, left: 64 }, 500, () => {
_state.menu.stage = "hotkey_mm_roomservice"; _state.menu.stage.cur = "hotkey_mm_roomservice";
__uifxn_AppFull_DrawRoomserviceItem(true); __uifxn_AppFull_DrawRoomserviceItem(true);
__uifxn_AppFull_ShowMMHotKeyBtn(false); __uifxn_AppFull_ShowMMHotKeyBtn(false);
}); });
@@ -4977,14 +4905,14 @@ HotelTV.ui_appfull = (function() {
$('.guide>.tips').stop().animate({ backgroundColor: "rgba(0,0,0,0.8)" }, 500, function() { $('.guide>.tips').stop().animate({ backgroundColor: "rgba(0,0,0,0.8)" }, 500, function() {
if (_state.hotkey.mm.blue.type == "brochure") { if (_state.hotkey.mm.blue.type == "brochure") {
$('.popup .hotkey_mm_blue').fadeIn(1000, function() { $('.popup .hotkey_mm_blue').fadeIn(1000, function() {
_state.menu.stage = "hotkey_mm_blue"; _state.menu.stage.cur = "hotkey_mm_blue";
__uifxn_AppFull_ShowMMHotKeyBtn(false); __uifxn_AppFull_ShowMMHotKeyBtn(false);
__uifxn_AppFull_TopWidjetShow(false); __uifxn_AppFull_TopWidjetShow(false);
}); });
} else if (_state.hotkey.mm.blue.type == "amenity") { } else if (_state.hotkey.mm.blue.type == "amenity") {
$('.popup .amenity').show(0, function() { $('.popup .amenity').show(0, function() {
$('.popup .amenity').animate({ top: 96, left: 64 }, 500, () => { $('.popup .amenity').animate({ top: 96, left: 64 }, 500, () => {
_state.menu.stage = "hotkey_mm_amenity"; _state.menu.stage.cur = "hotkey_mm_amenity";
__uifxn_AppFull_DrawAmenityItem(true); __uifxn_AppFull_DrawAmenityItem(true);
__uifxn_AppFull_ShowMMHotKeyBtn(false); __uifxn_AppFull_ShowMMHotKeyBtn(false);
}); });
@@ -4992,7 +4920,7 @@ HotelTV.ui_appfull = (function() {
} else if (_state.hotkey.mm.blue.type == "roomservice") { } else if (_state.hotkey.mm.blue.type == "roomservice") {
$('.popup .roomservice').show(0, function() { $('.popup .roomservice').show(0, function() {
$('.popup .roomservice').animate({ top: 96, left: 64 }, 500, () => { $('.popup .roomservice').animate({ top: 96, left: 64 }, 500, () => {
_state.menu.stage = "hotkey_mm_roomservice"; _state.menu.stage.cur = "hotkey_mm_roomservice";
__uifxn_AppFull_DrawRoomserviceItem(true); __uifxn_AppFull_DrawRoomserviceItem(true);
__uifxn_AppFull_ShowMMHotKeyBtn(false); __uifxn_AppFull_ShowMMHotKeyBtn(false);
}); });
@@ -5007,7 +4935,7 @@ HotelTV.ui_appfull = (function() {
if (_opening.amenity) { if (_opening.amenity) {
$('.popup .amenity').show(0, function() { $('.popup .amenity').show(0, function() {
$('.popup .amenity').animate({ top: 96, left: 64 }, 500, () => { $('.popup .amenity').animate({ top: 96, left: 64 }, 500, () => {
_state.menu.stage = "hotkey_mm_amenity"; _state.menu.stage.cur = "hotkey_mm_amenity";
__uifxn_AppFull_DrawAmenityItem(true); __uifxn_AppFull_DrawAmenityItem(true);
__uifxn_AppFull_ShowMMHotKeyBtn(false); __uifxn_AppFull_ShowMMHotKeyBtn(false);
}); });
@@ -5020,7 +4948,7 @@ HotelTV.ui_appfull = (function() {
if (_opening.roomService) { if (_opening.roomService) {
$('.popup .roomservice').show(0, function() { $('.popup .roomservice').show(0, function() {
$('.popup .roomservice').animate({ top: 96, left: 64 }, 500, () => { $('.popup .roomservice').animate({ top: 96, left: 64 }, 500, () => {
_state.menu.stage = "hotkey_mm_roomservice"; _state.menu.stage.cur = "hotkey_mm_roomservice";
__uifxn_AppFull_DrawRoomserviceItem(true); __uifxn_AppFull_DrawRoomserviceItem(true);
__uifxn_AppFull_ShowMMHotKeyBtn(false); __uifxn_AppFull_ShowMMHotKeyBtn(false);
}); });
@@ -5049,7 +4977,7 @@ HotelTV.ui_appfull = (function() {
HotelTV.api.ReportEvent([{'power': true, 'location':{'conId':_state['specialKey']['tv'].id}}]) HotelTV.api.ReportEvent([{'power': true, 'location':{'conId':_state['specialKey']['tv'].id}}])
} }
} }
} else if (_state.menu.stage == "hotkey_mm_red") { } else if (_state.menu.stage.cur == "hotkey_mm_red") {
console.log("HOTKEY(MM:RED) KEY EVENT::> " + _evt.keyCode); console.log("HOTKEY(MM:RED) KEY EVENT::> " + _evt.keyCode);
if (_evt.keyCode == gRmtKey.left) { if (_evt.keyCode == gRmtKey.left) {
$('#lst_hotkey_mm_red').trigger('prev.owl') $('#lst_hotkey_mm_red').trigger('prev.owl')
@@ -5059,13 +4987,13 @@ HotelTV.ui_appfull = (function() {
$('.popup .hotkey_mm_red').fadeOut(1000, function() { $('.popup .hotkey_mm_red').fadeOut(1000, function() {
$('.popup .hotkey_mm_red').stop().animate({ backgroundColor: "rgba(0,0,0,0.0)" }, 500, function() { $('.popup .hotkey_mm_red').stop().animate({ backgroundColor: "rgba(0,0,0,0.0)" }, 500, function() {
$('.popup .hotkey_mm_red').css({ "background-color": "" }); $('.popup .hotkey_mm_red').css({ "background-color": "" });
_state.menu.stage = "main"; _state.menu.stage.cur = "main";
__uifxn_AppFull_ShowMMHotKeyBtn(true); __uifxn_AppFull_ShowMMHotKeyBtn(true);
__uifxn_AppFull_TopWidjetShow(true); __uifxn_AppFull_TopWidjetShow(true);
}); });
}); });
} }
} else if (_state.menu.stage == "hotkey_mm_green") { } else if (_state.menu.stage.cur == "hotkey_mm_green") {
console.log("HOTKEY(MM:GREEN) KEY EVENT::> " + _evt.keyCode); console.log("HOTKEY(MM:GREEN) KEY EVENT::> " + _evt.keyCode);
if (_evt.keyCode == gRmtKey.left) { if (_evt.keyCode == gRmtKey.left) {
$('#lst_hotkey_mm_green').trigger('prev.owl') $('#lst_hotkey_mm_green').trigger('prev.owl')
@@ -5075,13 +5003,13 @@ HotelTV.ui_appfull = (function() {
$('.popup .hotkey_mm_green').fadeOut(1000, function() { $('.popup .hotkey_mm_green').fadeOut(1000, function() {
$('.popup .hotkey_mm_green').stop().animate({ backgroundColor: "rgba(0,0,0,0.0)" }, 500, function() { $('.popup .hotkey_mm_green').stop().animate({ backgroundColor: "rgba(0,0,0,0.0)" }, 500, function() {
$('.popup .hotkey_mm_green').css({ "background-color": "" }); $('.popup .hotkey_mm_green').css({ "background-color": "" });
_state.menu.stage = "main"; _state.menu.stage.cur = "main";
__uifxn_AppFull_ShowMMHotKeyBtn(true); __uifxn_AppFull_ShowMMHotKeyBtn(true);
__uifxn_AppFull_TopWidjetShow(true); __uifxn_AppFull_TopWidjetShow(true);
}); });
}); });
} }
} else if (_state.menu.stage == "hotkey_mm_yellow") { } else if (_state.menu.stage.cur == "hotkey_mm_yellow") {
console.log("HOTKEY(MM:YELLOW) KEY EVENT::> " + _evt.keyCode); console.log("HOTKEY(MM:YELLOW) KEY EVENT::> " + _evt.keyCode);
if (_evt.keyCode == gRmtKey.left) { if (_evt.keyCode == gRmtKey.left) {
console.log("LEFT"); console.log("LEFT");
@@ -5095,13 +5023,13 @@ HotelTV.ui_appfull = (function() {
$('.popup .hotkey_mm_yellow').fadeOut(1000, function() { $('.popup .hotkey_mm_yellow').fadeOut(1000, function() {
$('.popup .hotkey_mm_yellow').stop().animate({ backgroundColor: "rgba(0,0,0,0.0)" }, 500, function() { $('.popup .hotkey_mm_yellow').stop().animate({ backgroundColor: "rgba(0,0,0,0.0)" }, 500, function() {
$('.popup .hotkey_mm_yellow').css({ "background-color": "" }); $('.popup .hotkey_mm_yellow').css({ "background-color": "" });
_state.menu.stage = "main"; _state.menu.stage.cur = "main";
__uifxn_AppFull_ShowMMHotKeyBtn(true); __uifxn_AppFull_ShowMMHotKeyBtn(true);
__uifxn_AppFull_TopWidjetShow(true); __uifxn_AppFull_TopWidjetShow(true);
}); });
}); });
} }
} else if (_state.menu.stage == "hotkey_mm_blue") { } else if (_state.menu.stage.cur == "hotkey_mm_blue") {
console.log("HOTKEY(MM:BLUE) KEY EVENT::> " + _evt.keyCode); console.log("HOTKEY(MM:BLUE) KEY EVENT::> " + _evt.keyCode);
if (_evt.keyCode == gRmtKey.left) { if (_evt.keyCode == gRmtKey.left) {
console.log("LEFT"); console.log("LEFT");
@@ -5115,13 +5043,13 @@ HotelTV.ui_appfull = (function() {
$('.popup .hotkey_mm_blue').fadeOut(1000, function() { $('.popup .hotkey_mm_blue').fadeOut(1000, function() {
$('.popup .hotkey_mm_blue').stop().animate({ backgroundColor: "rgba(0,0,0,0.0)" }, 500, function() { $('.popup .hotkey_mm_blue').stop().animate({ backgroundColor: "rgba(0,0,0,0.0)" }, 500, function() {
$('.popup .hotkey_mm_blue').css({ "background-color": "" }); $('.popup .hotkey_mm_blue').css({ "background-color": "" });
_state.menu.stage = "main"; _state.menu.stage.cur = "main";
__uifxn_AppFull_ShowMMHotKeyBtn(true); __uifxn_AppFull_ShowMMHotKeyBtn(true);
__uifxn_AppFull_TopWidjetShow(true); __uifxn_AppFull_TopWidjetShow(true);
}); });
}); });
} }
} else if (_state.menu.stage == "hotkey_mm_amenity") { } else if (_state.menu.stage.cur == "hotkey_mm_amenity") {
console.log("HOTKEY(MM:AMENITY: MENU) KEY EVENT::> " + _evt.keyCode); console.log("HOTKEY(MM:AMENITY: MENU) KEY EVENT::> " + _evt.keyCode);
if (_evt.keyCode == gRmtKey.left) { if (_evt.keyCode == gRmtKey.left) {
console.log("AMENITY::>LEFT"); console.log("AMENITY::>LEFT");
@@ -5138,16 +5066,16 @@ HotelTV.ui_appfull = (function() {
} else if (_evt.keyCode == gRmtKey.enter) { } else if (_evt.keyCode == gRmtKey.enter) {
console.log("AMENITY::>ENTER"); console.log("AMENITY::>ENTER");
__uifxn_AppFull_HandleAmenity("enter", false, false, function() { __uifxn_AppFull_HandleAmenity("enter", false, false, function() {
_state.menu.stage = "main"; _state.menu.stage.cur = "main";
__uifxn_AppFull_ShowMMHotKeyBtn(true); __uifxn_AppFull_ShowMMHotKeyBtn(true);
}); });
} else if (_evt.keyCode == gRmtKey.back) { } else if (_evt.keyCode == gRmtKey.back) {
__uifxn_AppFull_HandleAmenity("back", true, false, function() { __uifxn_AppFull_HandleAmenity("back", true, false, function() {
_state.menu.stage = "main"; _state.menu.stage.cur = "main";
__uifxn_AppFull_ShowMMHotKeyBtn(true); __uifxn_AppFull_ShowMMHotKeyBtn(true);
}); });
} }
} else if (_state.menu.stage == "hotkey_mm_roomservice") { } else if (_state.menu.stage.cur == "hotkey_mm_roomservice") {
console.log("HOTKEY(MM:ROOMSERVICE: MENU) KEY EVENT::> " + _evt.keyCode); console.log("HOTKEY(MM:ROOMSERVICE: MENU) KEY EVENT::> " + _evt.keyCode);
if (_evt.keyCode == gRmtKey.left) { if (_evt.keyCode == gRmtKey.left) {
console.log("ROOMSERVICE::>LEFT"); console.log("ROOMSERVICE::>LEFT");
@@ -5164,12 +5092,12 @@ HotelTV.ui_appfull = (function() {
} else if (_evt.keyCode == gRmtKey.enter) { } else if (_evt.keyCode == gRmtKey.enter) {
console.log("ROOMSERVICE::>ENTER"); console.log("ROOMSERVICE::>ENTER");
__uifxn_AppFull_HandleRoomservice("enter", false, false, function() { __uifxn_AppFull_HandleRoomservice("enter", false, false, function() {
_state.menu.stage = "main"; _state.menu.stage.cur = "main";
__uifxn_AppFull_ShowMMHotKeyBtn(true); __uifxn_AppFull_ShowMMHotKeyBtn(true);
}); });
} else if (_evt.keyCode == gRmtKey.back) { } else if (_evt.keyCode == gRmtKey.back) {
__uifxn_AppFull_HandleRoomservice("back", true, false, function() { __uifxn_AppFull_HandleRoomservice("back", true, false, function() {
_state.menu.stage = "main"; _state.menu.stage.cur = "main";
__uifxn_AppFull_ShowMMHotKeyBtn(true); __uifxn_AppFull_ShowMMHotKeyBtn(true);
}); });
} }
@@ -5222,6 +5150,8 @@ HotelTV.ui_appfull = (function() {
document.addEventListener("hcap_application_focus_changed", __uifxn_AppFull_OnAppFocusEvt, false); document.addEventListener("hcap_application_focus_changed", __uifxn_AppFull_OnAppFocusEvt, false);
//ADD Event for the result of HDMI connection change //ADD Event for the result of HDMI connection change
document.addEventListener("hdmi_connection_changed", __uifxn_AppFull_OnHdmiConChangeEvt, false); document.addEventListener("hdmi_connection_changed", __uifxn_AppFull_OnHdmiConChangeEvt, false);
//ADD Event for the result of channel changed
document.addEventListener("channel_changed", __uifxn_AppFull_OnTvChChgChangeEvt, false);
}, },
Show: function() { Show: function() {
@@ -5233,6 +5163,44 @@ HotelTV.ui_appfull = (function() {
__uifxn_AppFull_BldPage_Main(); __uifxn_AppFull_BldPage_Main();
}, },
BGServiceEvent: function(_evt) {
let _state = HotelTV.state;
let _program = HotelTV.tvguide.program;
if ( _evt == "update_flight" ){
_state.schedule.flight_reflash = true;
}else if ( _evt == "update_weather" ){
_state.schedule.weather_reflash = true;
}
// Update flight schedule table if user doesn't watch flight schedule screen
if ( _state.schedule.flight_reflash == true) {
//if (_program[Number(_state.menu.main.cur)].type.toLowerCase() != "flight")
{
_state.schedule.flight_reflash = false;
console.warn("Updated flight scheudle UI table.");
//Flight Contents Buildup
__uifxn_AppFull_MM_BldFlight();
}
}
// Update weather schedule table if user doesn't watch weather screen
if ( _state.schedule.weather_reflash == true) {
if (_program[Number(_state.menu.main.cur)].type.toLowerCase() != "weather"){
_state.schedule.weather_reflash = false;
console.log("Updated Weather UI table.");
//Weather Contents Buildup
if ( Object.keys(_state.weather.default_location).length != 0 ){
//상단 날씨 아이콘 및 온도 표시
__uifxn_AppFull_TopWidjet_BuildWeather();
__uifxn_AppFull_MM_BldWeather();
}
}
}
},
MqttEvent: function(_evt) { MqttEvent: function(_evt) {
let _state = HotelTV.state; let _state = HotelTV.state;
@@ -5274,7 +5242,7 @@ HotelTV.ui_appfull = (function() {
}); });
// 사용자가 메시지 메뉴를 사용중인경우에 대한 처리 // 사용자가 메시지 메뉴를 사용중인경우에 대한 처리
if (_state.menu.stage == "popup_message_card" || _state.menu.stage == "mypage") { if (_state.menu.stage.cur == "popup_message_card" || _state.menu.stage.cur == "mypage") {
const _mmIdx = _state.menu.main.cur; const _mmIdx = _state.menu.main.cur;
// 메시지 상태 오브젝트 초기화 // 메시지 상태 오브젝트 초기화
if ("message" in _state.menu.main[_mmIdx]) { if ("message" in _state.menu.main[_mmIdx]) {
@@ -5320,15 +5288,78 @@ HotelTV.ui_appfull = (function() {
} else if (_evt == "EVENT-EMERGENCY-STOT") { } else if (_evt == "EVENT-EMERGENCY-STOT") {
} else if (_evt == "COMMAND-SYSTEM-RESTART") { } else if (_evt == "COMMAND-SYSTEM-RESTART") {
let _tmval = 10;
let _state = HotelTV.state;
let _trTbl = HotelTV.translation;
HotelTV.ui_utils.ShowSysNoticeMsg(true,
"notice",
"SYSTEM NOTICE",
_trTbl.system.notice.event.mqtt.system_reboot[_state.lang], {
"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 shutdown in ${_tmval} second...`);
},
"cb_eoe": function() {
setTimeout(HotelTV.hcap.PwrOff(), 500);
HotelTV.api.ReportEvent([{'power': false, 'location':null}])
}
});
} else if (_evt == "GUEST-CHECKIN") { } else if (_evt == "GUEST-CHECKIN") {
} else if (_evt == "GUEST-CHECKOUT") { } else if (_evt == "GUEST-CHECKOUT") {
let _tmval = 30;
let _state = HotelTV.state;
let _trTbl = HotelTV.translation;
HotelTV.ui_utils.ShowSysNoticeMsg(true,
"notice",
"SYSTEM NOTICE",
_trTbl.system.notice.event.mqtt.checkout[_state.lang], {
"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 shutdown in ${_tmval} second...`);
},
"cb_eoe": function() {
setTimeout(HotelTV.hcap.PwrOff(), 500);
HotelTV.api.ReportEvent([{'power': false, 'location':null}])
}
});
} else if (_evt == "GUEST-UPDATE") { } else if (_evt == "GUEST-UPDATE") {
} else if (_evt == "GUEST-ROOMCHANGE") { } else if (_evt == "GUEST-ROOMCHANGE") {
let _tmval = 30;
let _state = HotelTV.state;
let _trTbl = HotelTV.translation;
HotelTV.ui_utils.ShowSysNoticeMsg(true,
"notice",
"SYSTEM NOTICE",
_trTbl.system.notice.event.mqtt.room_change[_state.lang], {
"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 shutdown in ${_tmval} second...`);
},
"cb_eoe": function() {
setTimeout(HotelTV.hcap.PwrOff(), 500);
HotelTV.api.ReportEvent([{'power': false, 'location':null}])
}
});
} }
}, },
@@ -5336,7 +5367,7 @@ HotelTV.ui_appfull = (function() {
let _state = HotelTV.state; let _state = HotelTV.state;
let _trTbl = HotelTV.translation; let _trTbl = HotelTV.translation;
if (_state.menu.stage != 'tvCtgHide') { if (_state.menu.stage.cur != 'tvCtgHide') {
return; return;
} }

23
procentric/application/lib/hoteltv.ui_utils.js
View File

@@ -139,6 +139,29 @@ HotelTV.ui_utils = (function() {
} }
}, },
ShowSysNoticeMsg: function(_show, _type, _title, _msg, _cdn_obj) {
if (_show) {
$('.error').css('background-color', '#000000').css('opacity', 0.8);
if ( _type == "notice"){
$('.error #details #message').addClass("notice");
}
$('.error #details #title').text(_title);
$('.error #details #message').text(_msg);
$('.error').fadeIn(500);
if (_cdn_obj) {
setTimeout(function(){
var dt = new Date();
dt.setSeconds(dt.getSeconds() + Number(_cdn_obj.timeout));
__uiFxn_TmrCDnErrScreen(dt, _cdn_obj.cb_disp, _cdn_obj.cb_eoe);
}, 5000);
}
} else {
$('.error').fadeOut(500, function() {
$(this).css("background-image", "None");
});
}
},
GetCur_DateTime: function() { GetCur_DateTime: function() {
let week = ['SUN', 'MON', 'TUE', 'WED', 'THU', 'FRI', 'SAT']; let week = ['SUN', 'MON', 'TUE', 'WED', 'THU', 'FRI', 'SAT'];
let cd = new Date(); let cd = new Date();

103
procentric/application/lib/hoteltv.ui_welcome.js
View File

@@ -34,7 +34,7 @@ HotelTV.ui_welcome = (function() {
//Hide welcome page //Hide welcome page
__uifxn_WC_Show(null, function() { __uifxn_WC_Show(null, function() {
_state.menu.stage = "playWelcomeMovie"; _state.menu.stage.cur = "playWelcomeMovie";
$('#lst_langsel').off('changed.owl.carousel'); $('#lst_langsel').off('changed.owl.carousel');
$('#lst_langsel').owlCarousel('destroy'); $('#lst_langsel').owlCarousel('destroy');
@@ -238,7 +238,7 @@ HotelTV.ui_welcome = (function() {
hndl_langSel = $('#lst_langsel'); hndl_langSel = $('#lst_langsel');
hndl_langSel.owlCarousel({ hndl_langSel.owlCarousel({
center: true, center: true,
items: Number(_langCnt - 1), //Number of Items on Screen what you want items: 3,//Number(_langCnt - 1), //Number of Items on Screen what you want
loop: true, loop: true,
margin: 0, margin: 0,
smartSpeed: 700, smartSpeed: 700,
@@ -275,7 +275,7 @@ HotelTV.ui_welcome = (function() {
setTimeout(function() { setTimeout(function() {
$('.welcome .frame .msgwin #welcomemsg').fadeIn(500, function() { $('.welcome .frame .msgwin #welcomemsg').fadeIn(500, function() {
$('.welcome .frame .msgwin #guestname').fadeIn(500, function() { $('.welcome .frame .msgwin #guestname').fadeIn(500, function() {
_state.menu.stage = "langSel" _state.menu.stage.cur = "langSel"
}); });
}); });
}, 500); }, 500);
@@ -286,7 +286,7 @@ HotelTV.ui_welcome = (function() {
$(document).on('keydown', function(_evt) { //attach event listener $(document).on('keydown', function(_evt) { //attach event listener
console.log("LANGSEL KEY EVENT::> " + _evt.keyCode); console.log("LANGSEL KEY EVENT::> " + _evt.keyCode);
if (_state.menu.stage == "langSel") { if (_state.menu.stage.cur == "langSel") {
if (_evt.keyCode == 37) { if (_evt.keyCode == 37) {
$('#lst_langsel').trigger('prev.owl') $('#lst_langsel').trigger('prev.owl')
} else if (_evt.keyCode == 39) { } else if (_evt.keyCode == 39) {
@@ -343,7 +343,7 @@ HotelTV.ui_welcome = (function() {
console.log("No welcome post contents"); console.log("No welcome post contents");
} }
} }
} else if (_state.menu.stage == "playWelcomeMovie") { } else if (_state.menu.stage.cur == "playWelcomeMovie") {
if (_evt.keyCode == 413) { if (_evt.keyCode == 413) {
// STOP KEY Event // STOP KEY Event
if (_media_status == 'playing') { if (_media_status == 'playing') {
@@ -407,8 +407,101 @@ HotelTV.ui_welcome = (function() {
__uifxn_WC_Show(_ctzWc.background.file.download, null); __uifxn_WC_Show(_ctzWc.background.file.download, null);
}, },
MqttEvent: function(_evt) {
let _state = HotelTV.state;
console.log("MQTT RECEVED MESSAGE::> " + _evt);
if (_evt == "EVENT-MESSAGE-CREATE" || _evt == "EVENT-MESSAGE-UPDATE" || _evt == "EVENT-MESSAGE-DELETE") {
//DO NOT NEED MESSAGE on WELCOME
} else if (_evt == "EVENT-NEWS-UPDATE") {
//DO NEW NEWS
} else if (_evt == "EVENT-EMERGENCY-START") {
} else if (_evt == "EVENT-EMERGENCY-STOT") {
} else if (_evt == "COMMAND-SYSTEM-RESTART") {
let _tmval = 10;
let _state = HotelTV.state;
let _trTbl = HotelTV.translation;
HotelTV.ui_utils.ShowSysNoticeMsg(true,
"notice",
"SYSTEM NOTICE",
_trTbl.system.notice.event.mqtt.system_reboot[_state.lang], {
"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 shutdown in ${_tmval} second...`);
},
"cb_eoe": function() {
setTimeout(HotelTV.hcap.PwrOff(), 500);
HotelTV.api.ReportEvent([{'power': false, 'location':null}])
}
});
} else if (_evt == "COMMAND-GUEST-CHECKIN") {
} else if (_evt == "COMMAND-GUEST-CHECKOUT") {
let _tmval = 30;
let _state = HotelTV.state;
let _trTbl = HotelTV.translation;
HotelTV.ui_utils.ShowSysNoticeMsg(true,
"notice",
"SYSTEM NOTICE",
_trTbl.system.notice.event.mqtt.checkout[_state.lang], {
"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 shutdown in ${_tmval} second...`);
},
"cb_eoe": function() {
setTimeout(HotelTV.hcap.PwrOff(), 500);
HotelTV.api.ReportEvent([{'power': false, 'location':null}])
}
});
} else if (_evt == "COMMAND-GUEST-UPDATE") {
} else if (_evt == "COMMAND-GUEST-ROOMCHANGE") {
let _tmval = 30;
let _state = HotelTV.state;
let _trTbl = HotelTV.translation;
HotelTV.ui_utils.ShowSysNoticeMsg(true,
"notice",
"SYSTEM NOTICE",
_trTbl.system.notice.event.mqtt.room_change[_state.lang], {
"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 shutdown in ${_tmval} second...`);
},
"cb_eoe": function() {
setTimeout(HotelTV.hcap.PwrOff(), 500);
HotelTV.api.ReportEvent([{'power': false, 'location':null}])
}
});
} else if (_evt == "COMMAND-LAB-FACTORY") {
} else if (_evt == "COMMAND-LAB-AGING") {
} else if (_evt == "COMMAND-LAB-SHOW-ID") {
}
},
Close: function() { Close: function() {
SpatialNavigation.clear(); SpatialNavigation.clear();
}, },
} }
})(); })();

4
procentric/application/wellcome.html
View File

@@ -6,6 +6,7 @@
<link rel="stylesheet" href="./css/owlcarousel/owl.carousel.min.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/owlcarousel/owl.theme.default.min.css">
<link rel="stylesheet" href="hoteltv.ui_utils.css"> <link rel="stylesheet" href="hoteltv.ui_utils.css">
<link rel="stylesheet" href="hoteltv.error.css">
<link rel="stylesheet" href="hoteltv.welcome.css"> <link rel="stylesheet" href="hoteltv.welcome.css">
<title>CENTIRM LG-PROCENTRIC HOTEL SERVICE</title> <title>CENTIRM LG-PROCENTRIC HOTEL SERVICE</title>
</head> </head>
@@ -86,6 +87,9 @@
<script src="./lib/hoteltv.hcap.js"></script> <script src="./lib/hoteltv.hcap.js"></script>
<script src="./lib/hoteltv.api.js"></script> <script src="./lib/hoteltv.api.js"></script>
<!-- MQTT Library -->
<script src="./lib/mqtt.min.js"></script>
<script> <script>
window.addEventListener('cached', function() { window.addEventListener('cached', function() {