issue #10 서브,컨텐트 빠르게 이동시 검은색 화면 출력 화면 개선. 상단 날씨 위젯 전용 API적용.

This commit is contained in:
Paul Kim
2023-03-18 17:57:17 +09:00
parent 29efea9b97
commit 0a8b413bce
4 changed files with 142 additions and 34 deletions

View File

@@ -2585,7 +2585,7 @@ HotelTV.ui_appfull = (function() {
break;
case 'accmodation_bed_type':
__info_item.innerHTML = `<span id="header">${_trTbl.ui.mypage.accmodation.title.bed_type[_state.lang]}</span>`;
__info_item.innerHTML += `<span id="value">${_guest.roomtype}</span>`;
__info_item.innerHTML += `<span id="value">${_guest.roomtype[_state.lang]}</span>`;
break;
case 'accmodation_room_num':
__info_item.innerHTML = `<span id="header">${_trTbl.ui.mypage.accmodation.title.room_num[_state.lang]}</span>`;
@@ -2597,7 +2597,7 @@ HotelTV.ui_appfull = (function() {
break;
case 'accmodation_checkout':
__info_item.innerHTML = `<span id="header">${_trTbl.ui.mypage.accmodation.title.checkout[_state.lang]}</span>`;
__info_item.innerHTML += `<span id="value">${_guest.checkOu}</span>`;
__info_item.innerHTML += `<span id="value">${_guest.checkOut}</span>`;
break;
}
_accomo_info.appendChild(__info_item);
@@ -3233,7 +3233,6 @@ HotelTV.ui_appfull = (function() {
$('.main .sub').fadeOut(600);
//$('#lst_ctzgenbg').trigger('translate.owl.carousel', [0]);
$('#lst_ctzgenbg').trigger('translate.owl.carousel', [0, 500, true]);
_state.menu.stage.cur = "ctzgen";
});
});
});
@@ -3298,6 +3297,12 @@ HotelTV.ui_appfull = (function() {
console.log("CTZ(GEN) IDX::>" + _state.menu.main[_mmIdx][_smIdx].cur);
HotelTV.api.ReportEvent([{'power': true, 'location':{'conId':_ctzinfo[_state.menu.main[_mmIdx][_smIdx].cur].id}}])
if ( _state.menu.stage.cur=="preparing_ctz_general" ){
setTimeout(function() {
_state.menu.stage.cur = "ctzgen";
}, 2000);
}
});
$('#lst_ctzgenbg').on('translate.owl.carousel', function(event) {
@@ -3358,7 +3363,10 @@ HotelTV.ui_appfull = (function() {
// Append Sub elements::title
let _sm_item_title = document.createElement('div');
_sm_item_title.setAttribute("id", "sm_item_title");
_sm_item_title.textContent = _sminfo[_idx].title[_state.lang];
if (_sminfo[_idx].showTitle && _sminfo[_idx].showTitle == true) {
_sm_item_title.textContent = _sminfo[_idx].title[_state.lang];
}
// Append Sub elements::icon
let _sm_item_icon = document.createElement('div');
@@ -3493,6 +3501,7 @@ HotelTV.ui_appfull = (function() {
} else if (_program[_mmIdx].style.toLowerCase() == "content") {
console.log("Invalid options");
} else if (_program[_mmIdx].style.toLowerCase() == "submenu") {
console.log('DDDBUG::> Go to CTZ>');
__uifxn_AppFull_BldPage_CtzGeneral();
}
}
@@ -3542,23 +3551,27 @@ HotelTV.ui_appfull = (function() {
} else if (event.keyCode == gRmtKey.right) {
$('#lst_ctzgenbg').trigger('next.owl', 700);
} else if (event.keyCode == gRmtKey.back) {
$('.main .sub').show();
$('.main').animate({ top: -1080, left: 0 }, 1000, () => {
$('.main .ctzgen').hide();
_state.media.playing = false;
HotelTV.hcap.MediaStop(null, null);
_state.menu.stage.cur = "preparing_sub";
$('.main .sub').show(0, function(){
$('.main').animate({ top: -1080, left: 0 }, 1000, () => {
$('.main .ctzgen').hide();
_state.media.playing = false;
HotelTV.hcap.MediaStop(null, null);
$('#lst_ctzgenbg').off('refresh.owl.carousel');
$('#lst_ctzgenbg').off('change.owl.carousel');
$('#lst_ctzgenbg').off('changed.owl.carousel');
$('#lst_ctzgenbg').off('translate.owl.carousel');
$('#lst_ctzgenbg').owlCarousel('destroy');
$('.main .ctzgen .bg #lst_ctzgenbg div').remove();
_hndl_ctzGenBg = null;
_state.menu.stage.cur = "sub";
$('#lst_smsel').trigger('translate.owl.carousel', [0]);
$('#lst_ctzgenbg').off('refresh.owl.carousel');
$('#lst_ctzgenbg').off('change.owl.carousel');
$('#lst_ctzgenbg').off('changed.owl.carousel');
$('#lst_ctzgenbg').off('translate.owl.carousel');
$('#lst_ctzgenbg').owlCarousel('destroy');
$('.main .ctzgen .bg #lst_ctzgenbg div').remove();
_hndl_ctzGenBg = null;
$('#lst_smsel').trigger('translate.owl.carousel', [0]);
_state.menu.stage.cur = "sub";
console.log('DDDBUG::> Return to SUB>');
});
});
} else if (event.keyCode == gRmtKey.start) {
} else if (event.keyCode == gRmtKey.play) {
if ($('.main .ctzgen .bg .owl-carousel .owl-item.active .ctz_mv_ctrl').length == 1) {
let uri_video = $($('.main .ctzgen .bg .owl-carousel .owl-item.active .ctz_mv_ctrl')[0]).attr('video_url');
if (uri_video != null) {
@@ -4187,6 +4200,16 @@ HotelTV.ui_appfull = (function() {
//Shows Up Flight Contents
if (_program[(_evt.page.index + 1)].type == "flight") {
$('.main .mm .flight').each(function (index, docObjFlight) {
//console.log(index);
if ( $(docObjFlight).css("display")!="none" ){
if ( $(docObjFlight).find('#record').length>0 ){
$(docObjFlight).find('#record').scrollTop(0);
}
$(docObjFlight).fadeOut(300);
}
});
if ($(`.main .mm #flight_${_program[(_evt.page.index + 1)].location}`).css("display") == "none") {
$(`.main .mm #flight_${_program[(_evt.page.index + 1)].location}`).fadeIn(1000, () => {
$(document.activeElement).keydown(function(_evt) {
@@ -4234,10 +4257,10 @@ HotelTV.ui_appfull = (function() {
*/
function __uifxn_AppFull_TopWidjet_BuildWeather() {
const _state = HotelTV.state;
let _weather = HotelTV.weather[_state.weather.default_location];
let _widget_weather = HotelTV.widget.weather;
$('.widjet .top .weather #icon').css({ "background-image": "url(" + _weather.smallicon_image[_weather.item.condition.code] + ")" });
$('.widjet .top .weather #temp').text(_weather.item.condition.temp + "°C");
$('.widjet .top .weather #icon').css({ "background-image": "url(" + _widget_weather.smallicon_image[_widget_weather.item.condition.code] + ")" });
$('.widjet .top .weather #temp').text(_widget_weather.item.condition.temp + "°C");
$('.widjet .top .weather').show();
}
@@ -4599,10 +4622,10 @@ HotelTV.ui_appfull = (function() {
// Append Sub elements::title
let _mm_item_title = document.createElement('div');
_mm_item_title.setAttribute("id", "mm_item_title");
if (_program[_mm_idx].title_show && _program[_mm_idx].title_show == true) {
if (_program[_mm_idx].showTitle && _program[_mm_idx].showTitle == true) {
_mm_item_title.textContent = _program[_mm_idx].title[_state.lang];
} else {
_mm_item_title.textContent = _program[_mm_idx].title[_state.lang];
_mm_item_title.textContent = "";
}
// Append Sub elements::icon
@@ -4692,10 +4715,12 @@ HotelTV.ui_appfull = (function() {
//Weather Contents Buildup
if ( Object.keys(_state.weather.default_location).length != 0 ){
//상단 날씨 아이콘 및 온도 표시
__uifxn_AppFull_TopWidjet_BuildWeather();
__uifxn_AppFull_MM_BldWeather();
}
//Buildup Widget: Weather
__uifxn_AppFull_TopWidjet_BuildWeather();
//Build Flight
__uifxn_AppFull_MM_BldFlight();
@@ -5171,6 +5196,8 @@ HotelTV.ui_appfull = (function() {
_state.schedule.flight_reflash = true;
}else if ( _evt == "update_weather" ){
_state.schedule.weather_reflash = true;
}else if ( _evt == "update_widget" ){
_state.schedule.widget_reflash = true;
}
// Update flight schedule table if user doesn't watch flight schedule screen
@@ -5193,12 +5220,23 @@ HotelTV.ui_appfull = (function() {
//Weather Contents Buildup
if ( Object.keys(_state.weather.default_location).length != 0 ){
//상단 날씨 아이콘 및 온도 표시
__uifxn_AppFull_TopWidjet_BuildWeather();
//날씨 콘텐트 업데이트
__uifxn_AppFull_MM_BldWeather();
}
}
}
// Update weather schedule table if user doesn't watch weather screen
if ( _state.schedule.widget_reflash == true) {
_state.schedule.widget_reflash = false;
console.log("Updated Widget UI");
//Widget:Weather Contents Buildup
if ( Object.keys(_state.weather.default_location).length != 0 ){
//상단 날씨 아이콘 및 온도 표시
__uifxn_AppFull_TopWidjet_BuildWeather();
}
}
},
MqttEvent: function(_evt) {
@@ -5392,4 +5430,4 @@ HotelTV.ui_appfull = (function() {
SpatialNavigation.clear();
},
}
})();
})();