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

issue #11 Done amenity quantity control pop ui.

Browse Source
This commit is contained in:
Paul Kim
2024-03-15 17:43:02 +09:00
parent 08ad96e59b
commit d805f4bb44
5 changed files with 1079 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -522,6 +522,7 @@ HotelTV.ui_appfull = (function() {
'prev': 1,
},
"items": {},
"stock": {},
}
};
}
@@ -574,23 +575,431 @@ HotelTV.ui_appfull = (function() {
}
}
/**
* HotelTV UI[AppFull] Wrapper Function::> Draw amenity feature
*/
function __uifxn_AppFull_DrawAmUserGuide(_action) {
let _state = HotelTV.state;
let _trTbl = HotelTV.translation;
let _opening = HotelTV.opening;
let _aminfo_top = _opening.amenity;
let _aminfo_ctgy = _aminfo_top.menu;
let _elAmPupRoot = $('.popup .amenity');
let _elAmUGRoot = _elAmPupRoot.children('.use_guide');
let __status_am_specific = null;
try{
// 어메니티 정보 오브젝트
_aminfo_top = _opening.amenity;
_aminfo_ctgy = _aminfo_top.menu;
__status_am_specific = _state.hotkey.mm[_aminfo_top.button].status;
let __amctgyIdx = __status_am_specific.category_sel.cur;
let __amctgyItemStatus = __status_am_specific.items[_aminfo_ctgy[__amctgyIdx].name];
if ( _action=="destroy" ){
if ( _elAmUGRoot.children().length ){
_elAmUGRoot.children().remove();
}
return;
}
switch(_state.menu.stage.cur)
{
case "amenity_ctgy_sel": {
}break;
}
switch ( _action )
{
case "enter": {
} break;
}
}catch(_err){
console.log(`Fail to draw::> ${_err}`);
}
}
/**
* HotelTV UI[AppFull] Wrapper Function::> Draw amenity item selection cart ui
*/
function __uifxn_AppFull_DrawAmItemSeletionCart(_action) {
let _state = HotelTV.state;
let _trTbl = HotelTV.translation;
let _opening = HotelTV.opening;
let _carts = HotelTV.carts.amenity;
let _order = HotelTV.orders.amenity;
let _aminfo_top = _opening.amenity;
let _aminfo_ctgy = _aminfo_top.menu;
let _elAmPupRoot = $('.popup .amenity');
let _elAmCtgyBg = _elAmPupRoot.children('.bg').find('#lst_ctgbg');
let _elAmCtgyBgFocus = _elAmCtgyBg.find('.owl-item.active.center');
let _elAmCtgyBgMenuItemWin = _elAmCtgyBgFocus.find('.am_item_sel_win');
let _elAmCtgyBgMenuItemCartWin = _elAmCtgyBgFocus.find('.am_item_sel_cart_win');
let _elAmCtgyBgMenuItemCartWinLeft = _elAmCtgyBgMenuItemCartWin.children('.winleft');
let _elAmCtgyBgMenuItemCartWinRight = _elAmCtgyBgMenuItemCartWin.children('.winright');
let __status_am_specific = null;
const __ifxn_estimateAmCartAmount = function(_item_idx) {
}
const __ifxn_removeAmSelectedItemCartWinElement = function() {
// Remove All element under winright div
if ( _elAmCtgyBgMenuItemCartWinLeft.children().length ){
_elAmCtgyBgMenuItemCartWinLeft.children().remove();
}
if ( _elAmCtgyBgMenuItemCartWinRight.children().length ){
_elAmCtgyBgMenuItemCartWinRight.children().remove();
}
}
const __ifxn_updateAmCartRecTable = function() {
try{
let _elAmCtgyBgMenuItemCartLstRecTbl = _elAmCtgyBgMenuItemCartWinRight.children('.cart_table').find('.tbl_record');
if ( _elAmCtgyBgMenuItemCartLstRecTbl.length )
{
// Remove all record under tbl_record
_elAmCtgyBgMenuItemCartLstRecTbl.children().remove();
// {
// let _elTBody_ItmesRec = document.createElement('tbody');
// _elTBody_ItmesRec.setAttribute("id", "record");
// for (let _j = 1; _j <= _objAm_ctgyItem.length; _j++) {
// let _objChkAvail=null;
// let _objItem = _objAm_ctgyItem[_j];
// var _elTr_ItmesRec = document.createElement('tr');
// var _elDiv_ItmesRec = document.createElement('div');
// _elDiv_ItmesRec.className = "cartItem";
// var _elDiv_ItmesRecName = document.createElement('div');
// _elDiv_ItmesRecName.setAttribute("id", "title");
// _elDiv_ItmesRecName.textContent = _objItem.title[_state.lang];
// _elDiv_ItmesRec.appendChild(_elDiv_ItmesRecName);
// var _elDiv_ItmesRecPrice = document.createElement('div');
// _elDiv_ItmesRecPrice.setAttribute("id", "quantity");
// _elDiv_ItmesRecPrice.textContent = _objItem.quantity[_state.lang].toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + _aminfo_top.currency[_state.lang];
// _elDiv_ItmesRec.appendChild(_elDiv_ItmesRecPrice);
// var _elDiv_ItmesRecStatus = document.createElement('div');
// _elDiv_ItmesRecStatus.setAttribute("id", "amount");
// _objChkAvail = __uifxn_Utils_CheckAmItemAvailable(_objItem.schedule);
// if(_objChkAvail.result==true){
// _elDiv_ItmesRecStatus.textContent = _trTbl.ui.amenity.title.orderable[_state.lang];
// }else{
// _elDiv_ItmesRec.classList.add("unavailable");
// if ( _objChkAvail.avail_dtime=="unorderable" ){
// _elDiv_ItmesRecStatus.textContent = _trTbl.ui.amenity.title.unorderable[_state.lang];
// }else{
// _elDiv_ItmesRecStatus.textContent = _objChkAvail.avail_dtime;
// }
// }
// _elDiv_ItmesRec.appendChild(_elDiv_ItmesRecStatus);
// _elTr_ItmesRec.appendChild(_elDiv_ItmesRec);
// _elTBody_ItmesRec.appendChild(_elTr_ItmesRec);
// }
// _elAmCtgyBgMenuItemCartLstRecTbl.appendChild(_elTBody_ItmesRec);
// }
}
} catch ( _err ){
console.log(`Fail to update::> ${_err}`);
}
}
/**
* 주어진 _item_idx 아이탬의 수량 및 금액을 갱신
* @param {string} _item_idx
* @param {string} _action
*/
const __ifxn_updateAmSelectedItemCartWin = async function(_item_idx, _action) {
let __api_resp_stock = null;
let __selected_item_amount_quantity = 0;
let __selected_item_amount_subTotal = 0;
let __item_info = _aminfo_ctgy[__status_am_specific.category_sel.cur].items[_item_idx+1];
let _elDiv_QuntCtrlFrmQuantityValue = _elAmCtgyBgMenuItemCartWinLeft.children('.control').children('.quantity').find('#value_quantity');
let _elDiv_QuntCtrlFrmAmountValue = _elAmCtgyBgMenuItemCartWinLeft.children('.control').children('.quantity').find('#value_amount');
const ___ifxn_checkCartItemExist = function(_object, _itemID) {
for (__j = 1; __j <= _object.length; __j++) {
if (_object[__j].itemId == _itemID) {
return true;
}
}
return false;
}
/**
* cart 오브젝트에서 해당 item id에 해당하는 수량을 반환.
* 찾지 못하면 1개(디퐅트)를 반환
* @param {object} _object
* @param {string} _itemID
* @returns
*/
const ___ifxn_getCartItemQuantity = function(_object, _itemID) {
for (__j = 1; __j <= _object.length; __j++) {
if ( _object[__j].id != null ){
if ( _object[__j].itemId == _itemID ) {
return _object[__j].quantity;
}
}
}
return 1;
}
const ___ifxn_updateSubTotalAmount = async function(_itemID, _quantityNum) {
let __api_resp = await HotelTV.api.GetAmenityStocks(_itemID, _quantityNum);
if ( __api_resp==null ){
console.log("error");
__selected_item_amount_subTotal = "Error";
} else {
__selected_item_amount_subTotal = __api_resp['amount'][_state.lang].toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + _aminfo_top.currency[_state.lang];
}
if ( _elDiv_QuntCtrlFrmAmountValue.length ){
_elDiv_QuntCtrlFrmAmountValue.text(__selected_item_amount_subTotal);
}
}
// 개수 및 산정 로직
// i) 현재 카트내에 해당 item id에 해당하는 개수르 구함.
// ii) stock API로 총 비용을 산정
if ( _action=="build" ){
__selected_item_amount_quantity = ___ifxn_getCartItemQuantity(_carts.items, __item_info.id);
__status_am_specific.stock[__item_info.id] = {"req_quantity": __selected_item_amount_quantity};
___ifxn_updateSubTotalAmount(__item_info.id, __selected_item_amount_quantity);
} else if ( _action=="plus" ){
__status_am_specific.stock[__item_info.id].req_quantity += 1;
___ifxn_updateSubTotalAmount(__item_info.id, __status_am_specific.stock[__item_info.id].req_quantity);
} else if ( _action=="minus" ){
if ( __status_am_specific.stock[__item_info.id].req_quantity>1 ){
__status_am_specific.stock[__item_info.id].req_quantity -= 1;
___ifxn_updateSubTotalAmount(__item_info.id, __status_am_specific.stock[__item_info.id].req_quantity);
}
}
// 개수 및 금액 출력
if ( _elDiv_QuntCtrlFrmQuantityValue.length ){
_elDiv_QuntCtrlFrmQuantityValue.text(__status_am_specific.stock[__item_info.id].req_quantity);
}
}
const __ifxn_buildAmSelectedItemCartWin = function(_item_idx) {
let _sz_styleOpt = null;
let __item_info = _aminfo_ctgy[__status_am_specific.category_sel.cur].items[_item_idx+1];
const __iCbfxn_buildAmSelectedItemWin = function() {
// 상품 상세 설명페이지 구성
__ifxn_removeAmSelectedItemCartWinElement();
// Quantity Window
{
//// Quantity Window Title
let _elDiv_QuntWinTitle = document.createElement('div');
_elDiv_QuntWinTitle.className = "title";
_elDiv_QuntWinTitle.textContent = _trTbl.ui.amenity.title.selected_menu_quantity[_state.lang].toUpperCase();
_elAmCtgyBgMenuItemCartWinLeft.append(_elDiv_QuntWinTitle);
//// Quantity control Frame
var _elDiv_QuntCtrlFrm = document.createElement('div');
_elDiv_QuntCtrlFrm.className = "control";
_elDiv_QuntCtrlFrm.innerHTML = `<div id="img_thumbnail" style="background-image: url(${__item_info.thumbnail.files[_state.lang].download});"></div>`;
var _elDiv_QuntCtrlFrmQuantity = document.createElement('div');
_elDiv_QuntCtrlFrmQuantity.className = "quantity";
_elDiv_QuntCtrlFrmQuantity.innerHTML = `<div id="lable_quantity">${_trTbl.ui.amenity.title.quantity[_state.lang].toUpperCase()}</div>`;
_elDiv_QuntCtrlFrmQuantity.innerHTML += `<div id="value_quantity"></div>`;
_elDiv_QuntCtrlFrmQuantity.innerHTML += `<div id="lable_amount">${_trTbl.ui.amenity.title.amount[_state.lang].toUpperCase()}</div>`;
_elDiv_QuntCtrlFrmQuantity.innerHTML += `<div id="value_amount"></div>`;
_elDiv_QuntCtrlFrm.append(_elDiv_QuntCtrlFrmQuantity);
_elAmCtgyBgMenuItemCartWinLeft.append(_elDiv_QuntCtrlFrm);
//// Item description
var _elDiv_QuntItemDesc = document.createElement('div');
_elDiv_QuntItemDesc.className = "description";
_elDiv_QuntItemDesc.innerHTML = `<div id="title">${__item_info.title[_state.lang]}</div><div id="details">${__item_info.description[_state.lang]}</div>`;
_elAmCtgyBgMenuItemCartWinLeft.append(_elDiv_QuntItemDesc);
//// Buttons
var _elDiv_QuntBtnFrm = document.createElement('div');
_elDiv_QuntBtnFrm.className = "buttons";
_elDiv_QuntBtnFrm.innerHTML = `<div id="btn_addtocart">${_trTbl.ui.amenity.title.add_to_cart[_state.lang].toUpperCase()}</div>`;
_elDiv_QuntBtnFrm.innerHTML += `<div id="btn_ordernow">${_trTbl.ui.amenity.title.order_now[_state.lang].toUpperCase()}</div>`;
_elDiv_QuntBtnFrm.innerHTML += `<div id="btn_back">${_trTbl.ui.amenity.title.back[_state.lang].toUpperCase()}</div>`;
_elAmCtgyBgMenuItemCartWinLeft.append(_elDiv_QuntBtnFrm);
}
// CART Window
{
//// Cart Window Title
let _elDiv_CartWinTitle = document.createElement('div');
_elDiv_CartWinTitle.className = "title";
_elDiv_CartWinTitle.textContent = _trTbl.ui.amenity.title.cartslist[_state.lang].toUpperCase();
_elAmCtgyBgMenuItemCartWinRight.append(_elDiv_CartWinTitle);
//// Cart item table
let _elDiv_CartWinTable = document.createElement('div');
_elDiv_CartWinTable.className = "cart_table";
{
////// ADD Table Header
var _elTbl_ItemsHdr = document.createElement('table');
_elTbl_ItemsHdr.className = "tbl_header";
let _elTBody_ItmesHdr = document.createElement('tbody');
{
_elTBody_ItmesHdr.setAttribute("id", "hdr");
var _elTr_ItmesHdr = document.createElement('tr');
var _elTh_ItmesHdr_Title = document.createElement('th');
_elTh_ItmesHdr_Title.setAttribute("id", "title");
_elTh_ItmesHdr_Title.textContent = _trTbl.ui.amenity.title.item[_state.lang];
_elTr_ItmesHdr.appendChild(_elTh_ItmesHdr_Title);
var _elTh_ItmesHdr_Amount = document.createElement('th');
_elTh_ItmesHdr_Amount.setAttribute("id", "quantity");
_elTh_ItmesHdr_Amount.textContent = _trTbl.ui.amenity.title.quantity[_state.lang];
_elTr_ItmesHdr.appendChild(_elTh_ItmesHdr_Amount);
var _elTh_ItmesHdr_Status = document.createElement('th');
_elTh_ItmesHdr_Status.setAttribute("id", "amount");
//toUppderCase()
_elTh_ItmesHdr_Status.textContent = _trTbl.ui.amenity.title.amount[_state.lang];
_elTr_ItmesHdr.appendChild(_elTh_ItmesHdr_Status);
_elTBody_ItmesHdr.appendChild(_elTr_ItmesHdr);
}
_elTbl_ItemsHdr.appendChild(_elTBody_ItmesHdr);
_elDiv_CartWinTable.appendChild(_elTbl_ItemsHdr);
////// Append item list record
var _elTbl_ItemsRec = document.createElement('table');
_elTbl_ItemsRec.className = "tbl_record";
_elDiv_CartWinTable.appendChild(_elTbl_ItemsRec);
//////// update cart table record
__ifxn_updateAmCartRecTable();
}
_elAmCtgyBgMenuItemCartWinRight.append(_elDiv_CartWinTable);
//// Quantity Window Title
let _elDiv_CartWinSummary = document.createElement('div');
_elDiv_CartWinSummary.className = "summary";
//_elDiv_CartWinSummary.textContent = _trTbl.ui.amenity.title.sum[_state.lang];
_elAmCtgyBgMenuItemCartWinRight.append(_elDiv_CartWinSummary);
}
}
_elAmCtgyBgMenuItemWin.fadeOut(200, function() {
__iCbfxn_buildAmSelectedItemWin();
_elAmCtgyBgMenuItemCartWin.fadeIn(500, function() {
_elAmCtgyBgMenuItemCartWinLeft.find('#btn_back').addClass('focus');
__ifxn_updateAmSelectedItemCartWin(_item_idx, "build");
HotelTV.api.ReportEvent([
{
'power': true,
'location':{
// TODO: 통계 데이터 파라미터 확인해
'conId':__item_info.id
}
}], "indirect");
});
});
}
const __ifxn_removeAmSelectedItemCartWin = function(_item_idx) {
// Remove All element under winleft&winright div
_elAmCtgyBgMenuItemCartWin.fadeOut(200, function() {
__ifxn_removeAmSelectedItemCartWinElement();
if ( _elAmCtgyBgMenuItemWin.css('display') == "none") {
_elAmCtgyBgMenuItemWin.fadeIn(500, function() {
});
}
});
}
try{
// 어메니티 정보 오브젝트
_aminfo_top = _opening.amenity;
_aminfo_ctgy = _aminfo_top.menu;
__status_am_specific = _state.hotkey.mm[_aminfo_top.button].status;
let __amctgyIdx = __status_am_specific.category_sel.cur;
let __amctgyItemStatus = __status_am_specific.items[_aminfo_ctgy[__amctgyIdx].name];
switch ( _action )
{
case "cart": {
__ifxn_buildAmSelectedItemCartWin(__amctgyItemStatus.idx);
} break;
case "left": {
let _str_curBtnID = _elAmCtgyBgMenuItemCartWinLeft.find('.buttons').find('.focus').attr('id');
if ( _str_curBtnID=='btn_back' ){
_elAmCtgyBgMenuItemCartWinLeft.find('.buttons').find('.focus').removeClass('focus');
_elAmCtgyBgMenuItemCartWinLeft.find('.buttons').find('#btn_ordernow').addClass('focus');
} else if ( _str_curBtnID=='btn_ordernow' ){
_elAmCtgyBgMenuItemCartWinLeft.find('.buttons').find('.focus').removeClass('focus');
_elAmCtgyBgMenuItemCartWinLeft.find('.buttons').find('#btn_addtocart').addClass('focus');
}
} break;
case "right": {
let _str_curBtnID = _elAmCtgyBgMenuItemCartWinLeft.find('.buttons').find('.focus').attr('id');
if ( _str_curBtnID=='btn_addtocart' ){
_elAmCtgyBgMenuItemCartWinLeft.find('.buttons').find('.focus').removeClass('focus');
_elAmCtgyBgMenuItemCartWinLeft.find('.buttons').find('#btn_ordernow').addClass('focus');
} else if ( _str_curBtnID=='btn_ordernow' ){
_elAmCtgyBgMenuItemCartWinLeft.find('.buttons').find('.focus').removeClass('focus');
_elAmCtgyBgMenuItemCartWinLeft.find('.buttons').find('#btn_back').addClass('focus');
}
} break;
case "quantity_plus": {
__ifxn_updateAmSelectedItemCartWin(__amctgyItemStatus.idx, "plus");
} break;
case "quantity_minus": {
__ifxn_updateAmSelectedItemCartWin(__amctgyItemStatus.idx, "minus");
} break;
case "return": {
__ifxn_removeAmSelectedItemCartWin();
} break;
}
}catch(_err){
console.log(`Fail to draw::> ${_err}`);
}
}
/**
* HotelTV UI[AppFull] Wrapper Function::> Draw amenity item selection ui
*/
function __uifxn_AppFull_DrawAmItemSeletion(_action) {
let _state = HotelTV.state;
let __status_am_specific = null;
let _trTbl = HotelTV.translation;
let _opening = HotelTV.opening;
let _order = HotelTV.orders.amenity;
let _aminfo_top = _opening.amenity;
let _aminfo_ctgy = _aminfo_top.menu;
// let _elMainRoot = $('.main');
// let _elMainMenu = _elMainRoot.children('.mm');
let _elAmPupRoot = $('.popup .amenity');
let _elAmCtgyBg = _elAmPupRoot.children('.bg').find('#lst_ctgbg');
let _elAmCtgyBgFocus = _elAmCtgyBg.find('.owl-item.active.center');
let _elAmCtgyBgMenuItemWin = _elAmCtgyBgFocus.find('.am_item_sel_win')
let _elAmCtgyBgMenuItemWin = _elAmCtgyBgFocus.find('.am_item_sel_win');
let __status_am_specific = null;
const __ifxn_updateAmItemDesc = function(_item_idx) {
@@ -599,50 +1008,7 @@ HotelTV.ui_appfull = (function() {
// Remove All element under winright div
let _elDivWinRight = _elAmCtgyBgMenuItemWin.find('.winright');
if ( _elDivWinRight.css('display') != "none") {
_elDivWinRight.fadeOut(200, function() {
if ( _elDivWinRight.children().length ){
_elDivWinRight.children().remove();
}
//상품 상세 설명페이지 구성
////썸네일
let _elDiv_ItmesThumb = document.createElement('div');
_elDiv_ItmesThumb.className = "amItemDescThumb";
//let thuri = __item_info.thumbnail.files[_state.lang].download;
_sz_styleOpt = "background-image: url(" + __item_info.thumbnail.files[_state.lang].download + "); ";
_sz_styleOpt += "background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; ";
_elDiv_ItmesThumb.setAttribute("style", _sz_styleOpt);
////상세설명
let _elDiv_ItmesDetails = document.createElement('div');
_elDiv_ItmesDetails.className = "amItemDescDetails";
var _elDiv_ItmesTitle = document.createElement('div');
_elDiv_ItmesTitle.setAttribute("id", "title");
_elDiv_ItmesTitle.textContent = __item_info.title[_state.lang];
var _elDiv_ItmesDescription = document.createElement('div');
_elDiv_ItmesDescription.setAttribute("id", "description");
_elDiv_ItmesDescription.textContent = __item_info.description[_state.lang];
//_elDiv_ItmesDescription.textContent = __item_info.description[_state.lang].replace(/(?:\r\n|\r|\n)/g, '<br>');
_elDiv_ItmesDetails.appendChild(_elDiv_ItmesTitle);
_elDiv_ItmesDetails.appendChild(_elDiv_ItmesDescription);
//winright에 썸네일과 상세설명 추가
_elDivWinRight.append(_elDiv_ItmesThumb);
_elDivWinRight.append(_elDiv_ItmesDetails);
_elDivWinRight.fadeIn(500, function() {
});
});
}else{
if ( _elDivWinRight.children().length ){
_elDivWinRight.children().remove();
}
const __iCbfxn_updateAmItemDesc = function() {
//상품 상세 설명페이지 구성
////썸네일
let _elDiv_ItmesThumb = document.createElement('div');
@@ -671,13 +1037,26 @@ HotelTV.ui_appfull = (function() {
//winright에 썸네일과 상세설명 추가
_elDivWinRight.append(_elDiv_ItmesThumb);
_elDivWinRight.append(_elDiv_ItmesDetails);
}
if ( _elDivWinRight.css('display') != "none") {
_elDivWinRight.fadeOut(200, function() {
if ( _elDivWinRight.children().length ){
_elDivWinRight.children().remove();
}
__iCbfxn_updateAmItemDesc();
_elDivWinRight.fadeIn(500, function() {
});
});
}else{
if ( _elDivWinRight.children().length ){
_elDivWinRight.children().remove();
}
__iCbfxn_updateAmItemDesc();
_elDivWinRight.fadeIn(500, function() {
});
}
}
const __ifxn_removeAmItemDesc = function(_item_idx) {
@@ -697,9 +1076,7 @@ HotelTV.ui_appfull = (function() {
// 어메니티 정보 오브젝트
_aminfo_top = _opening.amenity;
_aminfo_ctgy = _aminfo_top.menu;
__status_am_specific = _state.hotkey.mm[_aminfo_top.button].status;
let __amctgyIdx = __status_am_specific.category_sel.cur;
let __amctgyItemStatus = __status_am_specific.items[_aminfo_ctgy[__amctgyIdx].name];
@@ -876,10 +1253,11 @@ HotelTV.ui_appfull = (function() {
_elDiv_Ctgy.appendChild(_elDiv_CtgyGradientBottom);
// ITEM LIST TOP-LEVEL ELEMENTS
let _elDiv_ItemWin = document.createElement('div');
_elDiv_ItemWin.className = 'am_item_sel_win';
//// ITEM SELECTION WINDOW
let _elDiv_ItemSelWin = document.createElement('div');
_elDiv_ItemSelWin.className = 'am_item_sel_win';
{
//Window Left side
////// Window Left side
let _elDiv_ItemWinLeft = document.createElement('div');
_elDiv_ItemWinLeft.className = 'winleft';
@@ -889,7 +1267,7 @@ HotelTV.ui_appfull = (function() {
}
else
{
//ADD Table
////// ADD Table Header
var _elTbl_ItemsHdr = document.createElement('table');
_elTbl_ItemsHdr.className = "tbl_header";
@@ -900,17 +1278,17 @@ HotelTV.ui_appfull = (function() {
var _elTr_ItmesHdr = document.createElement('tr');
var _elTh_ItmesHdr_Title = document.createElement('th');
_elTh_ItmesHdr_Title.setAttribute("id", "title");
_elTh_ItmesHdr_Title.textContent = _trTbl.ui.roomservice.title.item[_state.lang];
_elTh_ItmesHdr_Title.textContent = _trTbl.ui.amenity.title.item[_state.lang];
_elTr_ItmesHdr.appendChild(_elTh_ItmesHdr_Title);
var _elTh_ItmesHdr_Amount = document.createElement('th');
_elTh_ItmesHdr_Amount.setAttribute("id", "price");
_elTh_ItmesHdr_Amount.textContent = _trTbl.ui.roomservice.title.amount[_state.lang];
_elTh_ItmesHdr_Amount.textContent = _trTbl.ui.amenity.title.amount[_state.lang];
_elTr_ItmesHdr.appendChild(_elTh_ItmesHdr_Amount);
var _elTh_ItmesHdr_Status = document.createElement('th');
_elTh_ItmesHdr_Status.setAttribute("id", "status");
_elTh_ItmesHdr_Status.textContent = _trTbl.ui.roomservice.title.orderability[_state.lang];
_elTh_ItmesHdr_Status.textContent = _trTbl.ui.amenity.title.orderability[_state.lang];
_elTr_ItmesHdr.appendChild(_elTh_ItmesHdr_Status);
_elTBody_ItmesHdr.appendChild(_elTr_ItmesHdr);
@@ -918,7 +1296,7 @@ HotelTV.ui_appfull = (function() {
_elTbl_ItemsHdr.appendChild(_elTBody_ItmesHdr);
_elDiv_ItemWinLeft.appendChild(_elTbl_ItemsHdr);
// Append item list record
////// Append item list record
var _elTbl_ItemsRec = document.createElement('table');
_elTbl_ItemsRec.className = "tbl_record";
@@ -965,19 +1343,38 @@ HotelTV.ui_appfull = (function() {
}
_elDiv_ItemWinLeft.appendChild(_elTbl_ItemsRec);
}
_elDiv_ItemWin.appendChild(_elDiv_ItemWinLeft);
_elDiv_ItemSelWin.appendChild(_elDiv_ItemWinLeft);
//Window Right side
////// Window Right side
let _elDiv_ItemWinRight = document.createElement('div');
_elDiv_ItemWinRight.className = 'winright';
_elDiv_ItemWin.appendChild(_elDiv_ItemWinRight);
_elDiv_ItemSelWin.appendChild(_elDiv_ItemWinRight);
}
_elDiv_Ctgy.appendChild(_elDiv_ItemWin);
// _elDiv_Ctgy에 추가
_elDiv_Ctgy.appendChild(_elDiv_ItemSelWin);
// Selected Item Cart Window
let _elDiv_SelectedItemWin = document.createElement('div');
_elDiv_SelectedItemWin.className = 'am_item_sel_cart_win';
_elDiv_SelectedItemWin.style.display = 'none';
{
if ( ["ORDER", "CARTS"].includes(_aminfo_ctgy[_idx].name)==false )
{
////// Window Left side
let _elDiv_ItemWinCartLeft = document.createElement('div');
_elDiv_ItemWinCartLeft.className = 'winleft';
_elDiv_SelectedItemWin.appendChild(_elDiv_ItemWinCartLeft);
////// Window Right side
let _elDiv_ItemWinCartRight = document.createElement('div');
_elDiv_ItemWinCartRight.className = 'winright';
_elDiv_SelectedItemWin.appendChild(_elDiv_ItemWinCartRight);
}
}
// _elDiv_Ctgy에 추가
_elDiv_Ctgy.appendChild(_elDiv_SelectedItemWin);
// _elAmCtgyBg에 추가
_elAmCtgyBg.append(_elDiv_Ctgy);
@@ -1045,7 +1442,7 @@ HotelTV.ui_appfull = (function() {
// 카테고리 화면 빌드 및 화면 전환
_state.menu.stage.cur = "amenity_ctgy_item_sel";
__uifxn_AppFull_DrawAmItemSeletion("enter");
__uifxn_AppFull_DrawAmUserGuide();
} else if (event.keyCode == gRmtKey.back) {
// 카테고리 폼의 썸네일 에니메이션용 타이머 제거
if (_hndl_tmrAmenityThumbAni != null) {
@@ -1092,9 +1489,27 @@ HotelTV.ui_appfull = (function() {
} else if (event.keyCode == gRmtKey.down) {
__uifxn_AppFull_DrawAmItemSeletion("down");
} else if (event.keyCode == gRmtKey.back) {
console.log('AMENITY CATEGORY ITEM SEL: KEY::> ' + event.keyCode);
__uifxn_AppFull_DrawAmItemSeletion("exit");
_state.menu.stage.cur = "amenity_ctgy_sel";
} else if (event.keyCode == gRmtKey.enter) {
console.log('AMENITY CATEGORY ITEM SEL: KEY::> ' + event.keyCode);
__uifxn_AppFull_DrawAmItemSeletionCart("cart");
_state.menu.stage.cur = "amenity_ctgy_item_cart";
}
} else if (_state.menu.stage.cur == "amenity_ctgy_item_cart") {
if (event.keyCode == gRmtKey.left) {
__uifxn_AppFull_DrawAmItemSeletionCart("left");
} else if (event.keyCode == gRmtKey.right) {
__uifxn_AppFull_DrawAmItemSeletionCart("right");
} else if (event.keyCode == gRmtKey.up) {
__uifxn_AppFull_DrawAmItemSeletionCart("quantity_plus");
} else if (event.keyCode == gRmtKey.down) {
__uifxn_AppFull_DrawAmItemSeletionCart("quantity_minus");
} else if (event.keyCode == gRmtKey.back) {
__uifxn_AppFull_DrawAmItemSeletionCart("return");
_state.menu.stage.cur = "amenity_ctgy_item_sel";
} else if (event.keyCode == gRmtKey.enter) {
console.log('AMENITY CATEGORY ITEM SEL: KEY::> ' + event.keyCode);
}
} else {
console.log("AMENITY SLIDER KEYEVT: Skip events");
@@ -1102,6 +1517,7 @@ HotelTV.ui_appfull = (function() {
});
//어메니티 카테고리 선택 모드(생성시, 메뉴모드)
_state.menu.stage.cur = "amenity_ctgy_sel";
__uifxn_AppFull_DrawAmUserGuide();
});
})
});
@@ -1168,8 +1584,8 @@ HotelTV.ui_appfull = (function() {
}
// Draw Titile and message
_elRsOderAlertOrderComplete.children("#title").text(_trTbl.ui.roomservice.title.ordercomplete[_state.lang]);
_elRsOderAlertOrderComplete.children("#message").text(_trTbl.ui.roomservice.usage.orderAlertComplete[_state.lang]);
_elRsOderAlertOrderComplete.children("#title").text(_trTbl.ui.amenity.title.ordercomplete[_state.lang]);
_elRsOderAlertOrderComplete.children("#message").text(_trTbl.ui.amenity.usage.orderAlertComplete[_state.lang]);
if (_elRsOderAlertOrderComplete.css('display') == "none") {
_elRsOderAlertOrderComplete.show();