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

issue #1 adjust main&sub menu title font size.

Browse Source
This commit is contained in:
Joel,Kim
2022-04-25 19:13:28 +09:00
parent 80b3f81698
commit eaba23783d
3 changed files with 38 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
procentric/application/hoteltv.app.full.mm.css
View File

@@ -76,7 +76,9 @@ div#mm_item_title {
margin: 0; margin: 0;
padding: 0; padding: 0;
color: rgb(235, 235, 235); color: rgb(235, 235, 235);
font-size: 2.2vw; /* font-size: 2.2vw; */
font-size: 34px;
line-height: 52px;
white-space: nowrap; white-space: nowrap;
text-align: center; text-align: center;
} }

3
procentric/application/hoteltv.app.full.sm.css
View File

@@ -83,7 +83,8 @@ div#sm_item_title {
margin: 0; margin: 0;
padding: 0; padding: 0;
color: rgb(235, 235, 235); color: rgb(235, 235, 235);
font-size: 2.2vw; /* font-size: 2.2vw; */
font-size: 34px;
white-space: nowrap; white-space: nowrap;
text-align: center; text-align: center;
} }

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

@@ -6,7 +6,7 @@
* @summary short description for the file * @summary short description for the file
* @author Joel <joel.kim@centirm.com> * @author Joel <joel.kim@centirm.com>
* *
* Created at : 2020-11-26 02:21:56 * Created at : 2020-11-26 02:21:56
* Last modified : 2020-11-26 15:31:40 * Last modified : 2020-11-26 15:31:40
*/ */
@@ -219,7 +219,7 @@ HotelTV.ui_appfull = (function() {
} }
/** /**
* HotelTV UI[AppFull] Wrapper Function::> build Brochure and In-room dining * HotelTV UI[AppFull] Wrapper Function::> build Brochure and In-room dining
* @param {boolean} e event * @param {boolean} e event
*/ */
function __uifxn_AppFull_BuildBrochure() { function __uifxn_AppFull_BuildBrochure() {
@@ -298,7 +298,7 @@ HotelTV.ui_appfull = (function() {
let _amItem = _amenity.children[_idx]; let _amItem = _amenity.children[_idx];
let _elAmItemTblRecRoot = _elAmItemsRoot.children('table').children(`tr#${_amItem.id}`).children('div.products'); let _elAmItemTblRecRoot = _elAmItemsRoot.children('table').children(`tr#${_amItem.id}`).children('div.products');
if (_carts.items.length && __fxn_fmexist(_carts.items, _amItem.id) == true) { if (_carts.items.length && __fxn_fmexist(_carts.items, _amItem.id) == true) {
// Free count value // Free count value
_elAmItemTblRecRoot.children('div#details').children(`div#freecnt_val`).text(__fxn_fmvalue(_carts.items, "freeCount", _amItem.id)); _elAmItemTblRecRoot.children('div#details').children(`div#freecnt_val`).text(__fxn_fmvalue(_carts.items, "freeCount", _amItem.id));
// Price value // Price value
_elAmItemTblRecRoot.children('div#details').children(`div#price_val`).text(__fxn_fmvalue(_carts.items, "price", _amItem.id)[_state.lang] + _amenity.currency[_state.lang]); _elAmItemTblRecRoot.children('div#details').children(`div#price_val`).text(__fxn_fmvalue(_carts.items, "price", _amItem.id)[_state.lang] + _amenity.currency[_state.lang]);
@@ -700,7 +700,7 @@ HotelTV.ui_appfull = (function() {
__uifxn_AppFull_DrawAmenityItem(); __uifxn_AppFull_DrawAmenityItem();
} }
// Order // Order
if (_isDoOrder == true && HotelTV.carts.amenity.items) { if (_isDoOrder == true && HotelTV.carts.amenity.items) {
try { try {
let _result = await HotelTV.api.PutAmenityOrders(); let _result = await HotelTV.api.PutAmenityOrders();
@@ -1287,7 +1287,7 @@ HotelTV.ui_appfull = (function() {
__uifxn_AppFull_DrawRoomserviceItem(); __uifxn_AppFull_DrawRoomserviceItem();
} }
// Order // Order
if (_isDoOrder == true && HotelTV.carts.roomservice.items) { if (_isDoOrder == true && HotelTV.carts.roomservice.items) {
try { try {
let _result = await HotelTV.api.PutRoomserviceOrders(); let _result = await HotelTV.api.PutRoomserviceOrders();
@@ -1331,7 +1331,7 @@ HotelTV.ui_appfull = (function() {
} }
/** /**
* HotelTV UI[AppFull] Wrapper Function::> build news * HotelTV UI[AppFull] Wrapper Function::> build news
* @param {boolean} e event * @param {boolean} e event
*/ */
function __uifxn_AppFull_BldNews() { function __uifxn_AppFull_BldNews() {
@@ -1456,7 +1456,7 @@ HotelTV.ui_appfull = (function() {
} }
/** /**
* HotelTV UI[AppFull] Wrapper Function::> TV Channel manager ui show/hide * HotelTV UI[AppFull] Wrapper Function::> TV Channel manager ui show/hide
*/ */
function __uifxn_AppFull_TVChMngrUi() { function __uifxn_AppFull_TVChMngrUi() {
let _state = HotelTV.state; let _state = HotelTV.state;
@@ -1591,7 +1591,7 @@ HotelTV.ui_appfull = (function() {
if (_mpinfo.length > 1) { if (_mpinfo.length > 1) {
_mp_item_title.textContent = _mpinfo[_i].title[_state.lang]; _mp_item_title.textContent = _mpinfo[_i].title[_state.lang];
// Append Sub elements::icon // Append Sub elements::icon
let _mp_item_icon = document.createElement('div'); let _mp_item_icon = document.createElement('div');
_mp_item_icon.setAttribute("id", "mp_item_icon"); _mp_item_icon.setAttribute("id", "mp_item_icon");
let _sz_styleOpt = "--icon_unfocus: url(" + _mpinfo[_i].unfocusIcon.file.download + "); "; let _sz_styleOpt = "--icon_unfocus: url(" + _mpinfo[_i].unfocusIcon.file.download + "); ";
@@ -1863,7 +1863,7 @@ HotelTV.ui_appfull = (function() {
$('.popup>.mypage>.message>#msg_ctz').html(_cur_msgdesc.content.default.replace(/(?:\r\n|\r|\n)/g, '<br>')); $('.popup>.mypage>.message>#msg_ctz').html(_cur_msgdesc.content.default.replace(/(?:\r\n|\r|\n)/g, '<br>'));
} }
//Back button //Back button
$('.popup>.mypage>.message>#btn_back').text(_trTbl.system.btn.back[_state.lang]); $('.popup>.mypage>.message>#btn_back').text(_trTbl.system.btn.back[_state.lang]);
//SHOW ANIMATION //SHOW ANIMATION
@@ -1872,7 +1872,7 @@ HotelTV.ui_appfull = (function() {
$('.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);
//메시지 읽음 처리 //메시지 읽음 처리
HotelTV.api.SetMessageStatus(_cur_msgdesc._id); HotelTV.api.SetMessageStatus(_cur_msgdesc._id);
$('.main>.mypage>.bg>.owl-carousel .owl-item #mp_msg_tblrec tr').filter("[msgidx='" + _cur_msglst_idx.toString() + "']").children('td#num').addClass('read'); $('.main>.mypage>.bg>.owl-carousel .owl-item #mp_msg_tblrec tr').filter("[msgidx='" + _cur_msglst_idx.toString() + "']").children('td#num').addClass('read');
}); });
@@ -1922,7 +1922,7 @@ HotelTV.ui_appfull = (function() {
}); });
$('#lst_mypagesel').on('translate.owl.carousel', function(event) { $('#lst_mypagesel').on('translate.owl.carousel', function(event) {
// 메뉴 셀렉터 좌/우 헨들링 및 이펙트 // 메뉴 셀렉터 좌/우 헨들링 및 이펙트
let idx = 0; let idx = 0;
if (typeof event.item != 'undefined') { if (typeof event.item != 'undefined') {
idx = event.item.index; idx = event.item.index;
@@ -2242,7 +2242,7 @@ HotelTV.ui_appfull = (function() {
$('#lst_ctzgenbg').on('change.owl.carousel', function(event) { $('#lst_ctzgenbg').on('change.owl.carousel', function(event) {
// Update HotelTV sub menu status // Update HotelTV sub menu status
let _state = HotelTV.state; let _state = HotelTV.state;
let _mmIdx = _state.menu.main.cur; let _mmIdx = _state.menu.main.cur;
let _smIdx = _state.menu.main[_mmIdx].cur; let _smIdx = _state.menu.main[_mmIdx].cur;
@@ -2252,7 +2252,7 @@ HotelTV.ui_appfull = (function() {
}); });
$('#lst_ctzgenbg').on('changed.owl.carousel', function(event) { $('#lst_ctzgenbg').on('changed.owl.carousel', function(event) {
// Update HotelTV sub menu status // Update HotelTV sub menu status
let _state = HotelTV.state; let _state = HotelTV.state;
let _mmIdx = _state.menu.main.cur; let _mmIdx = _state.menu.main.cur;
let _smIdx = _state.menu.main[_mmIdx].cur; let _smIdx = _state.menu.main[_mmIdx].cur;
@@ -2260,7 +2260,7 @@ HotelTV.ui_appfull = (function() {
let _ctzinfo = _program[_mmIdx].children[_smIdx].children; let _ctzinfo = _program[_mmIdx].children[_smIdx].children;
_state.menu.main[_mmIdx][_smIdx].cur = Object.keys(_ctzinfo)[event.page.index]; _state.menu.main[_mmIdx][_smIdx].cur = Object.keys(_ctzinfo)[event.page.index];
if (_ctzinfo[_state.menu.main[_mmIdx][_smIdx].cur].thumbnails.interval > 0) { if (_ctzinfo[_state.menu.main[_mmIdx][_smIdx].cur].thumbnails.interval > 0 && _ctzinfo[_state.menu.main[_mmIdx][_smIdx].cur].thumbnails.files[_state.lang].length > 1) {
if (_hndl_tmrCtzThumbAni != null) { if (_hndl_tmrCtzThumbAni != null) {
clearInterval(_hndl_tmrCtzThumbAni); clearInterval(_hndl_tmrCtzThumbAni);
_hndl_tmrCtzThumbAni = null; _hndl_tmrCtzThumbAni = null;
@@ -2279,7 +2279,7 @@ HotelTV.ui_appfull = (function() {
}); });
$('#lst_ctzgenbg').on('translate.owl.carousel', function(event) { $('#lst_ctzgenbg').on('translate.owl.carousel', function(event) {
// 메뉴 셀렉터 좌/우 헨들링 및 이펙트 // 메뉴 셀렉터 좌/우 헨들링 및 이펙트
let idx = 0; let idx = 0;
if (typeof event.item != 'undefined') { if (typeof event.item != 'undefined') {
idx = event.item.index; idx = event.item.index;
@@ -2405,7 +2405,7 @@ HotelTV.ui_appfull = (function() {
} }
_div_sm_item.appendChild(_div_sm_ctz_frame); _div_sm_item.appendChild(_div_sm_ctz_frame);
//Set Attribute //Set Attribute
_div_sm_item.setAttribute("ctzUse", true); _div_sm_item.setAttribute("ctzUse", true);
} else { } else {
_div_sm_item.setAttribute("ctzUse", false); _div_sm_item.setAttribute("ctzUse", false);
@@ -2475,7 +2475,7 @@ HotelTV.ui_appfull = (function() {
} }
} }
} else if (event.keyCode == 461) { } else if (event.keyCode == 461) {
// 컨텐트 폼의 썸네일 에니메이션용 타이머 제거 // 컨텐트 폼의 썸네일 에니메이션용 타이머 제거
if (_hndl_tmrCtzThumbAni != null) { if (_hndl_tmrCtzThumbAni != null) {
clearInterval(_hndl_tmrCtzThumbAni); clearInterval(_hndl_tmrCtzThumbAni);
_hndl_tmrCtzThumbAni = null; _hndl_tmrCtzThumbAni = null;
@@ -2572,7 +2572,7 @@ HotelTV.ui_appfull = (function() {
}); });
$('#lst_smsel').on('change.owl.carousel', function(event) { $('#lst_smsel').on('change.owl.carousel', function(event) {
// Update HotelTV sub menu status // Update HotelTV sub menu status
let _state = HotelTV.state; let _state = HotelTV.state;
let _mmIdx = _state.menu.main.cur; let _mmIdx = _state.menu.main.cur;
let _sminfo = HotelTV.tvguide.program[_mmIdx].children; let _sminfo = HotelTV.tvguide.program[_mmIdx].children;
@@ -2580,7 +2580,7 @@ HotelTV.ui_appfull = (function() {
}); });
$('#lst_smsel').on('changed.owl.carousel', function(event) { $('#lst_smsel').on('changed.owl.carousel', function(event) {
// Update HotelTV sub menu status // Update HotelTV sub menu status
let _state = HotelTV.state; let _state = HotelTV.state;
let _mmIdx = _state.menu.main.cur; let _mmIdx = _state.menu.main.cur;
let _sminfo = HotelTV.tvguide.program[_mmIdx].children; let _sminfo = HotelTV.tvguide.program[_mmIdx].children;
@@ -2590,7 +2590,7 @@ HotelTV.ui_appfull = (function() {
}); });
$('#lst_smsel').on('translate.owl.carousel', function(event) { $('#lst_smsel').on('translate.owl.carousel', function(event) {
// 메뉴 셀렉터 좌/우 헨들링 및 이펙트 // 메뉴 셀렉터 좌/우 헨들링 및 이펙트
let idx = 0; let idx = 0;
if (typeof event.item != 'undefined') { if (typeof event.item != 'undefined') {
idx = event.item.index; idx = event.item.index;
@@ -2657,7 +2657,7 @@ HotelTV.ui_appfull = (function() {
_div_tvCtg_frame.id = 'tvctgfrm_' + _tvCtgInfo.name.replace(/\s/g, '').toLowerCase(); _div_tvCtg_frame.id = 'tvctgfrm_' + _tvCtgInfo.name.replace(/\s/g, '').toLowerCase();
_div_tvCtg_frame.setAttribute("tvctgidx", _tvCtg_idx); _div_tvCtg_frame.setAttribute("tvctgidx", _tvCtg_idx);
// TV 카테고리 타이틀 // TV 카테고리 타이틀
let _div_tvCtg_title = document.createElement('div'); let _div_tvCtg_title = document.createElement('div');
_div_tvCtg_title.setAttribute("id", "tvctg_title"); _div_tvCtg_title.setAttribute("id", "tvctg_title");
_div_tvCtg_title.textContent = _trTbl.ui.tv.title.category[_tvCtgInfo.name][_state.lang]; _div_tvCtg_title.textContent = _trTbl.ui.tv.title.category[_tvCtgInfo.name][_state.lang];
@@ -2668,7 +2668,7 @@ HotelTV.ui_appfull = (function() {
_div_tvCtg_arUp.setAttribute("id", "tvctg_arrow_up"); _div_tvCtg_arUp.setAttribute("id", "tvctg_arrow_up");
_div_tvCtg_frame.appendChild(_div_tvCtg_arUp); _div_tvCtg_frame.appendChild(_div_tvCtg_arUp);
// TV CHANNEL LIST LIST UNDER Given TV CATEGORY // TV CHANNEL LIST LIST UNDER Given TV CATEGORY
let _div_tv_chlist = document.createElement('div'); let _div_tv_chlist = document.createElement('div');
_div_tv_chlist.setAttribute("class", "tvctg_chlist"); _div_tv_chlist.setAttribute("class", "tvctg_chlist");
@@ -2727,7 +2727,7 @@ HotelTV.ui_appfull = (function() {
//owlCarousel을 초기화 하기 전에 등록해야할 callback 함수들 //owlCarousel을 초기화 하기 전에 등록해야할 callback 함수들
//initialized.owl.carousel같은 이벤트는 생성하기 전에 등록해야함. //initialized.owl.carousel같은 이벤트는 생성하기 전에 등록해야함.
//이벤트 발생 순서는 대략 아래와 같음. //이벤트 발생 순서는 대략 아래와 같음.
//[1]change //[1]change
//[2]changed //[2]changed
//[3]prepared //[3]prepared
@@ -2792,7 +2792,7 @@ HotelTV.ui_appfull = (function() {
__uifxn_AppFull_TVUpdateChList("ch_down"); __uifxn_AppFull_TVUpdateChList("ch_down");
} }
} else if (event.keyCode == 13) { } else if (event.keyCode == 13) {
// TV채널 플레이 // TV채널 플레이
} else if (event.keyCode == 461) { } else if (event.keyCode == 461) {
// 현재 재생중인 TV채널 종료 // 현재 재생중인 TV채널 종료
@@ -2900,7 +2900,7 @@ HotelTV.ui_appfull = (function() {
$('#lst_tvCtgbg').on('changed.owl.carousel', function(event) { $('#lst_tvCtgbg').on('changed.owl.carousel', function(event) {
// Update HotelTV sub menu status // Update HotelTV sub menu status
let _state = HotelTV.state; let _state = HotelTV.state;
let _mmIdx = _state.menu.main.cur; let _mmIdx = _state.menu.main.cur;
let _hndlOwlEl = $('.main .tv .bg .owl-carousel .owl-stage-outer .owl-item'); let _hndlOwlEl = $('.main .tv .bg .owl-carousel .owl-stage-outer .owl-item');
@@ -3485,7 +3485,7 @@ HotelTV.ui_appfull = (function() {
startPosition: Number(_state.menu.cur) - 1, startPosition: Number(_state.menu.cur) - 1,
}); });
$('.main .mm .bg').show(function() { $('.main .mm .bg').show(function() {
//호텔 로고 출력 //호텔 로고 출력
$('.widjet .top .hotellogo').css({ "background-image": "url(" + HotelTV.hotelinfo.subLogo.download + ")" }); $('.widjet .top .hotellogo').css({ "background-image": "url(" + HotelTV.hotelinfo.subLogo.download + ")" });
//상단 날씨 아이콘 및 온도 표시 //상단 날씨 아이콘 및 온도 표시
@@ -3590,7 +3590,7 @@ HotelTV.ui_appfull = (function() {
console.log(`Type:${_program[Number(_state.menu.main.cur)].type} doen's have sub menu...`); console.log(`Type:${_program[Number(_state.menu.main.cur)].type} doen's have sub menu...`);
} }
} else if (_evt.keyCode == 403) { } else if (_evt.keyCode == 403) {
// RED BUTTON // RED BUTTON
if ("red" in _state.hotkey.mm) { if ("red" in _state.hotkey.mm) {
$('.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") {
@@ -3616,7 +3616,7 @@ HotelTV.ui_appfull = (function() {
}); });
} }
} else if (_evt.keyCode == 404) { } else if (_evt.keyCode == 404) {
// GREEN BUTTON // GREEN BUTTON
if ("green" in _state.hotkey.mm) { if ("green" in _state.hotkey.mm) {
$('.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") {
@@ -3642,7 +3642,7 @@ HotelTV.ui_appfull = (function() {
}); });
} }
} else if (_evt.keyCode == 405) { } else if (_evt.keyCode == 405) {
// YELLOW BUTTON // YELLOW BUTTON
if ("yellow" in _state.hotkey.mm) { if ("yellow" in _state.hotkey.mm) {
$('.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") {
@@ -3695,7 +3695,7 @@ HotelTV.ui_appfull = (function() {
} }
} else if (_evt.keyCode == -2072433963) { } else if (_evt.keyCode == -2072433963) {
// DEDICATED HOT KEY: Amenity // DEDICATED HOT KEY: Amenity
// Check amenity menu enabled // Check amenity menu enabled
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, () => {
@@ -3706,7 +3706,7 @@ HotelTV.ui_appfull = (function() {
} }
} else if (_evt.keyCode == -2072437788) { } else if (_evt.keyCode == -2072437788) {
// DEDICATED HOT KEY: Room service // DEDICATED HOT KEY: Room service
// Check room service menu enabled // Check room service menu enabled
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, () => {
@@ -3987,13 +3987,13 @@ HotelTV.ui_appfull = (function() {
}); });
_hndl_mmSel.on('change.owl.carousel', function(event) { _hndl_mmSel.on('change.owl.carousel', function(event) {
// Update HotelTV menu status // Update HotelTV menu status
let _state = HotelTV.state; let _state = HotelTV.state;
_state.menu.main.prev = Object.keys(_program)[event.page.index]; _state.menu.main.prev = Object.keys(_program)[event.page.index];
}); });
_hndl_mmSel.on('changed.owl.carousel', function(event) { _hndl_mmSel.on('changed.owl.carousel', function(event) {
// Update HotelTV menu status // Update HotelTV menu status
let _state = HotelTV.state; let _state = HotelTV.state;
_state.menu.main.cur = Object.keys(_program)[event.page.index]; _state.menu.main.cur = Object.keys(_program)[event.page.index];
__uifxn_AppFull_OnKeyDnEvt_MmSel(event); __uifxn_AppFull_OnKeyDnEvt_MmSel(event);