diff --git a/procentric/application/app_hoteltv_full.html b/procentric/application/app_hoteltv_full.html index f98b8b5..d0b57b4 100755 --- a/procentric/application/app_hoteltv_full.html +++ b/procentric/application/app_hoteltv_full.html @@ -8,7 +8,6 @@ - CENTIRM LG-PROCENTRIC HOTEL SERVICE @@ -188,6 +187,7 @@
+
@@ -339,8 +339,7 @@ - - + diff --git a/procentric/application/css/lightslider.css b/procentric/application/css/lightslider.css deleted file mode 100755 index 9a2606e..0000000 --- a/procentric/application/css/lightslider.css +++ /dev/null @@ -1,392 +0,0 @@ -/*! lightslider - v1.1.3 - 2015-04-14 -* https://github.com/sachinchoolur/lightslider -* Copyright (c) 2015 Sachin N; Licensed MIT */ -/** /!!! core css Should not edit !!!/**/ - -.lSSlideOuter { - overflow: hidden; - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none -} -.lightSlider:before, .lightSlider:after { - content: " "; - display: table; -} -.lightSlider { - overflow: hidden; - margin: 0; -} -.lSSlideWrapper { - max-width: 100%; - overflow: hidden; - position: relative; -} -.lSSlideWrapper > .lightSlider:after { - clear: both; -} -.lSSlideWrapper .lSSlide { - -webkit-transform: translate(0px, 0px); - -ms-transform: translate(0px, 0px); - transform: translate(0px, 0px); - -webkit-transition: all 1s; - -webkit-transition-property: -webkit-transform,height; - -moz-transition-property: -moz-transform,height; - transition-property: transform,height; - -webkit-transition-duration: inherit !important; - transition-duration: inherit !important; - -webkit-transition-timing-function: inherit !important; - transition-timing-function: inherit !important; -} -.lSSlideWrapper .lSFade { - position: relative; -} -.lSSlideWrapper .lSFade > * { - position: absolute !important; - top: 0; - left: 0; - z-index: 9; - margin-right: 0; - width: 100%; -} -.lSSlideWrapper.usingCss .lSFade > * { - opacity: 0; - -webkit-transition-delay: 0s; - transition-delay: 0s; - -webkit-transition-duration: inherit !important; - transition-duration: inherit !important; - -webkit-transition-property: opacity; - transition-property: opacity; - -webkit-transition-timing-function: inherit !important; - transition-timing-function: inherit !important; -} -.lSSlideWrapper .lSFade > *.active { - z-index: 10; -} -.lSSlideWrapper.usingCss .lSFade > *.active { - opacity: 1; -} -/** /!!! End of core css Should not edit !!!/**/ - -/* Pager */ -.lSSlideOuter .lSPager.lSpg { - margin: 10px 0 0; - padding: 0; - text-align: center; -} -.lSSlideOuter .lSPager.lSpg > li { - cursor: pointer; - display: inline-block; - padding: 0 5px; -} -.lSSlideOuter .lSPager.lSpg > li a { - background-color: #222222; - border-radius: 30px; - display: inline-block; - height: 8px; - overflow: hidden; - text-indent: -999em; - width: 8px; - position: relative; - z-index: 99; - -webkit-transition: all 0.5s linear 0s; - transition: all 0.5s linear 0s; -} -.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a { - background-color: #428bca; -} -.lSSlideOuter .media { - opacity: 0.8; -} -.lSSlideOuter .media.active { - opacity: 1; -} -/* End of pager */ - -/** Gallery */ -.lSSlideOuter .lSPager.lSGallery { - list-style: none outside none; - padding-left: 0; - margin: 0; - overflow: hidden; - transform: translate3d(0px, 0px, 0px); - -moz-transform: translate3d(0px, 0px, 0px); - -ms-transform: translate3d(0px, 0px, 0px); - -webkit-transform: translate3d(0px, 0px, 0px); - -o-transform: translate3d(0px, 0px, 0px); - -webkit-transition-property: -webkit-transform; - -moz-transition-property: -moz-transform; - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -.lSSlideOuter .lSPager.lSGallery li { - overflow: hidden; - -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s; - transition: border-radius 0.12s linear 0s 0.35s linear 0s; -} -.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover { - border-radius: 5px; -} -.lSSlideOuter .lSPager.lSGallery img { - display: block; - height: auto; - max-width: 100%; -} -.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after { - content: " "; - display: table; -} -.lSSlideOuter .lSPager.lSGallery:after { - clear: both; -} -/* End of Gallery*/ - -/* slider actions */ -.lSAction > a { - width: 32px; - display: block; - top: 50%; - height: 32px; - background-image: url('../img/controls.png'); - cursor: pointer; - position: absolute; - z-index: 99; - margin-top: -16px; - opacity: 0.5; - -webkit-transition: opacity 0.35s linear 0s; - transition: opacity 0.35s linear 0s; -} -.lSAction > a:hover { - opacity: 1; -} -.lSAction > .lSPrev { - background-position: 0 0; - left: 10px; -} -.lSAction > .lSNext { - background-position: -32px 0; - right: 10px; -} -.lSAction > a.disabled { - pointer-events: none; -} -.cS-hidden { - height: 1px; - opacity: 0; - filter: alpha(opacity=0); - overflow: hidden; -} - - -/* vertical */ -.lSSlideOuter.vertical { - position: relative; -} -.lSSlideOuter.vertical.noPager { - padding-right: 0px !important; -} -.lSSlideOuter.vertical .lSGallery { - position: absolute !important; - right: 0; - top: 0; -} -.lSSlideOuter.vertical .lightSlider > * { - width: 100% !important; - max-width: none !important; -} - -/* vertical controlls */ -.lSSlideOuter.vertical .lSAction > a { - left: 50%; - margin-left: -14px; - margin-top: 0; -} -.lSSlideOuter.vertical .lSAction > .lSNext { - background-position: 31px -31px; - bottom: 10px; - top: auto; -} -.lSSlideOuter.vertical .lSAction > .lSPrev { - background-position: 0 -31px; - bottom: auto; - top: 10px; -} -/* vertical */ - - -/* Rtl */ -.lSSlideOuter.lSrtl { - direction: rtl; -} -.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager { - padding-left: 0; - list-style: none outside none; -} -.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager { - padding-right: 0; -} -.lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li { - float: left; -} -.lSSlideOuter.lSrtl .lightSlider > *, .lSSlideOuter.lSrtl .lSGallery li { - float: right !important; -} -/* Rtl */ - -@-webkit-keyframes rightEnd { - 0% { - left: 0; - } - - 50% { - left: -15px; - } - - 100% { - left: 0; - } -} -@keyframes rightEnd { - 0% { - left: 0; - } - - 50% { - left: -15px; - } - - 100% { - left: 0; - } -} -@-webkit-keyframes topEnd { - 0% { - top: 0; - } - - 50% { - top: -15px; - } - - 100% { - top: 0; - } -} -@keyframes topEnd { - 0% { - top: 0; - } - - 50% { - top: -15px; - } - - 100% { - top: 0; - } -} -@-webkit-keyframes leftEnd { - 0% { - left: 0; - } - - 50% { - left: 15px; - } - - 100% { - left: 0; - } -} -@keyframes leftEnd { - 0% { - left: 0; - } - - 50% { - left: 15px; - } - - 100% { - left: 0; - } -} -@-webkit-keyframes bottomEnd { - 0% { - bottom: 0; - } - - 50% { - bottom: -15px; - } - - 100% { - bottom: 0; - } -} -@keyframes bottomEnd { - 0% { - bottom: 0; - } - - 50% { - bottom: -15px; - } - - 100% { - bottom: 0; - } -} -.lSSlideOuter .rightEnd { - -webkit-animation: rightEnd 0.3s; - animation: rightEnd 0.3s; - position: relative; -} -.lSSlideOuter .leftEnd { - -webkit-animation: leftEnd 0.3s; - animation: leftEnd 0.3s; - position: relative; -} -.lSSlideOuter.vertical .rightEnd { - -webkit-animation: topEnd 0.3s; - animation: topEnd 0.3s; - position: relative; -} -.lSSlideOuter.vertical .leftEnd { - -webkit-animation: bottomEnd 0.3s; - animation: bottomEnd 0.3s; - position: relative; -} -.lSSlideOuter.lSrtl .rightEnd { - -webkit-animation: leftEnd 0.3s; - animation: leftEnd 0.3s; - position: relative; -} -.lSSlideOuter.lSrtl .leftEnd { - -webkit-animation: rightEnd 0.3s; - animation: rightEnd 0.3s; - position: relative; -} -/*/ GRab cursor */ -.lightSlider.lsGrab > * { - cursor: -webkit-grab; - cursor: -moz-grab; - cursor: -o-grab; - cursor: -ms-grab; - cursor: grab; -} -.lightSlider.lsGrabbing > * { - cursor: move; - cursor: -webkit-grabbing; - cursor: -moz-grabbing; - cursor: -o-grabbing; - cursor: -ms-grabbing; - cursor: grabbing; -} \ No newline at end of file diff --git a/procentric/application/lib/hoteltv.ui_appfull.js b/procentric/application/lib/hoteltv.ui_appfull.js index d205a28..c3a663b 100755 --- a/procentric/application/lib/hoteltv.ui_appfull.js +++ b/procentric/application/lib/hoteltv.ui_appfull.js @@ -92,14 +92,14 @@ HotelTV.ui_appfull = (function() { * @param {object} ___curDayTime * @returns true or false */ - const ___fxn_checkWeekValid = function(___schedule_week_obj, ___curDayTime) { + const __ifxn_checkWeekValid = function(___schedule_week_obj, ___curDayTime) { if ( ___schedule_week_obj.week[Object.keys(___schedule_week_obj.week)[___curDayTime.getDay()]]==true ){ return true; } return false; } - const ___fxn_checkDatekValid = function(___schedule_day_obj, ___curDayTime) { + const __ifxn_checkDatekValid = function(___schedule_day_obj, ___curDayTime) { if ( ___schedule_day_obj.date.mode=="always" ){ return true; }else if ( ___schedule_day_obj.date.mode=="start" ){ @@ -125,7 +125,7 @@ HotelTV.ui_appfull = (function() { return false; } - const ___fxn_checkTimekValid = function(___schedule_day_obj, ___curDayTime) { + const __ifxn_checkTimekValid = function(___schedule_day_obj, ___curDayTime) { let __day = ___curDayTime.getDate(); let __month = ___curDayTime.getMonth() + 1; let __year = ___curDayTime.getFullYear(); @@ -148,9 +148,9 @@ HotelTV.ui_appfull = (function() { } try{ - if ( ___fxn_checkWeekValid(_schedule,_curDtime) == true ) { - if ( ___fxn_checkDatekValid(_schedule,_curDtime) == true ){ - if ( ___fxn_checkTimekValid(_schedule,_curDtime) == true ){ + if ( __ifxn_checkWeekValid(_schedule,_curDtime) == true ) { + if ( __ifxn_checkDatekValid(_schedule,_curDtime) == true ){ + if ( __ifxn_checkTimekValid(_schedule,_curDtime) == true ){ _result.result = true; return _result; } @@ -518,9 +518,10 @@ HotelTV.ui_appfull = (function() { "focus": "category_sel", "category_sel": { 'cnt': 0, - 'cur': null, - 'prev': null, - } + 'cur': 1, + 'prev': 1, + }, + "items": {}, } }; } @@ -573,12 +574,206 @@ HotelTV.ui_appfull = (function() { } } + /** + * 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') + + + const __ifxn_updateAmItemDesc = function(_item_idx) { + let _sz_styleOpt = null; + let __item_info = _aminfo_ctgy[__status_am_specific.category_sel.cur].items[_item_idx+1]; + // 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, '
'); + + _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(); + } + + //상품 상세 설명페이지 구성 + ////썸네일 + 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, '
'); + + _elDiv_ItmesDetails.appendChild(_elDiv_ItmesTitle); + _elDiv_ItmesDetails.appendChild(_elDiv_ItmesDescription); + + //winright에 썸네일과 상세설명 추가 + _elDivWinRight.append(_elDiv_ItmesThumb); + _elDivWinRight.append(_elDiv_ItmesDetails); + + + _elDivWinRight.fadeIn(500, function() { + }); + } + + + } + + const __ifxn_removeAmItemDesc = function(_item_idx) { + // Remove All element under winright div + let _elDivWinRight = _elAmCtgyBgMenuItemWin.find('.winright'); + if ( _elDivWinRight.children().length ){ + _elDivWinRight.children().remove(); + } + + if ( _elDivWinRight.css('display') != "none") { + _elDivWinRight.fadeOut(300, 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 "enter": { + _elAmCtgyBgMenuItemWin.find('.amctgyItem').first().addClass("focus"); + __ifxn_updateAmItemDesc(__amctgyItemStatus.idx); + } break; + + case "exit": { + _elAmCtgyBgMenuItemWin.find('.amctgyItem').removeClass("focus"); + __ifxn_removeAmItemDesc(); + } break; + + case "up": { + let _elTbl_AmItem = _elAmCtgyBgMenuItemWin.find('.tbl_record'); + let _elTblTr_AmItemNext = _elTbl_AmItem.find('.focus').parent().prev('tr'); + + if (_elTblTr_AmItemNext.length) { + _elTbl_AmItem.find('.focus').removeClass("focus"); + _elTblTr_AmItemNext.children('.amctgyItem').addClass('focus'); + + // 테이블 ROW인덱스와 스크롤 OFFSET계산 + __amctgyItemStatus.idx = _elTblTr_AmItemNext.prop('rowIndex'); + //__amctgyItemStatus.scroll_TOfset = __amctgyItemStatus.idx*_elTblTr_AmItemNext.prop('scrollHeight'); + __amctgyItemStatus.scroll_TOfset += _elTblTr_AmItemNext.prop('scrollHeight'); + + //스크롤 에니메이션 수행 + _elTbl_AmItem.children('#record').animate({ scrollTop: __amctgyItemStatus.scroll_TOfset }, 200); + + __ifxn_updateAmItemDesc(__amctgyItemStatus.idx); + } + } break; + + case "down": { + let _elTbl_AmItem = _elAmCtgyBgMenuItemWin.find('.tbl_record'); + let _elTblTr_AmItemNext = _elTbl_AmItem.find('.focus').parent().next('tr'); + + if (_elTblTr_AmItemNext.length) { + _elTbl_AmItem.find('.focus').removeClass("focus"); + _elTblTr_AmItemNext.children('.amctgyItem').addClass('focus'); + + // 테이블 ROW인덱스와 스크롤 OFFSET계산 + __amctgyItemStatus.idx = _elTblTr_AmItemNext.prop('rowIndex'); + //__amctgyItemStatus.scroll_TOfset = __amctgyItemStatus.idx*_elTblTr_AmItemNext.prop('scrollHeight'); + __amctgyItemStatus.scroll_TOfset += _elTblTr_AmItemNext.prop('scrollHeight'); + + //스크롤 에니메이션 수행 + _elTbl_AmItem.children('#record').animate({ scrollTop: __amctgyItemStatus.scroll_TOfset }, 200); + + __ifxn_updateAmItemDesc(__amctgyItemStatus.idx); + } + } break; + + case "plus": { + + } break; + + case "minus": { + + } break; + } + } catch (_err){ + console.log(`Fail to draw::> ${_err}`); + } + } + /** * HotelTV UI[AppFull] Wrapper Function::> build amenity service */ function __uifxn_AppFull_BuildAmenity() { let _state = HotelTV.state; - let _state_am_specific = null; + let __status_am_specific = null; let _trTbl = HotelTV.translation; let _opening = HotelTV.opening; let _order = HotelTV.orders.amenity; @@ -590,6 +785,15 @@ HotelTV.ui_appfull = (function() { let _elAmCtgyBg = _elAmPupRoot.children('.bg').find('#lst_ctgbg'); let _elAmCtgySel = _elAmPupRoot.children('.slider').find('#lst_ctgsel'); + const __ifxn_getRsItemValue = function(_object, _key, _itemID) { + for (__j = 1; __j <= _object.length; __j++) { + if (_object[__j].id == _itemID) { + return _object[__j][_key]; + } + } + return ''; + } + // 어메니티 인포 Validation if (!_opening.amenity) { @@ -601,7 +805,7 @@ HotelTV.ui_appfull = (function() { _aminfo_ctgy = _aminfo_top.menu; - _state_am_specific = _state.hotkey.mm[_aminfo_top.button].status; + __status_am_specific = _state.hotkey.mm[_aminfo_top.button].status; @@ -636,6 +840,14 @@ HotelTV.ui_appfull = (function() { _elDiv_Ctgy.appendChild(_elDiv_CtgyTitle); _elAmCtgySel.append(_elDiv_Ctgy); + + // 각 카테고리별 아이템 스크롤위치등을 관리하기 위하여 status맴버 초기화 및 구성 + if ( !(_aminfo_ctgy[_idx].name in __status_am_specific.items)==true ){ + __status_am_specific.items[_aminfo_ctgy[_idx].name] = { + "idx": 0, + "scroll_TOfset": 0 + }; + } } // 어메니티 팝업 카테고리 백그라운드 이미지 노드를 동적으로 구성 @@ -670,6 +882,12 @@ HotelTV.ui_appfull = (function() { //Window Left side let _elDiv_ItemWinLeft = document.createElement('div'); _elDiv_ItemWinLeft.className = 'winleft'; + + if ( ["ORDER", "CARTS"].includes(_aminfo_ctgy[_idx].name)==true ) + { + _elDiv_ItemWinLeft.classList.add(_aminfo_ctgy[_idx].name.toLowerCase()); + } + else { //ADD Table var _elTbl_ItemsHdr = document.createElement('table'); @@ -692,7 +910,7 @@ HotelTV.ui_appfull = (function() { var _elTh_ItmesHdr_Status = document.createElement('th'); _elTh_ItmesHdr_Status.setAttribute("id", "status"); - _elTh_ItmesHdr_Status.textContent = _trTbl.ui.roomservice.title.amount[_state.lang]; + _elTh_ItmesHdr_Status.textContent = _trTbl.ui.roomservice.title.orderability[_state.lang]; _elTr_ItmesHdr.appendChild(_elTh_ItmesHdr_Status); _elTBody_ItmesHdr.appendChild(_elTr_ItmesHdr); @@ -729,7 +947,6 @@ HotelTV.ui_appfull = (function() { _elDiv_ItmesRecStatus.setAttribute("id", "status"); _objChkAvail = __uifxn_Utils_CheckAmItemAvailable(_objItem.schedule); - if(_objChkAvail.result==true){ _elDiv_ItmesRecStatus.textContent = _trTbl.ui.amenity.title.orderable[_state.lang]; }else{ @@ -771,6 +988,10 @@ HotelTV.ui_appfull = (function() { center: true, items: 1, //Number of Items on Screen what you want loop: true, + rewind: false, + checkVisible: false, + animateOut: 'fadeOut', + animateIn: 'fadeIn', margin: 0, smartSpeed: 1000, lazyLoad: true, @@ -779,7 +1000,7 @@ HotelTV.ui_appfull = (function() { pullDrag: false, freeDrag: false, dots: false, - startPosition: (Number(_state_am_specific.category_sel.cur) - 1), + startPosition: (Number(__status_am_specific.category_sel.cur) - 1), }); // _elAmPupRoot.children('.bg').fadeIn(1000, function() { // __uifxn_AppFull_HotKey_ShowBtnOnMM(false); @@ -790,6 +1011,8 @@ HotelTV.ui_appfull = (function() { center: true, items: 5, //Number of Items on Screen what you want loop: true, + rewind: false, + checkVisible: false, margin: 0, smartSpeed: 0, autoWidth: false, @@ -798,7 +1021,7 @@ HotelTV.ui_appfull = (function() { pullDrag: false, freeDrag: false, dots: true, - startPosition: (Number(_state_am_specific.category_sel.cur) - 1), + startPosition: (Number(__status_am_specific.category_sel.cur) - 1), }); //메인 페이지->어메니티 페이지 화면 전환 @@ -809,7 +1032,7 @@ HotelTV.ui_appfull = (function() { _elAmPupRoot.children('.slider').fadeIn(300, function() { _elAmPupRoot.children('.bg').fadeIn(500, function() { _elAmCtgySel.find('.owl-item').addClass('unfocus'); - _elAmCtgySel.trigger("to.owl.carousel", [(Number(_state_am_specific.category_sel.cur) - 1), 10, true]); + _elAmCtgySel.trigger("to.owl.carousel", [(Number(__status_am_specific.category_sel.cur) - 1), 10, true]); _elAmCtgySel.trigger('translate.owl.carousel', [0, 500, true]); $(document.activeElement).keydown(function(event) { //attach event listener @@ -821,6 +1044,7 @@ HotelTV.ui_appfull = (function() { } else if (event.keyCode == gRmtKey.enter) { // 카테고리 화면 빌드 및 화면 전환 _state.menu.stage.cur = "amenity_ctgy_item_sel"; + __uifxn_AppFull_DrawAmItemSeletion("enter"); } else if (event.keyCode == gRmtKey.back) { // 카테고리 폼의 썸네일 에니메이션용 타이머 제거 @@ -860,16 +1084,23 @@ HotelTV.ui_appfull = (function() { } } else if (_state.menu.stage.cur == "amenity_ctgy_item_sel") { if (event.keyCode == gRmtKey.left) { - + __uifxn_AppFull_DrawAmItemSeletion("plus"); } else if (event.keyCode == gRmtKey.right) { - + __uifxn_AppFull_DrawAmItemSeletion("minus"); + } else if (event.keyCode == gRmtKey.up) { + __uifxn_AppFull_DrawAmItemSeletion("up"); + } 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 { console.log("AMENITY SLIDER KEYEVT: Skip events"); } }); + //어메니티 카테고리 선택 모드(생성시, 메뉴모드) _state.menu.stage.cur = "amenity_ctgy_sel"; }); }) @@ -877,7 +1108,7 @@ HotelTV.ui_appfull = (function() { _elAmCtgySel.on('change.owl.carousel', function(event) { // Update HotelTV Amenity menu sel status - _state_am_specific.category_sel.prev = Object.keys(_aminfo_ctgy)[event.page.index]; + __status_am_specific.category_sel.prev = Object.keys(_aminfo_ctgy)[event.page.index]; }); _elAmCtgySel.on('destroy.owl.carousel', function(event) { @@ -886,9 +1117,17 @@ HotelTV.ui_appfull = (function() { _elAmCtgySel.on('changed.owl.carousel', function(event) { // Update HotelTV Amenity menu sel status - _state_am_specific.category_sel.cur = Object.keys(_aminfo_ctgy)[event.page.index]; - //console.log("AMENITY CATEGORY SEL IDX::>" + _state.menu.main[_mmIdx].cur); - _elAmCtgyBg.trigger("to.owl.carousel", [event.page.index, 1000, true]); + __status_am_specific.category_sel.cur = Object.keys(_aminfo_ctgy)[event.page.index]; + //console.log("AMENITY CATEGORY EVT IDX::>" + event.page.index); + console.log("AMENITY CATEGORY SEL IDX::>" + __status_am_specific.category_sel.cur); + if ( __status_am_specific.category_sel.cur in Object.keys(_aminfo_ctgy) ){ + if ( _aminfo_ctgy[__status_am_specific.category_sel.cur].name == "CARTS" ){ + console.log("TODO::> Draw Carts"); + }else if ( _aminfo_ctgy[__status_am_specific.category_sel.cur].name == "ORDER" ){ + console.log("TODO::> Draw Order"); + } + } + _elAmCtgyBg.trigger("to.owl.carousel", [event.page.index, 1000]); }); _elAmCtgySel.on('translate.owl.carousel', function(event) { @@ -899,40 +1138,12 @@ HotelTV.ui_appfull = (function() { } else { _uiCtrl_idx = _elAmCtgySel.find('.owl-item.active.center').index(); } - //console.log("AMENITY CATEGORY CTRL IDX::>" + _uiCtrl_idx); + console.log("AMENITY CATEGORY CTRL IDX::>" + _uiCtrl_idx); _elAmCtgySel.find('.owl-item.focus').addClass('unfocus'); _elAmCtgySel.find('.owl-item.focus').removeClass('focus'); _elAmCtgySel.find('.owl-item').eq(_uiCtrl_idx).addClass('focus'); _elAmCtgySel.find('.owl-item').eq(_uiCtrl_idx).removeClass('unfocus'); }); - - - - // HOTKEY정보를 state에 기록 - // if (!(_amenity.button in _state.hotkey.mm)) { - // _state.hotkey.mm[_amenity.button] = { - // 'type': "amenity", - // 'id': _amenity.id, - // "status": { - // "focus": "menu", - // "menu": { - // "idx": 0, - // "scroll_TOfset": 0 - // }, - // "button": { - // "idx": null - // }, - // "cartlist": { - // "idx": null, - // "scroll_TOfset": 0 - // }, - // "orderdetails": { - // "idx": null, - // "scroll_TOfset": 0 - // } - // } - // }; - // } return; } @@ -985,7 +1196,7 @@ HotelTV.ui_appfull = (function() { let _elRsOLstItems = _elRsOLstRoot.children(`#orders`); let _elRsOLstSummary = _elRsOLstRoot.children('#summary'); - const __fxn_getRsItemValue = function(_object, _key, _itemID) { + const __ifxn_getRsItemValue = function(_object, _key, _itemID) { for (__j = 1; __j <= _object.length; __j++) { if (_object[__j].id == _itemID) { return _object[__j][_key]; @@ -994,7 +1205,7 @@ HotelTV.ui_appfull = (function() { return ''; } - const __fxn_padZero = function(_num, _size) { + const __ifxn_padZero = function(_num, _size) { _num = _num.toString(); while (_num.length < _size) _num = "0" + _num; return _num; @@ -1049,7 +1260,7 @@ HotelTV.ui_appfull = (function() { // Append Sub elements:: index let _elDiv_index = document.createElement('div'); _elDiv_index.setAttribute("id", "index"); - _elDiv_index.textContent = `[${__fxn_padZero(_idx,2)}]`; + _elDiv_index.textContent = `[${__ifxn_padZero(_idx,2)}]`; _eldiv_ordering.appendChild(_elDiv_index); // Append Sub elements:: date @@ -1142,7 +1353,7 @@ HotelTV.ui_appfull = (function() { _elDiv_OdItmesRec.className = "oditem"; var _elDiv_OdItmesRecName = document.createElement('div'); _elDiv_OdItmesRecName.setAttribute("id", "name"); - _elDiv_OdItmesRecName.textContent =`[${_j}] ` + __fxn_getRsItemValue(_roomservice.children, "title", _OdItem.itemId)[_state.lang]; + _elDiv_OdItmesRecName.textContent =`[${_j}] ` + __ifxn_getRsItemValue(_roomservice.children, "title", _OdItem.itemId)[_state.lang]; _elDiv_OdItmesRec.appendChild(_elDiv_OdItmesRecName); var _elDiv_OdItmesRecQuantity = document.createElement('div'); @@ -1242,7 +1453,7 @@ HotelTV.ui_appfull = (function() { let _elRsCLstSummary = _elRsCLstRoot.children('#summary'); let _elRsCLstButtons = _elRsCLstRoot.children('#buttons'); - const __fxn_getRsItemValue = function(_object, _key, _itemID) { + const __ifxn_getRsItemValue = function(_object, _key, _itemID) { for (__j = 1; __j <= _object.length; __j++) { if (_object[__j].id == _itemID) { return _object[__j][_key]; @@ -1299,7 +1510,7 @@ HotelTV.ui_appfull = (function() { // Append Sub elements::title let _elDiv_title = document.createElement('div'); _elDiv_title.setAttribute("id", "title"); - _elDiv_title.textContent = __fxn_getRsItemValue(_roomservice.children, "title", _rsItem.itemId)[_state.lang]; + _elDiv_title.textContent = __ifxn_getRsItemValue(_roomservice.children, "title", _rsItem.itemId)[_state.lang]; _eldiv_item_ctz.appendChild(_elDiv_title); // Append Sub elements::quantity @@ -1384,7 +1595,7 @@ HotelTV.ui_appfull = (function() { let _elRsMnItmTbl = _elRsMnRoot.children('#items').find('.tbl_record').children('#record'); let _elRsMnDesc = _elRsPupRoot.children('.description'); - const __fxn_getRsItemValue = function(_object, _key, _itemID) { + const __ifxn_getRsItemValue = function(_object, _key, _itemID) { for (__j = 1; __j <= _object.length; __j++) { if (_object[__j].id == _itemID) { return _object[__j][_key]; @@ -1403,15 +1614,15 @@ HotelTV.ui_appfull = (function() { let selectedTblItemID = _elRsMnItmTbl.children('tr.active').prop('id'); //Redraw Description - _elRsMnDesc.children('#title').text(__fxn_getRsItemValue(_roomservice.children, "title", selectedTblItemID)[_state.lang]); - _elRsMnDesc.children('#comment').text(__fxn_getRsItemValue(_roomservice.children, "description", selectedTblItemID)[_state.lang]); - _elRsMnDesc.children('#thumb').css('background-image', 'url(' + __fxn_getRsItemValue(_roomservice.children, "thumbnail", selectedTblItemID).files[_state.lang].download + ')'); + _elRsMnDesc.children('#title').text(__ifxn_getRsItemValue(_roomservice.children, "title", selectedTblItemID)[_state.lang]); + _elRsMnDesc.children('#comment').text(__ifxn_getRsItemValue(_roomservice.children, "description", selectedTblItemID)[_state.lang]); + _elRsMnDesc.children('#thumb').css('background-image', 'url(' + __ifxn_getRsItemValue(_roomservice.children, "thumbnail", selectedTblItemID).files[_state.lang].download + ')'); if (_elRsMnDesc.css('display') == "none") { _elRsMnDesc.show(); } - HotelTV.api.ReportEvent([{'power': true, 'location':{'conId':__fxn_getRsItemValue(_roomservice.children, "id", selectedTblItemID)}}]) + HotelTV.api.ReportEvent([{'power': true, 'location':{'conId':__ifxn_getRsItemValue(_roomservice.children, "id", selectedTblItemID)}}]) } /** @@ -1422,7 +1633,7 @@ HotelTV.ui_appfull = (function() { let _state = HotelTV.state; let _roomservice = HotelTV.opening.roomService; let _carts = null; - const __fxn_cartItemExist = function(_object, _itemID) { + const __ifxn_cartItemExist = function(_object, _itemID) { for (__j = 1; __j <= _object.length; __j++) { if (_object[__j].itemId == _itemID) { return true; @@ -1431,7 +1642,7 @@ HotelTV.ui_appfull = (function() { return false; } - const __fxn_cartItemValue = function(_object, _key, _itemID) { + const __ifxn_cartItemValue = function(_object, _key, _itemID) { for (__j = 1; __j <= _object.length; __j++) { if (_object[__j].itemId == _itemID) { return _object[__j][_key]; @@ -1450,8 +1661,8 @@ HotelTV.ui_appfull = (function() { _elRsItemRecRoot.find('#price').text(_rsItem.price[_state.lang].toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + _roomservice.currency[_state.lang]); // Update quantity - if (_carts.items.length && __fxn_cartItemExist(_carts.items, _rsItem.id) == true) { - let _cart_item_quantity = __fxn_cartItemValue(_carts.items, "quantity", _rsItem.id); + if (_carts.items.length && __ifxn_cartItemExist(_carts.items, _rsItem.id) == true) { + let _cart_item_quantity = __ifxn_cartItemValue(_carts.items, "quantity", _rsItem.id); _total_quantity += _cart_item_quantity; // Cart Quantity _elRsItemRecRoot.find('#quantity').text(_cart_item_quantity); @@ -1490,7 +1701,7 @@ HotelTV.ui_appfull = (function() { let _elRsMnBtn = _elRsMnRoot.children('#buttons'); let _elRsOdDetails = _elRsPupRoot.children('.order-details'); - const __fxn_cartEmpty = function(_object) { + const __ifxn_cartEmpty = function(_object) { for (__j = 1; __j <= _object.length; __j++) { if (_object[__j].id) { return false; @@ -1499,7 +1710,7 @@ HotelTV.ui_appfull = (function() { return true; } - const __fxn_cartItemValue = function(_object, _key, _itemID) { + const __ifxn_cartItemValue = function(_object, _key, _itemID) { for (__j = 1; __j <= _object.length; __j++) { if (_object[__j].id == _itemID) { return _object[__j][_key]; @@ -1507,7 +1718,7 @@ HotelTV.ui_appfull = (function() { } } - const __fxn_close_RsPopup = function(_fxn_post_process) { + const __ifxn_close_RsPopup = function(_fxn_post_process) { // 아이템 디스크립션(메뉴 오른쪽) 하이드 __uifxn_AppFull_DrawRoomservceItemDescription(false); @@ -1587,7 +1798,7 @@ HotelTV.ui_appfull = (function() { _state.hotkey.mm[_roomservice.button].status.button.idx = "details"; _elRsMnBtn.children('div#details').addClass("active"); } else if (_state.hotkey.mm[_roomservice.button].status.button.idx == "details") { - if (__fxn_cartEmpty(_carts.items) == false) { + if (__ifxn_cartEmpty(_carts.items) == false) { _state.hotkey.mm[_roomservice.button].status.button.idx = "order"; _elRsMnBtn.children('div#order').addClass("active"); } else { @@ -1633,7 +1844,7 @@ HotelTV.ui_appfull = (function() { //Hide Item Description Frame __uifxn_AppFull_DrawRoomservceItemDescription(false); - if (__fxn_cartEmpty(_carts.items) == false) { + if (__ifxn_cartEmpty(_carts.items) == false) { _state.hotkey.mm[_roomservice.button].status.button.idx = "order"; _elRsMnBtn.children('div#order').addClass("active"); } else { @@ -1695,7 +1906,7 @@ HotelTV.ui_appfull = (function() { if (_state.hotkey.mm[_roomservice.button].status.focus == "button") { switch (_state.hotkey.mm[_opening.roomService.button].status.button.idx) { case "cancel": - __fxn_close_RsPopup(_cbFxn); + __ifxn_close_RsPopup(_cbFxn); break; case "order": //Remove active class from menu buttons @@ -1773,7 +1984,7 @@ HotelTV.ui_appfull = (function() { // Hide Menu _elRsMnRoot.fadeIn(400); } else { - __fxn_close_RsPopup(_cbFxn); + __ifxn_close_RsPopup(_cbFxn); } break; } @@ -2598,7 +2809,7 @@ HotelTV.ui_appfull = (function() { }); $('#lst_mypagesel').on('translate.owl.carousel', function(event) { - const __fxn_getMyPaggeItemIndex = function(_object, _type) { + const __ifxn_getMyPaggeItemIndex = function(_object, _type) { for (__j = 1; __j <= _object.length; __j++) { if (_object[__j].type == _type) { return __j; @@ -2619,10 +2830,10 @@ HotelTV.ui_appfull = (function() { // MYPAGE서브 메뉴 인덱스 갱신 if (_mp_sm == "mpsel_accommodation") { - _state.menu.main[_mmIdx].cur = __fxn_getMyPaggeItemIndex(_mpinfo,'accommodation'); + _state.menu.main[_mmIdx].cur = __ifxn_getMyPaggeItemIndex(_mpinfo,'accommodation'); } else if (_mp_sm == "mpsel_message") { let __curMsgDspIdx = 0; - _state.menu.main[_mmIdx].cur = __fxn_getMyPaggeItemIndex(_mpinfo,'message'); + _state.menu.main[_mmIdx].cur = __ifxn_getMyPaggeItemIndex(_mpinfo,'message'); // 메시지 포커싱 if ('message' in Object.keys(_state.menu.main[_mmIdx])) { @@ -2637,7 +2848,7 @@ HotelTV.ui_appfull = (function() { $('.main>.mypage>.bg>.owl-carousel .owl-item #mp_msg_tblrec tr').removeClass('focus'); $('.main>.mypage>.bg>.owl-carousel .owl-item #mp_msg_tblrec tr').filter("[msgidx='" + __curMsgDspIdx + "']").addClass('focus'); } else if (_mp_sm == "mpsel_replaywelcome") { - _state.menu.main[_mmIdx].cur = __fxn_getMyPaggeItemIndex(_mpinfo,'replaywelcome'); + _state.menu.main[_mmIdx].cur = __ifxn_getMyPaggeItemIndex(_mpinfo,'replaywelcome'); } console.log("MYPAGE EVT(TRANSLATED) MYPAGE MENU::>" + _state.menu.main[_mmIdx].cur); @@ -2765,7 +2976,7 @@ HotelTV.ui_appfull = (function() { let _tvProg = _program[_mmIdx].categories; let _tvChitemAll = null; - const __fxn_getTvCtgAllId = function() { + const __ifxn_getTvCtgAllId = function() { for (let _ctgidx = 1; _ctgidx <= _tvProg.length; _ctgidx++) { if ( _tvProg[_ctgidx].name=="all" ){ return _ctgidx; @@ -2775,7 +2986,7 @@ HotelTV.ui_appfull = (function() { return 1; } - const __fxn_getTvIdxByChnumber = function(_dic_channel, _ch_num) { + const __ifxn_getTvIdxByChnumber = function(_dic_channel, _ch_num) { for (let _ctgidx = 1; _ctgidx <= _tvProg.length; _ctgidx++) { if ( _tvProg[_ctgidx].name=="all" ){ return _ctgidx; @@ -2785,11 +2996,11 @@ HotelTV.ui_appfull = (function() { return 1; } - const __fxn_getChItemValue = function(_object, _key) { + const __ifxn_getChItemValue = function(_object, _key) { return _object[_key]; } - const __fxn_updateLastChIdxState = function(_ch_number) { + const __ifxn_updateLastChIdxState = function(_ch_number) { let _state = HotelTV.state; let _mmIdx = _state.menu.main.cur; @@ -2842,7 +3053,7 @@ HotelTV.ui_appfull = (function() { }; // ALL 카테고리 TV채널 정보 가져오기 - _tvChitemAll = _tvProg[__fxn_getTvCtgAllId()].channels; + _tvChitemAll = _tvProg[__ifxn_getTvCtgAllId()].channels; try { let first_item = true; @@ -2861,7 +3072,7 @@ HotelTV.ui_appfull = (function() { { let _ChItem = _tvChitemAll[_idx]; - if ( __fxn_getChItemValue(_ChItem, "number").toString().includes( _tbl_keycode_to_num[_keyCode].toString())==true ) + if ( __ifxn_getChItemValue(_ChItem, "number").toString().includes( _tbl_keycode_to_num[_keyCode].toString())==true ) { var _elTr_ChtmesRec = document.createElement('tr'); var _elDiv_ChItmesRec = document.createElement('div'); @@ -2870,24 +3081,24 @@ HotelTV.ui_appfull = (function() { _elDiv_ChItmesRec.setAttribute("item_idx", _idx); if ( first_item==true ){ _state.tv.shortkey.ch_item_idx = _idx; - __fxn_updateLastChIdxState(__fxn_getChItemValue(_ChItem, "number")); + __ifxn_updateLastChIdxState(__ifxn_getChItemValue(_ChItem, "number")); first_item = false; } var _elDiv_ChItmesRecChIcon = document.createElement('div'); _elDiv_ChItmesRecChIcon.setAttribute("id", "logo"); - _elDiv_ChItmesRecChIcon.style.backgroundImage = "url('" + __fxn_getChItemValue(_ChItem, "logo").file.download + "')"; + _elDiv_ChItmesRecChIcon.style.backgroundImage = "url('" + __ifxn_getChItemValue(_ChItem, "logo").file.download + "')"; _elDiv_ChItmesRec.appendChild(_elDiv_ChItmesRecChIcon); // 채널 번호 var _elDiv_ChItmesRecChNum = document.createElement('div'); _elDiv_ChItmesRecChNum.setAttribute("id", "num"); - _elDiv_ChItmesRecChNum.textContent = __fxn_getChItemValue(_ChItem, "number"); + _elDiv_ChItmesRecChNum.textContent = __ifxn_getChItemValue(_ChItem, "number"); _elDiv_ChItmesRec.appendChild(_elDiv_ChItmesRecChNum); var _elDiv_ChItmesRecName = document.createElement('div'); _elDiv_ChItmesRecName.setAttribute("id", "title"); - _elDiv_ChItmesRecName.textContent = __fxn_getChItemValue(_ChItem, "title")[_state.lang]; + _elDiv_ChItmesRecName.textContent = __ifxn_getChItemValue(_ChItem, "title")[_state.lang]; _elDiv_ChItmesRec.appendChild(_elDiv_ChItmesRecName); _elTr_ChtmesRec.appendChild(_elDiv_ChItmesRec); @@ -2929,7 +3140,7 @@ HotelTV.ui_appfull = (function() { } // 채널 요청 - __uifxn_AppFull_TVRequestChannel(__fxn_getTvCtgAllId(), _state.tv.shortkey.ch_item_idx); + __uifxn_AppFull_TVRequestChannel(__ifxn_getTvCtgAllId(), _state.tv.shortkey.ch_item_idx); if ( _elTvScutRoot.css('display') != 'none') { _elTvScutRoot.fadeOut(500); @@ -2949,7 +3160,7 @@ HotelTV.ui_appfull = (function() { //_state.tv.shortkey.ch_item_idx = Number(selectedTblItem.children(".scitem").children("#num").text()); _state.tv.shortkey.ch_item_idx = Number(selectedTblItem.children(".scitem").attr("item_idx")); - __fxn_updateLastChIdxState(selectedTblItem.children(".scitem").children("#num").text()); + __ifxn_updateLastChIdxState(selectedTblItem.children(".scitem").children("#num").text()); // 스크롤이 필요한 경우 스크롤링 하기 let _scrollTopVal = _state.tv.shortkey.scroll_offset; @@ -2967,7 +3178,7 @@ HotelTV.ui_appfull = (function() { //_state.tv.shortkey.ch_item_idx = Number(selectedTblItem.children(".scitem").children("#num").text()); _state.tv.shortkey.ch_item_idx = Number(selectedTblItem.children(".scitem").attr("item_idx")); - __fxn_updateLastChIdxState(selectedTblItem.children(".scitem").children("#num").text()); + __ifxn_updateLastChIdxState(selectedTblItem.children(".scitem").children("#num").text()); // 스크롤이 필요한 경우 스크롤링 하기 let _scrollTopVal = _state.tv.shortkey.scroll_offset; @@ -3630,7 +3841,7 @@ HotelTV.ui_appfull = (function() { let _program = HotelTV.tvguide.program; let _tvProg = _program[_mmIdx].categories; - const __fxn_exitTvMenu = function() { + const __ifxn_exitTvMenu = function() { // 현재 재생중인 TV채널 종료 HotelTV.hcap.ChannelShutDown(); @@ -3665,7 +3876,7 @@ HotelTV.ui_appfull = (function() { }); } - const __fxn_moveTvChannel = function(_tvProgram, _action) { + const __ifxn_moveTvChannel = function(_tvProgram, _action) { let _mmIdx = _state.menu.main.cur; let _curChCtg = _state.menu.main[_mmIdx].cur; let _curChIdx = Number(_state.menu.main[_mmIdx][_curChCtg].cur); @@ -3852,15 +4063,15 @@ HotelTV.ui_appfull = (function() { $('#lst_tvCtgbg').trigger('next.owl', [1000]) } else if (event.keyCode == gRmtKey.up || event.keyCode == gRmtKey.chup) { // 채널 리스트 아이탬 이동(UP) - __fxn_moveTvChannel(_tvProg, "ch_up"); + __ifxn_moveTvChannel(_tvProg, "ch_up"); } else if (event.keyCode == gRmtKey.down || event.keyCode == gRmtKey.chdown) { // 채널 리스트 아이탬 이동(DOWN) - __fxn_moveTvChannel(_tvProg, "ch_down"); + __ifxn_moveTvChannel(_tvProg, "ch_down"); } else if (event.keyCode == gRmtKey.enter) { // TV채널 플레이 } else if (event.keyCode == gRmtKey.back) { // TV 메뉴를 종료하고 메인 메뉴로 이동 - __fxn_exitTvMenu(); + __ifxn_exitTvMenu(); } else if ( __uifxn_Utils_CheckKeyisNumber(event.keyCode)==true ){ //Navigate TV shortcut lists if ( __uifxn_AppFull_TVDrawShortCutList(true, "build", event.keyCode)==0 ){ @@ -3871,13 +4082,13 @@ HotelTV.ui_appfull = (function() { } else if (_state.menu.stage.cur == "tvCtgHide") { if (event.keyCode == gRmtKey.chup) { // 채널 리스트 아이탬 이동(CHUP) - __fxn_moveTvChannel(_tvProg, "ch_up"); + __ifxn_moveTvChannel(_tvProg, "ch_up"); } else if (event.keyCode == gRmtKey.chdown) { // 채널 리스트 아이탬 이동(CHDOWN) - __fxn_moveTvChannel(_tvProg, "ch_down"); + __ifxn_moveTvChannel(_tvProg, "ch_down"); } else if (event.keyCode == gRmtKey.back) { // TV 메뉴를 종료하고 메인 메뉴로 이동 - __fxn_exitTvMenu(); + __ifxn_exitTvMenu(); } else if ( __uifxn_Utils_CheckKeyisNumber(event.keyCode)==true ) { //Navigate TV shortcut lists if ( __uifxn_AppFull_TVDrawShortCutList(true, "build", event.keyCode)==0 ){ @@ -3891,7 +4102,7 @@ HotelTV.ui_appfull = (function() { // console.log("TV shortcut routine: key:" + event.keyCode); if (event.keyCode == gRmtKey.back) { // TV 메뉴를 종료하고 메인 메뉴로 이동 - //__fxn_exitTvMenu(); + //__ifxn_exitTvMenu(); __uifxn_AppFull_TVDrawShortCutList(false, "exitWithoutChchange", event.keyCode); _state.menu.stage.cur = _state.menu.stage.prev; _state.menu.stage.prev = null; @@ -4260,7 +4471,7 @@ HotelTV.ui_appfull = (function() { const _state = HotelTV.state; const _guest = HotelTV.guestinfo; let _trTbl = HotelTV.translation; - const _get_unread_msgCnt = function(_object) { + const __ifxn_get_unread_msgCnt = function(_object) { let _msg_unread_cnt = 0; for (__j = 1; __j <= _object.length; __j++) { if (_object[__j].read == false) { @@ -4270,7 +4481,7 @@ HotelTV.ui_appfull = (function() { return _msg_unread_cnt; } - _msgCnt = _get_unread_msgCnt(HotelTV.message); + _msgCnt = __ifxn_get_unread_msgCnt(HotelTV.message); if (_msgCnt > 0) { $('.widjet .top .message #unread_cnt').text(_msgCnt.toString()); $('.widjet .top .message').show(); @@ -4554,7 +4765,7 @@ HotelTV.ui_appfull = (function() { let _state = HotelTV.state; let _mmcnt = 0; - const _get_weather_def_location = function() { + const __ifxn_get_weather_def_location = function() { let _found = false; for (__j = 1; __j <= _program.length; __j++) { if (_program[__j].type == "weather" || _program[__j].widget==true ) { @@ -4624,7 +4835,7 @@ HotelTV.ui_appfull = (function() { } // 디폴트 로케이션 설정 - if ( _get_weather_def_location()==true ){ + if ( __ifxn_get_weather_def_location()==true ){ _weather = HotelTV.weather[_state.weather.default_location]; } @@ -4683,7 +4894,7 @@ HotelTV.ui_appfull = (function() { __uifxn_AppFull_TopWidjetShow(true); //Weather Contents Buildup - if ( _get_weather_def_location()==true ){ + if ( __ifxn_get_weather_def_location()==true ){ if ( Object.keys(_state.weather.default_location).length != 0 ){ __uifxn_AppFull_BuildWeather(); } diff --git a/procentric/application/lib/lightslider.js b/procentric/application/lib/lightslider.js deleted file mode 100755 index 4a95d62..0000000 --- a/procentric/application/lib/lightslider.js +++ /dev/null @@ -1,1145 +0,0 @@ -(function($, undefined) { - 'use strict'; - var defaults = { - item: 3, - autoWidth: false, - slideMove: 1, - slideMargin: 10, - addClass: '', - mode: 'slide', - useCSS: true, - cssEasing: 'ease', //'cubic-bezier(0.25, 0, 0.25, 1)', - easing: 'linear', //'for jquery animation',// - speed: 400, //ms' - auto: false, - pauseOnHover: false, - loop: false, - slideEndAnimation: true, - pause: 2000, - keyPress: false, - controls: true, - prevHtml: '', - nextHtml: '', - rtl: false, - adaptiveHeight: false, - vertical: false, - verticalHeight: 500, - vThumbWidth: 100, - thumbItem: 10, - pager: true, - gallery: false, - galleryMargin: 5, - thumbMargin: 5, - currentPagerPosition: 'middle', - enableTouch: true, - enableDrag: true, - freeMove: true, - swipeThreshold: 40, - responsive: [], - /* jshint ignore:start */ - onBeforeStart: function($el) {}, - onSliderLoad: function($el) {}, - onBeforeSlide: function($el, scene) {}, - onAfterSlide: function($el, scene) {}, - onBeforeNextSlide: function($el, scene) {}, - onBeforePrevSlide: function($el, scene) {} - /* jshint ignore:end */ - }; - $.fn.lightSlider = function(options) { - if (this.length === 0) { - return this; - } - - if (this.length > 1) { - this.each(function() { - $(this).lightSlider(options); - }); - return this; - } - - var plugin = {}, - settings = $.extend(true, {}, defaults, options), - settingsTemp = {}, - $el = this; - plugin.$el = this; - - if (settings.mode === 'fade') { - settings.vertical = false; - } - var $children = $el.children(), - windowW = $(window).width(), - breakpoint = null, - resposiveObj = null, - length = 0, - w = 0, - on = false, - elSize = 0, - $slide = '', - scene = 0, - property = (settings.vertical === true) ? 'height' : 'width', - gutter = (settings.vertical === true) ? 'margin-bottom' : 'margin-right', - slideValue = 0, - pagerWidth = 0, - slideWidth = 0, - thumbWidth = 0, - interval = null, - isTouch = ('ontouchstart' in document.documentElement); - var refresh = {}; - - refresh.chbreakpoint = function() { - windowW = $(window).width(); - if (settings.responsive.length) { - var item; - if (settings.autoWidth === false) { - item = settings.item; - } - if (windowW < settings.responsive[0].breakpoint) { - for (var i = 0; i < settings.responsive.length; i++) { - if (windowW < settings.responsive[i].breakpoint) { - breakpoint = settings.responsive[i].breakpoint; - resposiveObj = settings.responsive[i]; - } - } - } - if (typeof resposiveObj !== 'undefined' && resposiveObj !== null) { - for (var j in resposiveObj.settings) { - if (resposiveObj.settings.hasOwnProperty(j)) { - if (typeof settingsTemp[j] === 'undefined' || settingsTemp[j] === null) { - settingsTemp[j] = settings[j]; - } - settings[j] = resposiveObj.settings[j]; - } - } - } - if (!$.isEmptyObject(settingsTemp) && windowW > settings.responsive[0].breakpoint) { - for (var k in settingsTemp) { - if (settingsTemp.hasOwnProperty(k)) { - settings[k] = settingsTemp[k]; - } - } - } - if (settings.autoWidth === false) { - if (slideValue > 0 && slideWidth > 0) { - if (item !== settings.item) { - scene = Math.round(slideValue / ((slideWidth + settings.slideMargin) * settings.slideMove)); - } - } - } - } - }; - - refresh.calSW = function() { - if (settings.autoWidth === false) { - slideWidth = (elSize - ((settings.item * (settings.slideMargin)) - settings.slideMargin)) / settings.item; - } - }; - - refresh.calWidth = function(cln) { - var ln = cln === true ? $slide.find('.lslide').length : $children.length; - if (settings.autoWidth === false) { - w = ln * (slideWidth + settings.slideMargin); - } else { - w = 0; - for (var i = 0; i < ln; i++) { - w += (parseInt($children.eq(i).width()) + settings.slideMargin); - } - } - return w; - }; - plugin = { - doCss: function() { - var support = function() { - var transition = ['transition', 'MozTransition', 'WebkitTransition', 'OTransition', 'msTransition', 'KhtmlTransition']; - var root = document.documentElement; - for (var i = 0; i < transition.length; i++) { - if (transition[i] in root.style) { - return true; - } - } - }; - if (settings.useCSS && support()) { - return true; - } - return false; - }, - keyPress: function() { - if (settings.keyPress) { - $(document).on('keyup.lightslider', function(e) { - if (settings.keyPress == true) { - if (!$(':focus').is('input, textarea')) { - if (e.preventDefault) { - e.preventDefault(); - } else { - e.returnValue = false; - } - if (e.keyCode === 37) { - $el.goToPrevSlide(); - } else if (e.keyCode === 39) { - $el.goToNextSlide(); - } - } - } - }); - } - }, - controls: function() { - if (settings.controls) { - $el.after('
' + settings.prevHtml + '' + settings.nextHtml + '
'); - if (!settings.autoWidth) { - if (length <= settings.item) { - $slide.find('.lSAction').hide(); - } - } else { - if (refresh.calWidth(false) < elSize) { - $slide.find('.lSAction').hide(); - } - } - $slide.find('.lSAction a').on('click', function(e) { - if (e.preventDefault) { - e.preventDefault(); - } else { - e.returnValue = false; - } - if ($(this).attr('class') === 'lSPrev') { - $el.goToPrevSlide(); - } else { - $el.goToNextSlide(); - } - return false; - }); - } - }, - initialStyle: function() { - var $this = this; - if (settings.mode === 'fade') { - settings.autoWidth = false; - settings.slideEndAnimation = false; - } - if (settings.auto) { - settings.slideEndAnimation = false; - } - if (settings.autoWidth) { - settings.slideMove = 1; - settings.item = 1; - } - if (settings.loop) { - settings.slideMove = 1; - settings.freeMove = false; - } - settings.onBeforeStart.call(this, $el); - refresh.chbreakpoint(); - $el.addClass('lightSlider').wrap('
'); - $slide = $el.parent('.lSSlideWrapper'); - if (settings.rtl === true) { - $slide.parent().addClass('lSrtl'); - } - if (settings.vertical) { - $slide.parent().addClass('vertical'); - elSize = settings.verticalHeight; - $slide.css('height', elSize + 'px'); - } else { - elSize = $el.outerWidth(); - } - $children.addClass('lslide'); - if (settings.loop === true && settings.mode === 'slide') { - refresh.calSW(); - refresh.clone = function() { - if (refresh.calWidth(true) > elSize) { - /**/ - var tWr = 0, - tI = 0; - for (var k = 0; k < $children.length; k++) { - tWr += (parseInt($el.find('.lslide').eq(k).width()) + settings.slideMargin); - tI++; - if (tWr >= (elSize + settings.slideMargin)) { - break; - } - } - var tItem = settings.autoWidth === true ? tI : settings.item; - - /**/ - if (tItem < $el.find('.clone.left').length) { - for (var i = 0; i < $el.find('.clone.left').length - tItem; i++) { - $children.eq(i).remove(); - } - } - if (tItem < $el.find('.clone.right').length) { - for (var j = $children.length - 1; j > ($children.length - 1 - $el.find('.clone.right').length); j--) { - scene--; - $children.eq(j).remove(); - } - } - /**/ - for (var n = $el.find('.clone.right').length; n < tItem; n++) { - $el.find('.lslide').eq(n).clone().removeClass('lslide').addClass('clone right').appendTo($el); - scene++; - } - for (var m = $el.find('.lslide').length - $el.find('.clone.left').length; m > ($el.find('.lslide').length - tItem); m--) { - $el.find('.lslide').eq(m - 1).clone().removeClass('lslide').addClass('clone left').prependTo($el); - } - $children = $el.children(); - } else { - if ($children.hasClass('clone')) { - $el.find('.clone').remove(); - $this.move($el, 0); - } - } - }; - refresh.clone(); - } - refresh.sSW = function() { - length = $children.length; - if (settings.rtl === true && settings.vertical === false) { - gutter = 'margin-left'; - } - if (settings.autoWidth === false) { - $children.css(property, slideWidth + 'px'); - } - $children.css(gutter, settings.slideMargin + 'px'); - w = refresh.calWidth(false); - $el.css(property, w + 'px'); - if (settings.loop === true && settings.mode === 'slide') { - if (on === false) { - scene = $el.find('.clone.left').length; - } - } - }; - refresh.calL = function() { - $children = $el.children(); - length = $children.length; - }; - if (this.doCss()) { - $slide.addClass('usingCss'); - } - refresh.calL(); - if (settings.mode === 'slide') { - refresh.calSW(); - refresh.sSW(); - if (settings.loop === true) { - slideValue = $this.slideValue(); - this.move($el, slideValue); - } - if (settings.vertical === false) { - this.setHeight($el, false); - } - - } else { - this.setHeight($el, true); - $el.addClass('lSFade'); - if (!this.doCss()) { - $children.fadeOut(0); - $children.eq(scene).fadeIn(0); - } - } - if (settings.loop === true && settings.mode === 'slide') { - $children.eq(scene).addClass('active'); - } else { - $children.first().addClass('active'); - } - }, - pager: function() { - var $this = this; - refresh.createPager = function() { - thumbWidth = (elSize - ((settings.thumbItem * (settings.thumbMargin)) - settings.thumbMargin)) / settings.thumbItem; - var $children = $slide.find('.lslide'); - var length = $slide.find('.lslide').length; - var i = 0, - pagers = '', - v = 0; - for (i = 0; i < length; i++) { - if (settings.mode === 'slide') { - // calculate scene * slide value - if (!settings.autoWidth) { - v = i * ((slideWidth + settings.slideMargin) * settings.slideMove); - } else { - v += ((parseInt($children.eq(i).width()) + settings.slideMargin) * settings.slideMove); - } - } - var thumb = $children.eq(i * settings.slideMove).attr('data-thumb'); - if (settings.gallery === true) { - pagers += '
    • '; - } else { - pagers += '
  • ' + (i + 1) + '
    • '; - } - if (settings.mode === 'slide') { - if ((v) >= w - elSize - settings.slideMargin) { - i = i + 1; - var minPgr = 2; - if (settings.autoWidth) { - pagers += '
  • ' + (i + 1) + '
    • '; - minPgr = 1; - } - if (i < minPgr) { - pagers = null; - $slide.parent().addClass('noPager'); - } else { - $slide.parent().removeClass('noPager'); - } - break; - } - } - } - var $cSouter = $slide.parent(); - $cSouter.find('.lSPager').html(pagers); - if (settings.gallery === true) { - if (settings.vertical === true) { - // set Gallery thumbnail width - $cSouter.find('.lSPager').css('width', settings.vThumbWidth + 'px'); - } - pagerWidth = (i * (settings.thumbMargin + thumbWidth)) + 0.5; - $cSouter.find('.lSPager').css({ - property: pagerWidth + 'px', - 'transition-duration': settings.speed + 'ms' - }); - if (settings.vertical === true) { - $slide.parent().css('padding-right', (settings.vThumbWidth + settings.galleryMargin) + 'px'); - } - $cSouter.find('.lSPager').css(property, pagerWidth + 'px'); - } - var $pager = $cSouter.find('.lSPager').find('li'); - $pager.first().addClass('active'); - $pager.on('click', function() { - if (settings.loop === true && settings.mode === 'slide') { - scene = scene + ($pager.index(this) - $cSouter.find('.lSPager').find('li.active').index()); - } else { - scene = $pager.index(this); - } - $el.mode(false); - if (settings.gallery === true) { - $this.slideThumb(); - } - return false; - }); - }; - if (settings.pager) { - var cl = 'lSpg'; - if (settings.gallery) { - cl = 'lSGallery'; - } - $slide.after(''); - var gMargin = (settings.vertical) ? 'margin-left' : 'margin-top'; - $slide.parent().find('.lSPager').css(gMargin, settings.galleryMargin + 'px'); - refresh.createPager(); - } - - setTimeout(function() { - refresh.init(); - }, 0); - }, - setHeight: function(ob, fade) { - var obj = null, - $this = this; - if (settings.loop) { - obj = ob.children('.lslide ').first(); - } else { - obj = ob.children().first(); - } - var setCss = function() { - var tH = obj.outerHeight(), - tP = 0, - tHT = tH; - if (fade) { - tH = 0; - tP = ((tHT) * 100) / elSize; - } - ob.css({ - 'height': tH + 'px', - 'padding-bottom': tP + '%' - }); - }; - setCss(); - if (obj.find('img').length) { - if (obj.find('img')[0].complete) { - setCss(); - if (!interval) { - $this.auto(); - } - } else { - obj.find('img').on('load', function() { - setTimeout(function() { - setCss(); - if (!interval) { - $this.auto(); - } - }, 100); - }); - } - } else { - if (!interval) { - $this.auto(); - } - } - }, - active: function(ob, t) { - if (this.doCss() && settings.mode === 'fade') { - $slide.addClass('on'); - } - var sc = 0; - if (scene * settings.slideMove < length) { - ob.removeClass('active'); - if (!this.doCss() && settings.mode === 'fade' && t === false) { - ob.fadeOut(settings.speed); - } - if (t === true) { - sc = scene; - } else { - sc = scene * settings.slideMove; - } - //t === true ? sc = scene : sc = scene * settings.slideMove; - var l, nl; - if (t === true) { - l = ob.length; - nl = l - 1; - if (sc + 1 >= l) { - sc = nl; - } - } - if (settings.loop === true && settings.mode === 'slide') { - //t === true ? sc = scene - $el.find('.clone.left').length : sc = scene * settings.slideMove; - if (t === true) { - sc = scene - $el.find('.clone.left').length; - } else { - sc = scene * settings.slideMove; - } - if (t === true) { - l = ob.length; - nl = l - 1; - if (sc + 1 === l) { - sc = nl; - } else if (sc + 1 > l) { - sc = 0; - } - } - } - - if (!this.doCss() && settings.mode === 'fade' && t === false) { - ob.eq(sc).fadeIn(settings.speed); - } - ob.eq(sc).addClass('active'); - } else { - ob.removeClass('active'); - ob.eq(ob.length - 1).addClass('active'); - if (!this.doCss() && settings.mode === 'fade' && t === false) { - ob.fadeOut(settings.speed); - ob.eq(sc).fadeIn(settings.speed); - } - } - }, - move: function(ob, v) { - if (settings.rtl === true) { - v = -v; - } - if (this.doCss()) { - if (settings.vertical === true) { - ob.css({ - 'transform': 'translate3d(0px, ' + (-v) + 'px, 0px)', - '-webkit-transform': 'translate3d(0px, ' + (-v) + 'px, 0px)' - }); - } else { - ob.css({ - 'transform': 'translate3d(' + (-v) + 'px, 0px, 0px)', - '-webkit-transform': 'translate3d(' + (-v) + 'px, 0px, 0px)', - }); - } - } else { - if (settings.vertical === true) { - ob.css('position', 'relative').animate({ - top: -v + 'px' - }, settings.speed, settings.easing); - } else { - ob.css('position', 'relative').animate({ - left: -v + 'px' - }, settings.speed, settings.easing); - } - } - var $thumb = $slide.parent().find('.lSPager').find('li'); - this.active($thumb, true); - }, - fade: function() { - this.active($children, false); - var $thumb = $slide.parent().find('.lSPager').find('li'); - this.active($thumb, true); - }, - slide: function() { - var $this = this; - refresh.calSlide = function() { - if (w > elSize) { - slideValue = $this.slideValue(); - $this.active($children, false); - if ((slideValue) > w - elSize - settings.slideMargin) { - slideValue = w - elSize - settings.slideMargin; - } else if (slideValue < 0) { - slideValue = 0; - } - $this.move($el, slideValue); - if (settings.loop === true && settings.mode === 'slide') { - if (scene >= (length - ($el.find('.clone.left').length / settings.slideMove))) { - $this.resetSlide($el.find('.clone.left').length); - } - if (scene === 0) { - $this.resetSlide($slide.find('.lslide').length); - } - } - } - }; - refresh.calSlide(); - }, - resetSlide: function(s) { - var $this = this; - $slide.find('.lSAction a').addClass('disabled'); - setTimeout(function() { - scene = s; - $slide.css('transition-duration', '0ms'); - slideValue = $this.slideValue(); - $this.active($children, false); - plugin.move($el, slideValue); - setTimeout(function() { - $slide.css('transition-duration', settings.speed + 'ms'); - $slide.find('.lSAction a').removeClass('disabled'); - }, 10); - }, settings.speed + 50); - }, - slideValue: function() { - var _sV = 0; - if (settings.autoWidth === false) { - _sV = scene * ((slideWidth + settings.slideMargin) * settings.slideMove); - } else { - _sV = 0; - for (var i = 0; i < scene; i++) { - _sV += (parseInt($children.eq(i).width()) + settings.slideMargin); - } - } - return _sV; - }, - slideThumb: function() { - var position; - switch (settings.currentPagerPosition) { - case 'left': - position = 0; - break; - case 'middle': - position = (elSize / 2) - (thumbWidth / 2); - break; - case 'right': - position = elSize - thumbWidth; - } - var sc = scene - $el.find('.clone.left').length; - var $pager = $slide.parent().find('.lSPager'); - if (settings.mode === 'slide' && settings.loop === true) { - if (sc >= $pager.children().length) { - sc = 0; - } else if (sc < 0) { - sc = $pager.children().length; - } - } - var thumbSlide = sc * ((thumbWidth + settings.thumbMargin)) - (position); - if ((thumbSlide + elSize) > pagerWidth) { - thumbSlide = pagerWidth - elSize - settings.thumbMargin; - } - if (thumbSlide < 0) { - thumbSlide = 0; - } - this.move($pager, thumbSlide); - }, - auto: function() { - if (settings.auto) { - clearInterval(interval); - interval = setInterval(function() { - $el.goToNextSlide(); - }, settings.pause); - } - }, - pauseOnHover: function() { - var $this = this; - if (settings.auto && settings.pauseOnHover) { - $slide.on('mouseenter', function() { - $(this).addClass('ls-hover'); - $el.pause(); - settings.auto = true; - }); - $slide.on('mouseleave', function() { - $(this).removeClass('ls-hover'); - if (!$slide.find('.lightSlider').hasClass('lsGrabbing')) { - $this.auto(); - } - }); - } - }, - touchMove: function(endCoords, startCoords) { - $slide.css('transition-duration', '0ms'); - if (settings.mode === 'slide') { - var distance = endCoords - startCoords; - var swipeVal = slideValue - distance; - if ((swipeVal) >= w - elSize - settings.slideMargin) { - if (settings.freeMove === false) { - swipeVal = w - elSize - settings.slideMargin; - } else { - var swipeValT = w - elSize - settings.slideMargin; - swipeVal = swipeValT + ((swipeVal - swipeValT) / 5); - - } - } else if (swipeVal < 0) { - if (settings.freeMove === false) { - swipeVal = 0; - } else { - swipeVal = swipeVal / 5; - } - } - this.move($el, swipeVal); - } - }, - - touchEnd: function(distance) { - $slide.css('transition-duration', settings.speed + 'ms'); - if (settings.mode === 'slide') { - var mxVal = false; - var _next = true; - slideValue = slideValue - distance; - if ((slideValue) > w - elSize - settings.slideMargin) { - slideValue = w - elSize - settings.slideMargin; - if (settings.autoWidth === false) { - mxVal = true; - } - } else if (slideValue < 0) { - slideValue = 0; - } - var gC = function(next) { - var ad = 0; - if (!mxVal) { - if (next) { - ad = 1; - } - } - if (!settings.autoWidth) { - var num = slideValue / ((slideWidth + settings.slideMargin) * settings.slideMove); - scene = parseInt(num) + ad; - if (slideValue >= (w - elSize - settings.slideMargin)) { - if (num % 1 !== 0) { - scene++; - } - } - } else { - var tW = 0; - for (var i = 0; i < $children.length; i++) { - tW += (parseInt($children.eq(i).width()) + settings.slideMargin); - scene = i + ad; - if (tW >= slideValue) { - break; - } - } - } - }; - if (distance >= settings.swipeThreshold) { - gC(false); - _next = false; - } else if (distance <= -settings.swipeThreshold) { - gC(true); - _next = false; - } - $el.mode(_next); - this.slideThumb(); - } else { - if (distance >= settings.swipeThreshold) { - $el.goToPrevSlide(); - } else if (distance <= -settings.swipeThreshold) { - $el.goToNextSlide(); - } - } - }, - - - - enableDrag: function() { - var $this = this; - if (!isTouch) { - var startCoords = 0, - endCoords = 0, - isDraging = false; - $slide.find('.lightSlider').addClass('lsGrab'); - $slide.on('mousedown', function(e) { - if (w < elSize) { - if (w !== 0) { - return false; - } - } - if ($(e.target).attr('class') !== ('lSPrev') && $(e.target).attr('class') !== ('lSNext')) { - startCoords = (settings.vertical === true) ? e.pageY : e.pageX; - isDraging = true; - if (e.preventDefault) { - e.preventDefault(); - } else { - e.returnValue = false; - } - // ** Fix for webkit cursor issue https://code.google.com/p/chromium/issues/detail?id=26723 - $slide.scrollLeft += 1; - $slide.scrollLeft -= 1; - // * - $slide.find('.lightSlider').removeClass('lsGrab').addClass('lsGrabbing'); - clearInterval(interval); - } - }); - $(window).on('mousemove', function(e) { - if (isDraging) { - endCoords = (settings.vertical === true) ? e.pageY : e.pageX; - $this.touchMove(endCoords, startCoords); - } - }); - $(window).on('mouseup', function(e) { - if (isDraging) { - $slide.find('.lightSlider').removeClass('lsGrabbing').addClass('lsGrab'); - isDraging = false; - endCoords = (settings.vertical === true) ? e.pageY : e.pageX; - var distance = endCoords - startCoords; - if (Math.abs(distance) >= settings.swipeThreshold) { - $(window).on('click.ls', function(e) { - if (e.preventDefault) { - e.preventDefault(); - } else { - e.returnValue = false; - } - e.stopImmediatePropagation(); - e.stopPropagation(); - $(window).off('click.ls'); - }); - } - - $this.touchEnd(distance); - - } - }); - } - }, - - - - - enableTouch: function() { - var $this = this; - if (isTouch) { - var startCoords = {}, - endCoords = {}; - $slide.on('touchstart', function(e) { - endCoords = e.originalEvent.targetTouches[0]; - startCoords.pageX = e.originalEvent.targetTouches[0].pageX; - startCoords.pageY = e.originalEvent.targetTouches[0].pageY; - clearInterval(interval); - }); - $slide.on('touchmove', function(e) { - if (w < elSize) { - if (w !== 0) { - return false; - } - } - var orig = e.originalEvent; - endCoords = orig.targetTouches[0]; - var xMovement = Math.abs(endCoords.pageX - startCoords.pageX); - var yMovement = Math.abs(endCoords.pageY - startCoords.pageY); - if (settings.vertical === true) { - if ((yMovement * 3) > xMovement) { - e.preventDefault(); - } - $this.touchMove(endCoords.pageY, startCoords.pageY); - } else { - if ((xMovement * 3) > yMovement) { - e.preventDefault(); - } - $this.touchMove(endCoords.pageX, startCoords.pageX); - } - - }); - $slide.on('touchend', function() { - if (w < elSize) { - if (w !== 0) { - return false; - } - } - var distance; - if (settings.vertical === true) { - distance = endCoords.pageY - startCoords.pageY; - } else { - distance = endCoords.pageX - startCoords.pageX; - } - $this.touchEnd(distance); - }); - } - }, - build: function() { - var $this = this; - $this.initialStyle(); - if (this.doCss()) { - - if (settings.enableTouch === true) { - $this.enableTouch(); - } - if (settings.enableDrag === true) { - $this.enableDrag(); - } - } - - $(window).on('focus', function() { - $this.auto(); - }); - - $(window).on('blur', function() { - clearInterval(interval); - }); - - $this.pager(); - $this.pauseOnHover(); - $this.controls(); - $this.keyPress(); - } - }; - plugin.build(); - refresh.init = function() { - refresh.chbreakpoint(); - if (settings.vertical === true) { - if (settings.item > 1) { - elSize = settings.verticalHeight; - } else { - elSize = $children.outerHeight(); - } - $slide.css('height', elSize + 'px'); - } else { - elSize = $slide.outerWidth(); - } - if (settings.loop === true && settings.mode === 'slide') { - refresh.clone(); - } - refresh.calL(); - if (settings.mode === 'slide') { - $el.removeClass('lSSlide'); - } - if (settings.mode === 'slide') { - refresh.calSW(); - refresh.sSW(); - } - setTimeout(function() { - if (settings.mode === 'slide') { - $el.addClass('lSSlide'); - } - }, 1000); - if (settings.pager) { - refresh.createPager(); - } - if (settings.adaptiveHeight === true && settings.vertical === false) { - $el.css('height', $children.eq(scene).outerHeight(true)); - } - if (settings.adaptiveHeight === false) { - if (settings.mode === 'slide') { - if (settings.vertical === false) { - plugin.setHeight($el, false); - } else { - plugin.auto(); - } - } else { - plugin.setHeight($el, true); - } - } - if (settings.gallery === true) { - plugin.slideThumb(); - } - if (settings.mode === 'slide') { - plugin.slide(); - } - if (settings.autoWidth === false) { - if ($children.length <= settings.item) { - $slide.find('.lSAction').hide(); - } else { - $slide.find('.lSAction').show(); - } - } else { - if ((refresh.calWidth(false) < elSize) && (w !== 0)) { - $slide.find('.lSAction').hide(); - } else { - $slide.find('.lSAction').show(); - } - } - }; - $el.skipKeyEvent = function(_en) { - settings.keyPress = (_en == true) ? false : true; - }; - $el.goToPrevSlide = function() { - if (scene > 0) { - settings.onBeforePrevSlide.call(this, $el, scene); - scene--; - $el.mode(false); - if (settings.gallery === true) { - plugin.slideThumb(); - } - } else { - if (settings.loop === true) { - settings.onBeforePrevSlide.call(this, $el, scene); - if (settings.mode === 'fade') { - var l = (length - 1); - scene = parseInt(l / settings.slideMove); - } - $el.mode(false); - if (settings.gallery === true) { - plugin.slideThumb(); - } - } else if (settings.slideEndAnimation === true) { - $el.addClass('leftEnd'); - setTimeout(function() { - $el.removeClass('leftEnd'); - }, 10); - } - } - }; - $el.goToNextSlide = function() { - var nextI = true; - if (settings.mode === 'slide') { - var _slideValue = plugin.slideValue(); - nextI = _slideValue < w - elSize - settings.slideMargin; - } - if (((scene * settings.slideMove) < length - settings.slideMove) && nextI) { - settings.onBeforeNextSlide.call(this, $el, scene); - scene++; - $el.mode(false); - if (settings.gallery === true) { - plugin.slideThumb(); - } - } else { - if (settings.loop === true) { - settings.onBeforeNextSlide.call(this, $el, scene); - scene = 0; - $el.mode(false); - if (settings.gallery === true) { - plugin.slideThumb(); - } - } else if (settings.slideEndAnimation === true) { - $el.addClass('rightEnd'); - setTimeout(function() { - $el.removeClass('rightEnd'); - }, 10); - } - } - }; - $el.mode = function(_touch) { - if (settings.adaptiveHeight === true && settings.vertical === false) { - $el.css('height', $children.eq(scene).outerHeight(true)); - } - if (on === false) { - if (settings.mode === 'slide') { - if (plugin.doCss()) { - $el.addClass('lSSlide'); - if (settings.speed !== '') { - $slide.css('transition-duration', settings.speed + 'ms'); - } - if (settings.cssEasing !== '') { - $slide.css('transition-timing-function', settings.cssEasing); - } - } - } else { - if (plugin.doCss()) { - if (settings.speed !== '') { - $el.css('transition-duration', settings.speed + 'ms'); - } - if (settings.cssEasing !== '') { - $el.css('transition-timing-function', settings.cssEasing); - } - } - } - } - if (!_touch) { - settings.onBeforeSlide.call(this, $el, scene); - } - if (settings.mode === 'slide') { - plugin.slide(); - } else { - plugin.fade(); - } - if (!$slide.hasClass('ls-hover')) { - plugin.auto(); - } - setTimeout(function() { - if (!_touch) { - settings.onAfterSlide.call(this, $el, scene); - } - }, settings.speed); - on = true; - }; - $el.play = function() { - $el.goToNextSlide(); - settings.auto = true; - plugin.auto(); - }; - $el.pause = function() { - settings.auto = false; - clearInterval(interval); - }; - $el.refresh = function() { - refresh.init(); - }; - $el.getCurrentSlideCount = function() { - var sc = scene; - if (settings.loop) { - var ln = $slide.find('.lslide').length, - cl = $el.find('.clone.left').length; - if (scene <= cl - 1) { - sc = ln + (scene - cl); - } else if (scene >= (ln + cl)) { - sc = scene - ln - cl; - } else { - sc = scene - cl; - } - } - return sc + 1; - }; - $el.getTotalSlideCount = function() { - return $slide.find('.lslide').length; - }; - $el.goToSlide = function(s) { - if (settings.loop) { - scene = (s + $el.find('.clone.left').length - 1); - } else { - scene = s; - } - $el.mode(false); - if (settings.gallery === true) { - plugin.slideThumb(); - } - }; - $el.destroy = function() { - if ($el.lightSlider) { - $el.goToPrevSlide = function() {}; - $el.goToNextSlide = function() {}; - $el.mode = function() {}; - $el.play = function() {}; - $el.pause = function() {}; - $el.refresh = function() {}; - $el.getCurrentSlideCount = function() {}; - $el.getTotalSlideCount = function() {}; - $el.goToSlide = function() {}; - $el.lightSlider = null; - refresh = { - init: function() {} - }; - $el.parent().parent().find('.lSAction, .lSPager').remove(); - $el.removeClass('lightSlider lSFade lSSlide lsGrab lsGrabbing leftEnd right').removeAttr('style').unwrap().unwrap(); - $el.children().removeAttr('style'); - $children.removeClass('lslide active'); - $el.find('.clone').remove(); - $children = null; - interval = null; - on = false; - scene = 0; - } - - }; - setTimeout(function() { - settings.onSliderLoad.call(this, $el); - }, 10); - $(window).on('resize orientationchange', function(e) { - setTimeout(function() { - if (e.preventDefault) { - e.preventDefault(); - } else { - e.returnValue = false; - } - refresh.init(); - }, 200); - }); - return this; - }; -}(jQuery)); \ No newline at end of file diff --git a/procentric/application/lib/mqtt.min.js.zip b/procentric/application/lib/mqtt.min.js.zip deleted file mode 100755 index 12ddca5..0000000 Binary files a/procentric/application/lib/mqtt.min.js.zip and /dev/null differ diff --git a/procentric/application/lib/tiny-slider.helper.ie8.js b/procentric/application/lib/tiny-slider.helper.ie8.js deleted file mode 100755 index e048532..0000000 --- a/procentric/application/lib/tiny-slider.helper.ie8.js +++ /dev/null @@ -1,2 +0,0 @@ -Array.prototype.forEach||(Array.prototype.forEach=function(e,t){for(var n=this.length>>>0,r=0;r>>0;if("function"!=typeof e)throw new TypeError;for(var n=new Array(t),r=arguments[1],o=0;o= 0 ? JSON.parse(value) : value; - } - - function setLocalStorage(storage, key, value, access) { - if (access) { - try { storage.setItem(key, value); } catch (e) {} - } - return value; - } - - function getSlideId() { - let id = window.tnsId; - window.tnsId = !id ? 1 : id + 1; - - return 'tns' + window.tnsId; - } - - function getBody() { - let doc = document, - body = doc.body; - - if (!body) { - body = doc.createElement('body'); - body.fake = true; - } - - return body; - } - - let docElement = document.documentElement; - - function setFakeBody(body) { - let docOverflow = ''; - if (body.fake) { - docOverflow = docElement.style.overflow; - //avoid crashing IE8, if background image is used - body.style.background = ''; - //Safari 5.13/5.1.4 OSX stops loading if ::-webkit-scrollbar is used and scrollbars are visible - body.style.overflow = docElement.style.overflow = 'hidden'; - docElement.appendChild(body); - } - - return docOverflow; - } - - function resetFakeBody(body, docOverflow) { - if (body.fake) { - body.remove(); - docElement.style.overflow = docOverflow; - // Trigger layout so kinetic scrolling isn't disabled in iOS6+ - // eslint-disable-next-line - docElement.offsetHeight; - } - } - - // get css-calc - - function calc() { - let doc = document, - body = getBody(), - docOverflow = setFakeBody(body), - div = doc.createElement('div'), - result = false; - - body.appendChild(div); - try { - let str = '(10px * 10)', - vals = ['calc' + str, '-moz-calc' + str, '-webkit-calc' + str], - val; - for (let i = 0; i < 3; i++) { - val = vals[i]; - div.style.width = val; - if (div.offsetWidth === 100) { - result = val.replace(str, ''); - break; - } - } - } catch (e) {} - - body.fake ? resetFakeBody(body, docOverflow) : div.remove(); - - return result; - } - - // get subpixel support value - - function percentageLayout() { - // check subpixel layout supporting - let doc = document, - body = getBody(), - docOverflow = setFakeBody(body), - wrapper = doc.createElement('div'), - outer = doc.createElement('div'), - str = '', - count = 70, - perPage = 3, - supported = false; - - wrapper.className = "tns-t-subp2"; - outer.className = "tns-t-ct"; - - for (let i = 0; i < count; i++) { - str += '
    '; - } - - outer.innerHTML = str; - wrapper.appendChild(outer); - body.appendChild(wrapper); - - supported = Math.abs(wrapper.getBoundingClientRect().left - outer.children[count - perPage].getBoundingClientRect().left) < 2; - - body.fake ? resetFakeBody(body, docOverflow) : wrapper.remove(); - - return supported; - } - - function mediaquerySupport() { - if (window.matchMedia || window.msMatchMedia) { - return true; - } - - let doc = document, - body = getBody(), - docOverflow = setFakeBody(body), - div = doc.createElement('div'), - style = doc.createElement('style'), - rule = '@media all and (min-width:1px){.tns-mq-test{position:absolute}}', - position; - - style.type = 'text/css'; - div.className = 'tns-mq-test'; - - body.appendChild(style); - body.appendChild(div); - - if (style.styleSheet) { - style.styleSheet.cssText = rule; - } else { - style.appendChild(doc.createTextNode(rule)); - } - - position = window.getComputedStyle ? window.getComputedStyle(div).position : div.currentStyle['position']; - - body.fake ? resetFakeBody(body, docOverflow) : div.remove(); - - return position === "absolute"; - } - - // create and append style sheet - function createStyleSheet(media, nonce) { - // Create the