대협! 등록된 의형제가 없으시네요.
게시판에서 강호인들을 만나 친분을 나눠보세요.
대협! 어떤 막내의 정보를 알고 싶나요?
함께 모험을 떠날 막내를 대표 캐릭터로 설정해주세요.
- ${list}\r\n `;\r\n\t\t}\r\n\t}\r\n\r\n\tstatic getCounter(_d={}) {\r\n\t\tlet counter = 0;\r\n\t\t_d.forEach(function(key, idx) {\r\n\t\t\tif( _d[idx].playing ) counter++;\r\n\t\t});\r\n\t\treturn counter;\r\n\t}\r\n\r\n\r\n\tstatic itemTempl(_d,_profileDomain, _sandboxDomain){\r\n\t\treturn `\r\n \t
- \r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t${_d.name}\r\n\t\t\t\t ${_d.playing ? _d.geoZoneName : ''} ${_d.playing ? `` : ``}\r\n\t\t\t\r\n\t\t
`;\r\n\t}\r\n//${_d.own?``:``} 선물하기 삭제\r\n\tstatic noData(state) {\r\n\r\n\t\t// console.log(state, stateMessage[state]);\r\n\t\t// 기획에서 케이스 별로 동일한 메시지를 보여주기로 함\r\n\t\tlet stateMessage = {\r\n\t\t\t'stateNochar':' ${_benefit.subject1}
\r\n\t\t\t\t${_benefit.subject2}
\r\n\t\t\t- \r\n\t\t\t${_item}\r\n\t\t `;\r\n\t}\r\n\r\n\t// static listTemplRecommend(_d,_powerbookDomain,_serverType){\r\n\t// \tlet _items = _d.items;\r\n\t// \tconst listFrontierRecommendItems = _items.map( (item, index) => {\r\n\t// \t\tif(index<8) return NshopTempl.listTemplRecommendItem(item,_powerbookDomain,_serverType);\r\n\t// \t}).join(', ');\r\n //\r\n\t// \tlet thumbIcon = ( _items[0] == undefined || _items[0].icon == undefined ) ? 'https://wstatic-cdn.plaync.com/bns/v1/img/main/icon-nshop-box.png' : _items[0].icon;\r\n //\r\n\t// \treturn `\r\n\t// \t
- \r\n\t// \t\t\r\n\t// \t\t\t\r\n\t// \t\t\r\n\t// \t\t\t
${(_items.length >= 2) ? '번들' : '' }
${_d.name}${Utils.addThousandSeparatorCommas(_d.basicSalePrice)}\r\n\t// \t\t- \r\n\t// \t\t\t
- 획득 가능한 아이템 \r\n\t// \t\t\t
- ${listFrontierRecommendItems} \r\n\t// \t\t
`;\r\n\t// }\r\n\r\n\t// static listTemplRecommendItem(_d,_powerbookDomain,_serverType) {\r\n\t// if(_d == null)return ;\r\n\t// \tlet itemGrade = (_d.grade == undefined) ? 'itemgrade-0' : `itemgrade-${_d.grade}`;\r\n //\r\n\t// //\tlet _item = ( _serverType == \"frontierserver\" ) ? `${_d.name}` : `${_d.name}`;\r\n\t// \tlet _item = `${_d.name}`;\r\n\t// \treturn _item;\r\n\t// }\r\n\r\n\tstatic noData() {\r\n\t\treturn ` - \r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\r\n\t\t
${_d.title}
\r\n\t\t\t\t\t${_d.channelName}
\r\n\t\t\t\t `;\r\n\t}\r\n\r\n\r\n} // end of class\r\n\r\nexport default NctvTempl;","import AbsComponent from '../../common/components/AbsComponent';\r\nimport templ from './NctvTempl';\r\n\r\n/**\r\n * Nctv class\r\n * @category mainApp\r\n */\r\nclass Nctv extends AbsComponent{\r\n\tconstructor(_store = {}, _el = '') {\r\n\t\tsuper(_store, _el);\r\n\t\tthis.store.getNctvData('Nctv', {}, this.render.bind(this));\r\n\t}\r\n\r\n\trender(_jsonData = {} ) {\r\n\t\tthis.data = _jsonData;\r\n\r\n\t\tif (!this.data.NctvTitle.showArea) {\r\n\t\t\t$(this.el).hide();\r\n\t\t\treturn false;\r\n\t\t}\r\n\r\n\t\t$(this.el).append(templ.getTempl(_jsonData , this.store.data.config.nctvDomain ));\r\n\r\n\t\tthis.setting();\r\n\t\tthis.addEvents();\r\n\t}\r\n\r\n\tsetting(){\r\n\t\t$('#cardTypeNctv').slick({\r\n\t\t\tdots: false,\r\n\t\t\tarrows: false,\r\n\t\t\tinfinite: true,\r\n\t\t\tautoplay: true,\r\n\t\t\tautoplaySpeed: 4000,\r\n\t\t\tspeed: 300,\r\n\t\t\tslidesToShow: 2,\r\n\t\t\tslidesToScroll: 1,\r\n\t\t\tresponsive: [\r\n\t\t\t\t/*{\r\n\t\t\t\t\tbreakpoint: 3800,\r\n\t\t\t\t\tsettings: \"unslick\"\r\n\t\t\t\t},*/\r\n\t\t\t\t{\r\n\t\t\t\t\tbreakpoint: 3800,\r\n\t\t\t\t\tsettings: {\r\n\t\t\t\t\t\tslidesToShow: 2,\r\n\t\t\t\t\t\tslidesToScroll: 1,\r\n\t\t\t\t\t\tdots: false\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tbreakpoint: 959,\r\n\t\t\t\t\tsettings: {\r\n\t\t\t\t\t\tslidesToShow: 1,\r\n\t\t\t\t\t\tslidesToScroll: 1,\r\n\t\t\t\t\t\tdots: true\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t]\r\n\t\t});\r\n\r\n\t\t$(window).on('resize orientationchange', function() {\r\n\t\t\t$('#cardTypeNctv').slick('resize');\r\n\t\t});\r\n\t}\r\n\r\n\taddEvents(){\r\n\t}\r\n}\r\n\r\nexport default Nctv;","import AbsComponent from '../../common/components/AbsComponent';\r\nimport Utils from '../../common/Utils';\r\n\r\n/**\r\n * Promotion class\r\n * @category mainApp\r\n */\r\nclass Promotion extends AbsComponent{\r\n\tconstructor( _el = '') {\r\n\t\tsuper(_el);\r\n\r\n\r\n\t\tthis.render();\r\n\r\n\t}\r\n\r\n\r\n\trender() {\r\n\r\n\r\n\t\t$('.promotion-banner-list').slick({\r\n\t\t\tdots: false,\r\n\t\t\tarrows: true,\r\n\t\t\tinfinite: true,\r\n\t\t\tprevArrow: $('.promotion-nav .btn-prev'),\r\n\t\t\tnextArrow: $('.promotion-nav .btn-next'),\r\n\t\t\tspeed: 300,\r\n\t\t\tslidesToShow: 1,\r\n\t\t\tslidesToScroll: 1,\r\n\t\t\tautoplay: true,\r\n\t\t\tautoplaySpeed: 9000,\r\n\t\t\tcssEase: 'cubic-bezier(0.77, 0, 0.18, 1)'\r\n\t\t}).on('beforeChange', function(event, slick, currentSlide, nextSlide){\r\n\t\t\t// console.log('* promotion : ', currentSlide , nextSlide , slick.currentDirection );\r\n\t\t\t// .banner_nav_list\r\n\t\t\tif(!$(`.promotion-nav-list li[data-slick-index=${nextSlide}]`).hasClass('slick-active')) {\r\n\t\t\t\t// nav 판 이동시\r\n\t\t\t\tif(nextSlide > currentSlide && currentSlide != 0) {\r\n\t\t\t\t\t$('.promotion-nav-list').slick('slickNext');\r\n\t\t\t\t} else if(currentSlide + 1 == slick.slideCount && nextSlide == 0){\r\n\t\t\t\t\t$('.promotion-nav-list').slick('slickNext');\r\n\t\t\t\t} else {\r\n\t\t\t\t\t$('.promotion-nav-list').slick('slickPrev');\r\n\t\t\t\t}\r\n\t\t\t\t$('.promotion-nav-list li').removeClass('slick-current');\r\n\t\t\t\t$(`.promotion-nav-list li[data-slick-index=${nextSlide}]`).addClass('slick-current');\r\n\t\t\t} else {\r\n\t\t\t\t// 판 이동없이 current 변경시\r\n\t\t\t\t$('.promotion-nav-list li').removeClass('slick-current');\r\n\t\t\t\t$(`.promotion-nav-list li[data-slick-index=${nextSlide}]`).addClass('slick-current');\r\n\t\t\t}\r\n\t\t});\r\n\r\n\r\n\r\n\t\tvar wrap = $('.section-promotion');\r\n\t\tconst slickLength = $('.promotion-banner-list').slick(\"getSlick\").slideCount;\r\n\t\t$('.promotion-nav-count', wrap).empty().html(`1/${slickLength}`);\r\n\r\n\r\n\t\t$('.promotion-banner-list').on('beforeChange', function(event, slick, currentSlide, nextSlide) {\r\n\t\t\t$('.promotion-nav-count', wrap).empty().html(`${nextSlide + 1}/${slick.slideCount}`);\r\n\t\t});\r\n\r\n\r\n\t\t$('.promotion-nav-list').slick({\r\n\t\t\tdots: false,\r\n\t\t\tarrows: false,\r\n\t\t\tinfinite: true,\r\n\t\t\tslidesToShow: 5,\r\n\t\t\tslidesToScroll: 5,\r\n\t\t\tswipe: false\r\n\t\t});\r\n\t\t$(window).on('resize orientationchange', function() {\r\n\t\t\t$('.promotion-banner-list').slick('resize');\r\n\t\t\t$('.promotion-nav-list').slick('resize');\r\n\t\t});\r\n\r\n\r\n\t\t$('.promotion-nav-list .promotion-nav-item').on('click', (e) => {\r\n\t\t\tif($(e.currentTarget).hasClass('slick-current')) return false;\r\n\r\n\t\t\t$(e.currentTarget).siblings().removeClass('slick-current');\r\n\t\t\t$(e.currentTarget).addClass('slick-current');\r\n\r\n\t\t\t$('.promotion-banner-list').slick('slickGoTo', $(e.currentTarget).data('slick-index'));\r\n\t\t});\r\n\r\n\t\t// 전체보기, 닫기버튼\r\n\t\t$('.btn-listall', this.wrap).on('click', (e) => {\r\n\t\t\t// $('.promotion-layer').toggle();\r\n\t\t\t$('.promotion-layer').toggleClass('is-show');\r\n\t\t\t$(e.target).toggleClass('is-close');\r\n\t\t});\r\n\r\n\t\t// nav over autoplay 정지\r\n\t\t$('.promotion-nav-list').on('mouseover', (e) => {\r\n\t\t\t$('.promotion-banner-list').slick('slickPause');\r\n\t\t});\r\n\t\t$('.promotion-nav-list').on('mouseout', (e) => {\r\n\t\t\t$('.promotion-banner-list').slick('slickPlay');\r\n\t\t});\r\n\r\n\r\n\r\n\r\n\t\tthis.setting();\r\n\t\tthis.addEvents();\r\n\t}\r\n\r\n\tsetting(){\r\n\r\n\r\n\r\n\t}\r\n\taddEvents(){\r\n\r\n\r\n\r\n\t}\r\n}\r\n\r\nexport default Promotion;","import AbsComponent from '../../common/components/AbsComponent';\r\n\r\nclass BannerDday extends AbsComponent{\r\n\tconstructor(_store={}, _el=''){\r\n\t\tsuper(_store, _el);\r\n\t\tthis.render();\r\n\t}\r\n\r\n\trender() {\r\n\r\n\t\t// console.log( $(this.el).length );\r\n\r\n\t\tif( $(this.el).length === 0){\r\n\t\t\treturn false;\r\n\t\t}\r\n\t\tif(window._device === 'ingame' || window._device === 'launcher'){\r\n\t\t\t$(this.el).hide();\r\n\t\t\treturn false;\r\n\t\t}\r\n\r\n\t\tconst ddayNum = $(this.el)[0].getAttribute('data-dday');\r\n\t\tconst dday = new Date(parseInt(ddayNum.substring(0,4)), parseInt(ddayNum.substring(4,6))-1, parseInt(ddayNum.substring(6,8)));\r\n\t\tconst dayNow = new Date(window.userData.now); // 2019-12-09T13:31:56.818+09:00\r\n\t\t// const dayNow = new Date();\r\n\r\n\t\t// console.log(dday.getTime() , dayNow.getTime() );\r\n\r\n\t\tconst timeDiff = dday.getTime() - dayNow.getTime();\r\n\t\tconst dayDiff = Math.ceil(timeDiff / (1000 * 60 * 60 * 24));\r\n\r\n\t\tif(dayDiff<0){\r\n\t\t\t$(this.el).hide();\r\n\t\t}\r\n\t\telse if(dayDiff === 0){\r\n\t\t\t$(this.el + ' .banner-date-num').text(\"DAY\");\r\n\t\t\t$(this.el).show();\r\n\t\t}\r\n\t\telse{\r\n\t\t\t$(this.el + ' .banner-date-num').text(dayDiff);\r\n\t\t\t$(this.el).show();\r\n\t\t}\r\n\r\n\t}\r\n\r\n}\r\n\r\nexport default BannerDday;\r\n/**\r\n * UserState class\r\n * @category mainApp\r\n */","import AbsComponent from '../../common/components/AbsComponent';\r\nimport Utils from '../../common/Utils';\r\n\r\n/**\r\n * UserState class\r\n * @category mainApp\r\n */\r\nclass ModalLayer extends AbsComponent{\r\n\tconstructor(_store={}, _el=''){\r\n\t\tsuper(_store, _el);\r\n\t\tthis.render();\r\n\t}\r\n\r\n\trender() {\r\n\r\n\t\tif( $(this.el).length === 0){\r\n\t\t\treturn false;\r\n\t\t}\r\n\r\n\t\tif(window._device === 'ingame'){\r\n\t\t\treturn false;\r\n\t\t}\r\n\r\n\t\tconst CookieName = $(this.el)[0].getAttribute('data-cookie');\r\n\r\n\t\tlet cookieShow = Utils.getCookie(CookieName) !== 'hide';\r\n\r\n\t\t// console.log(CookieName);\r\n\t\t// console.log(Utils.getCookie(CookieName));\r\n\t\t// console.log($(this.el + ' button.btn-close'));\r\n\r\n\r\n\t\tif(Utils.getCookie(CookieName) !== 'hide'){\r\n\t\t\t$(this.el).show();\r\n\t\t\t$(this.el + ' button.btn-close').on('click', (e)=>{ // x 버튼 아이콘 클릭 시\r\n\t\t\t\t$(this.el).remove();\r\n\t\t\t});\r\n\t\t\t$(this.el + ' button.btn-hide').on('click', (e)=>{ // 일주일간 or 하루동안 보지않기 체크 클릭 시\r\n\t\t\t\tlet expireDays = $(this.el + ' button.btn-hide')[0].id;\r\n\t\t\t\tUtils.setCookie(CookieName, 'hide', expireDays);\r\n\t\t\t\t$(this.el).remove();\r\n\t\t\t});\r\n\t\t}\r\n\r\n\r\n\t}\r\n\r\n}\r\n\r\nexport default ModalLayer;","import AbsComponent from '../../common/components/AbsComponent';\r\nimport Utils from '../../common/Utils';\r\n\r\n/**\r\n * UserState class\r\n * @category mainApp\r\n */\r\nclass FullcoverLayer extends AbsComponent{\r\n\tconstructor(_store={}, _el=''){\r\n\t\tsuper(_store, _el);\r\n\t\tthis.render();\r\n\t}\r\n\r\n\trender() {\r\n\r\n\t\tif( $(this.el).length === 0){\r\n\t\t\treturn false;\r\n\t\t}\r\n\r\n\t\tif(window._device === 'ingame'){\r\n\t\t\treturn false;\r\n\t\t}\r\n\r\n\t\tconst CookieName = $(this.el)[0].getAttribute('data-cookie');\r\n\r\n\t\tlet userAgent = window._device;\r\n\t\tlet cookieShow = Utils.getCookie(CookieName) !== 'hide';\r\n\t\tlet rwdShow = $(this.el).hasClass('is-rwdShow') && (userAgent !== ('ingame' || 'launcher'));\r\n\t\tlet launcherShow = $(this.el).hasClass('is-launcherShow') && (userAgent === 'launcher');\r\n\r\n\t\t// console.log( (cookieShow && rwdShow) || (cookieShow && launcherShow) );\r\n\r\n\t\tif((cookieShow && rwdShow) || (cookieShow && launcherShow)){\r\n\r\n\t\t\t$(this.el).show();\r\n\t\t\t$('body').addClass('prevent-scroll');\r\n\r\n\t\t\t$(this.el + ' .btn-close').on('click', (e)=>{\r\n\t\t\t\tUtils.setCookie( CookieName, 'hide', 365);\r\n\t\t\t\t$(this.el).hide();\r\n\t\t\t\t$('body').removeClass('prevent-scroll');\r\n\t\t\t\t// TweenMax.to(this.el, 0.3, {css:{scale:0.7, autoAlpha: 0}, ease: Expo.easeOut} );\r\n\t\t\t});\r\n\t\t\t$(this.el + ' .home-link').on('click', (e)=>{\r\n\t\t\t\t$(this.el).hide();\r\n\t\t\t\t$('body').removeClass('prevent-scroll');\r\n\t\t\t\t// TweenMax.to(this.el, 0.3, {css:{scale:0.7, autoAlpha: 0}, ease: Expo.easeOut} );\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n}\r\n\r\nexport default FullcoverLayer;","import AbsComponent from '../../common/components/AbsComponent';\r\nimport Templ from './FriendTempl';\r\n/**\r\n * Friend class\r\n * @category mainApp\r\n */\r\nclass PersonalSet extends AbsComponent{\r\n constructor(_store = {}, _el = '') {\r\n super(_store, _el);\r\n\r\n this.setting();\r\n }\r\n\r\n setting(){\r\n if(this.store.getData('config').isLogin){\r\n $('.personal').slick({\r\n dots: false,\r\n arrows: false,\r\n infinite: true,\r\n speed: 300,\r\n slidesToShow: 4,\r\n slidesToScroll: 1,\r\n responsive: [\r\n {\r\n breakpoint: 3800,\r\n settings: \"unslick\"\r\n },\r\n {\r\n breakpoint: 959,\r\n settings: {\r\n slidesToShow: 1,\r\n slidesToScroll: 1\r\n }\r\n }\r\n ]\r\n }).on('beforeChange', function (event, slick, currentSlide, nextSlide) {\r\n var mySlideNumber = nextSlide;\r\n $('.personal-nav-item[data-slide]').removeClass('is-active');\r\n $('.personal-nav-item[data-slide]').eq(mySlideNumber).addClass('is-active');\r\n });\r\n $('.personal-nav-item[data-slide]').click(function(e) {\r\n e.preventDefault();\r\n $('.personal-nav-item[data-slide]').removeClass('is-active');\r\n $(this).addClass('is-active');\r\n var _slide = $(this).data('slide');\r\n $('.personal').slick('slickGoTo', _slide - 1);\r\n });\r\n\r\n $('#MyCommunity').slick({\r\n dots: true,\r\n arrows: false,\r\n infinite: true,\r\n speed: 300,\r\n slidesToShow: 3,\r\n slidesToScroll: 1,\r\n responsive: [\r\n {\r\n breakpoint: 3800,\r\n settings: \"unslick\"\r\n },\r\n {\r\n breakpoint: 959,\r\n settings: {\r\n slidesToShow: 1,\r\n slidesToScroll: 1\r\n }\r\n }\r\n ]\r\n });\r\n\r\n $(window).on('resize orientationchange', function() {\r\n $('.personal').slick('resize');\r\n $('#MyCommunity').slick('resize');\r\n });\r\n }else{\r\n $('.section-benefit').slick({\r\n dots: true,\r\n arrows: false,\r\n infinite: true,\r\n speed: 300,\r\n slidesToShow: 1,\r\n slidesToScroll: 1,\r\n responsive: [\r\n {\r\n breakpoint: 3800,\r\n settings: \"unslick\"\r\n },\r\n {\r\n breakpoint: 959,\r\n settings: {\r\n slidesToShow: 1,\r\n slidesToScroll: 1\r\n }\r\n }\r\n ]\r\n });\r\n $(window).on('resize orientationchange', function() {\r\n $('.section-benefit').slick('resize');\r\n });\r\n }\r\n $('#cardTypecols3').slick({\r\n dots: true,\r\n arrows: false,\r\n infinite: true,\r\n speed: 300,\r\n slidesToShow: 3,\r\n slidesToScroll: 1,\r\n responsive: [\r\n {\r\n breakpoint: 3800,\r\n settings: \"unslick\"\r\n },\r\n {\r\n breakpoint: 959,\r\n settings: {\r\n slidesToShow: 1,\r\n slidesToScroll: 1\r\n }\r\n }\r\n ]\r\n });\r\n $('#cardTypeCommunuty').slick({\r\n dots: true,\r\n arrows: false,\r\n infinite: true,\r\n speed: 300,\r\n slidesToShow: 3,\r\n slidesToScroll: 1,\r\n responsive: [\r\n {\r\n breakpoint: 3800,\r\n settings: \"unslick\"\r\n },\r\n {\r\n breakpoint: 959,\r\n settings: {\r\n slidesToShow: 1,\r\n slidesToScroll: 1\r\n }\r\n }\r\n ]\r\n });\r\n\r\n $(window).on('resize orientationchange', function() {\r\n $('#cardTypeCommunuty').slick('resize');\r\n $('#cardTypecols3').slick('resize');\r\n });\r\n }\r\n}\r\n\r\nexport default PersonalSet;","import DataStore from './DataStore';\r\nimport Utils from '../common/Utils';\r\nimport Hotkeyword from '../common/components/Hotkeyword';\r\nimport Friend from './components/Friend';\r\nimport Guild from './components/Guild';\r\nimport Membership from './components/Membership';\r\nimport Nshop from './components/Nshop';\r\nimport Nctv from './components/Nctv';\r\nimport Promotion from './components/Promotion';\r\nimport UserState from './components/UserState';\r\nimport UserIcafe from './components/UserIcafe';\r\nimport BannerDday from './components/BannerDday';\r\nimport ModalLayer from './components/ModalLayer';\r\nimport FullcoverLayer from './components/FullcoverLayer';\r\nimport PersonalSet from './components/PersonalSet';\r\n\r\n/**\r\n * testApp의 시작점..\r\n * @category testApp\r\n * @memberof module:testApp\r\n * @param {Object} _config={} 설정 옵션\r\n * @param {Object} _config.apiDomain=\"\" api Domain\r\n * @param {Object} _config.apiBoardDomain=\"\" api Board Domain\r\n * @example\r\n * var testApp = new nc.lineage2.sampleApp({\r\n * apiDomain: 'https://api-lineage2.plaync.com',\r\n * apiBoardDomain: \"https://api-board-lineage2.plaync.com\"\r\n * });\r\n */\r\nclass App {\r\n\tconstructor(_config = {}) {\r\n\t\tthis.store = new DataStore(_config);\r\n\t\tthis.selector = '#container';\r\n\r\n\t\t// this.store.getData('config', {}, (d) => console.log( 'config---', d ) );\r\n\r\n\t\tthis.hotkeyword = new Hotkeyword(this.store.getData('Hotkeyword'), this.selector + ' .hotkeyword', 'bottom');\r\n\r\n\t\tthis.friend = new Friend(this.store, this.selector + ' .friend');\r\n\t\tthis.guild = new Guild(this.store, this.selector + ' .guild');\r\n\t\tthis.membership = new Membership(this.store, this.selector + ' .membership');\r\n\t\tthis.nshop = new Nshop(this.store, this.selector + ' .nshop');\r\n\t\tthis.nctv = new Nctv(this.store, this.selector + ' .card-type-nctv');\r\n\t\tthis.promotion = new Promotion( this.selector + ' .section-promotion');\r\n\t\t//this.userState = new UserState(this.store, this.selector + ' .layer-userstate');\r\n\t\t//this.userIcafe = new UserIcafe(this.store, this.selector + ' .layer-userstate');\r\n\r\n\t\tthis.bannerDday = new BannerDday(this.store, '#smartbanner.dday-banner');\r\n\t\tthis.modalLayer = new ModalLayer(this.store, this.selector + ' .modal-layer');\r\n\t\tthis.fullcoverLayer = new FullcoverLayer(this.store, this.selector + ' .fullcover-layer');\r\n this.cardOrder(this.store.data.config.cardOrder.order);\r\n\r\n this.personalSet = new PersonalSet(this.store, this.selector + ' .personal');\r\n\t}\r\n\tcardOrder(_order){\r\n\t const cardCon = $('.section-card-con');\r\n\t for(let i = _order.length-1; i >=0; i--){\r\n let currentEle = $(cardCon).find(`[data-title=\"${_order[i].id}\"]`);\r\n\t let firstEle = $('.section-card-con > section').first();\r\n\t $(currentEle).insertBefore(firstEle);\r\n }\r\n }\r\n}\r\n\r\nUtils.namespace('nc.bns.main');\r\nnc.bns.main = App;"],"sourceRoot":""}
대협! 홍문파 동문을 만나보지 않았군요.
게임에 접속해서 캐릭터를 먼저 생성해주세요.
대협! 대표캐릭터를 설정해주세요.
가입한 문파의 세부 정보를 확인할 수 있어요.
대협! 아직 입문한 문파가 없으시네요.
문파에 가입, 다양한 콘텐츠를 즐겨보세요.
대협! 아직 입문한 문파가 없으시네요.
문파에 가입, 다양한 콘텐츠를 즐겨보세요.
대협! 아직 입문한 문파가 없으시네요.
문파에 가입, 다양한 콘텐츠를 즐겨보세요.
${stateMessage[state]}
\r\n\t\t`;\r\n\t}\r\n\r\n\r\n} // end of class\r\n\r\nexport default GuildTempl;","import AbsComponent from '../../common/components/AbsComponent';\r\nimport Templ from './GuildTempl';\r\n\r\n/**\r\n * Guild class\r\n * @category mainApp\r\n */\r\nclass Guild extends AbsComponent{\r\n\tconstructor(_store = {}, _el = '') {\r\n\t\tsuper(_store, _el);\r\n\r\n\t\tif (this.store.getData('config').isLogin ) {\r\n\t\t\tlet stateNochar = userData.accountState.filter( it => it.case==3 ); // 보유 캐릭터 없음\r\n\t\t\tlet stateBoss = userData.accountState.filter( it => it.case==1 ); // 대표 캐릭터 미선택\r\n\t\t\tlet stateNoname = userData.accountState.filter( it => it.case==2 || it.case==6 ); // 비실명\r\n\t\t\tlet stateBlock = userData.accountState.filter( it => it.case==7 || it.case==8 ); // 제재\r\n\r\n\t\t\tif (stateNochar.length>0){\r\n\t\t\t\t$(this.el).append( Templ.noData('stateNochar') );\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\t\t\tif (stateBoss.length>0){\r\n\t\t\t\t$(this.el).append( Templ.noData('stateBoss') );\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\t\t\tif (stateNoname.length>0){\r\n\t\t\t\t$(this.el).append( Templ.noData('stateNoname') );\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\t\t\tif (stateBlock.length>0){\r\n\t\t\t\t$(this.el).append( Templ.noData('stateBlock') );\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\r\n\t\t\tif( this.store.getData('config').userData.representativeCharacter.guild ) {\r\n\t\t\t\tthis.store.getData('Guild', {}, this.render.bind(this));\r\n\t\t\t\t$(this.el + ' .loading-wrap').show();\r\n\t\t\t} else {\r\n\t\t\t\t$(this.el).append( Templ.noData('Nojoin') ); // 문파 가입 안함\r\n\t\t\t}\r\n\r\n\t\t}\r\n\t}\r\n\r\n\trender(_jsonData = {}) {\r\n\t\tthis.data = _jsonData.data;\r\n\t\t// console.log( 'guild Error : ', _jsonData );\r\n\t\tif(_jsonData.error == 'Forbidden' || _jsonData.exceptionClassName == 'UnsubscribedGuildException') { // 가입된 문파가 없음\r\n\t\t\t$(this.el).append( Templ.noData() );\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tconst counter = Templ.getCounter(_jsonData);\r\n\t\tconst guildName = this.store.getData('config').userData.gameAccount.guildName;\r\n\t\t$(this.el + ' .loading-wrap').hide();\r\n\t\t$(this.el).append(Templ.getTempl(_jsonData, this.store.data.config.profileDomain, this.store.data.config.sandboxDomain ));\r\n\r\n\t\tTweenMax.fromTo([this.el + ' .guild-list'], 0.5, {opacity: 0, y: 20}, {opacity: 1, y: 0});\r\n\t\tTweenMax.fromTo([this.el + ' .nodata'], 0.5, {opacity: 0}, {opacity: 1});\r\n\r\n\t\tif(counter > 0) $('.guild-count').append(Templ.getCounter(_jsonData)).removeClass('is-hide').addClass('is-show');\r\n\t\tif(guildName) $('.guild-myguild').append( guildName ).removeClass('is-hide').addClass('is-show');\r\n\r\n\t\tthis.setting();\r\n\t\tthis.addEvents();\r\n\t}\r\n\r\n\tsetting(){\r\n\t}\r\n\r\n\taddEvents(){\r\n\t\t$(this.el + ' button.btn-gift ').on('click', (e)=>{\r\n\t\t\tconst svrid = userData.representativeCharacter.serverId;\r\n\t\t\tconst charName = $(e.currentTarget).data('charname');\r\n\t\t\t window.ncoinGiftPopup.open(svrid, charName);\r\n //window.ncrwd.ncoin.open(ip, svrid, charName);\r\n\t\t});\r\n\t}\r\n}\r\n\r\nexport default Guild;","/**\r\n * MembershipTempl Template\r\n * @category testApp\r\n */\r\nclass MembershipTempl {\r\n\t/**\r\n\t * Sub1 Templ\r\n\t * @param {Object} _d={}\r\n\t */\r\n\tstatic getTempl(_d={}, _membershipBenefit ='' , _nshopDomain ='') {\r\n\r\n\t\tif(_d.level >= 0 ) { // 1. 가입 됨\r\n\t\t//\tconsole.log( '멤버십 가입 ' );\r\n\t\t\tif(_d.activation == false && _d.remainTimeSec <= 0 ) { // 1-1. 만료\r\n\r\n\t\t\t\t//let _nshopUrl = ( _membershipBenefit.serverType == 'frontierserver') ? `https://${window._serviceEnv==\"RC\" ? \"rc-\" : \"\" }bnsnshop.plaync.com/bnsr/goods/detail?dgi=408072` : `https://${window._serviceEnv==\"RC\" ? \"rc-\" : \"\" }bnsnshop.plaync.com/bns/goods/detail?dgi=305545`;\r\n\t\t\t\tlet _nshopUrl = `https://${window._serviceEnv==\"RC\" ? \"rc-\" : \"\" }store.plaync.com/store/bns/goods/A4906C25-4263-4B34-9F7C-0C4C1A7F1C8D`;\r\n\r\n\t\t\t\treturn `\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t${MembershipTempl.getBenefit(_membershipBenefit,_nshopDomain)}\r\n\t\t\t\t`;\r\n\t\t\t} else { // 1-2. 활성화\r\n\t\t\t if(_d.level < 10){\r\n return `\r\n\t\t\t\t\t${MembershipTempl.getRemainTime(_d.remainTimeSec)} \r\n\t\t\t\t\t소울 멤버십이 비활성화된 상태입니다.
\r\n\t\t\t\t\t\t${(_membershipBenefit.serverType != 'frontierserver') ? '소울멤버십 활성화 하기 ':''}\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t${MembershipTempl.getTemplLevelPolicies(_d.level, _d.levelPolicies, _d.levelScore)}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\tLV.${_d.level}LV.${_d.level+1}
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t${MembershipTempl.getBenefit(_membershipBenefit,_nshopDomain)}\r\n\t\t\t\t`;\r\n }else{ // MAX 레벨일때\r\n return `\r\n\t\t\t\t\t${MembershipTempl.getRemainTime(_d.remainTimeSec)} \r\n\t\t\t\t\t신석 지급량
\r\n\t\t\t\t\t\t${_d.dailyReward}개/${_d.maxReward}개
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n \r\n MAX\r\n
\r\n\t\t\t\t\t\tLV.${_d.level}
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t${MembershipTempl.getBenefit(_membershipBenefit,_nshopDomain)}\r\n\t\t\t\t`;\r\n }\r\n\t\t\t}\r\n\r\n\t\t} else { // 2. 가입 안됨\r\n\t\t\t// console.log( '멤버십 가입 안 함 ' );\r\n\t\t\treturn `\r\n\t\t\t\t${MembershipTempl.noData(_membershipBenefit,_nshopDomain)}\r\n\t\t\t`;\r\n\t\t}\r\n\r\n\t}\r\n\r\n\tstatic getRemainTime(_sec){\r\n\t\tconst sec = parseInt(_sec, 10);\r\n\t\tconst d = Math.floor(sec/(60 * 60 * 24));\r\n\t\tconst h = Math.floor((sec%(60 * 60 * 24)/3600));\r\n\t\tconst m = Math.floor((sec%3600)/60);\r\n\t\tconst s = sec - (h * 3600) - (m * 60);\r\n\t\treturn `${d}일 ${h}시간 ${m}분 남음`;\r\n\t}\r\n\tstatic getTemplLevelPolicies(_level, _levelPolicies, _levelScore ) {\r\n\r\n\t\tconst levelPolicies = _levelPolicies.filter(a=>a.levelId==_level);\r\n\t\tconst levelPercentage = Math.floor((_levelScore - levelPolicies[0].minLevelScore)/(levelPolicies[0].maxLevelScore-levelPolicies[0].minLevelScore)*100);\r\n // console.log(levelPercentage)\r\n\t\treturn `\r\n\t\t신석 지급량
\r\n\t\t\t\t\t\t${_d.dailyReward}개/${_d.maxReward}개
\r\n\t\t\t\t\t\r\n\t\t\t\r\n\t\t\t${_levelScore}/${levelPolicies[0].maxLevelScore}\r\n\t\t
`;\r\n\t}\r\n\r\n\tstatic getBenefit(_benefit) {\r\n\t\t/* \r\n\t\t@todo 프론티어 대응 완료\r\n\t\t\r\n\t\t\t${(_benefit.serverType == 'frontierserver') ? '프론티어':'라이브'}\r\n\t\t\r\n\t\t*/\r\n\t\treturn `\r\n\t\t\r\n\t\t\t
`;\r\n\t}\r\n\r\n\tstatic noData(_membershipBenefit,_nshopDomain) {\r\n\t\treturn `\r\n\t\t\t${_benefit.header}
\r\n\t\t\t\r\n\t\t\t${(_benefit.serverType == 'liveserver') ? 'more':''}\t\r\n\t\t\t- \r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t${MembershipTempl.getBenefit(_membershipBenefit)}`;\r\n\t}\r\n\r\n} // end of class\r\n\r\nexport default MembershipTempl;\r\n","import AbsComponent from '../../common/components/AbsComponent';\r\nimport Templ from './MembershipTempl';\r\n\r\n/**\r\n * Membership class\r\n * @category mainApp\r\n */\r\nclass Membership extends AbsComponent{\r\n\tconstructor(_store = {}, _el = '') {\r\n\t\tsuper(_store, _el);\r\n\r\n\t\tif (this.store.getData('config').isLogin) {\r\n\r\n\t\t\tconst serverType = (this.store.data.config.userData.representativeCharacter.serverType) ? this.store.data.config.userData.representativeCharacter.serverType.toLowerCase()+'server' : 'liveserver';\r\n\r\n\t\t\t//let membershipBenefit = this.store.data.config.membershipBenefit[serverType];\r\n\t\t\tlet membershipBenefit = this.store.data.config.membershipBenefit['liveserver'];\r\n\t\t\tmembershipBenefit.header = this.store.data.config.membershipBenefit['header'];\r\n\t\t\tmembershipBenefit.serverType = serverType;\r\n\r\n\t\t\tif( this.store.data.config.userData.representativeCharacter.accountId == null || this.store.data.config.userData.representativeCharacter.name == null ) { // 멤버십 가입안한 계정\r\n\t\t\t\t$(this.el).append( Templ.noData(membershipBenefit, this.store.data.config.nshopDomain) );\r\n\t\t\t} else {\r\n\t\t\t\tthis.membershipBenefit = membershipBenefit;\r\n\t\t\t\tthis.store.getData('Membership', {}, this.render.bind(this));\r\n\t\t\t\t$(this.el + ' .loading-wrap').show();\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\trender(_jsonData = {}) {\r\n\t\t$(this.el + ' .loading-wrap').hide();\r\n\t\tthis.data = _jsonData.data;\r\n\r\n\t\t$(this.el).append(Templ.getTempl(_jsonData, this.membershipBenefit, this.store.data.config.nshopDomain ));\r\n\t\tTweenMax.fromTo([\r\n\t\t\tthis.el + ' .nodata', \r\n\t\t\tthis.el + ' .membership-benefit',\r\n\t\t\tthis.el + ' .membership-time',\r\n\t\t\tthis.el + ' .membership-level',\r\n\t\t\tthis.el + ' .membership-godstone',\r\n\t\t], 0.5, {opacity: 0, y: 0}, {opacity: 1, y: 0});\r\n\r\n\r\n\t\tthis.setting();\r\n\t\tthis.addEvents();\r\n\t}\r\n\r\n\tsetting(){\r\n\t}\r\n\r\n\taddEvents(){\r\n\t}\r\n}\r\n\r\nexport default Membership;","import Utils from '../../common/Utils';\r\n\r\n/**\r\n * NshopTempl Template\r\n * @category testApp\r\n */\r\nclass NshopTempl {\r\n\t/**\r\n\t * Sub1 Templ\r\n\t * @param {Object} _d={}\r\n\t */\r\n\tstatic getTempl(_d={}, _powerbookDomain='') {\r\n\t\tlet nshopLiveToday = _d.NshopToday.live.goodsList ,\r\n\t\t\t//nshopLiveRecommend = _d.NshopRecommend.live.goodsList,\r\n\t\t\t//nshopFrontierToday = _d.NshopToday.frontier.goodsList,\r\n\t\t//\tnshopFrontierRecommend = _d.NshopRecommend.frontier.goodsList,\r\n\t\t\tnshopMygodstone = _d.NshopMygodstone.count;\r\n\r\n\t\tconst listLiveToday = nshopLiveToday.map( (item, index) => {\r\n\t\t\t\t\tif(index<8) return NshopTempl.listTemplToday(item,_powerbookDomain);\r\n\t\t\t\t}).join('') || NshopTempl.noData();\r\n\t\t\t// listLiveRecommend = nshopLiveRecommend.map( (item, index) => {\r\n\t\t\t// \t\tif(index<4) return NshopTempl.listTemplRecommend(item,_powerbookDomain);\r\n\t\t\t// \t}).join('') || NshopTempl.noData(); //,\r\n\t\t\t// listFrontierToday = nshopFrontierToday.map( (item, index) => {\r\n\t\t\t// \t\tif(index<8) return NshopTempl.listTemplToday(item,_powerbookDomain, 'frontierserver');\r\n\t\t\t// \t}).join('') || NshopTempl.noData() ,\r\n\t\t\t// listFrontierRecommend = nshopFrontierRecommend.map( (item, index) => {\r\n\t\t\t// \t\tif(index<4) return NshopTempl.listTemplRecommend(item,_powerbookDomain, 'frontierserver');\r\n\t\t\t// \t}).join('') || NshopTempl.noData();\r\n\r\n\t\treturn `\r\n 소울 멤버십을 한번도 경험해보지 않으셨나요?
대협을 위한 특별한 혜택을 확인하세요.
\r\n\t\t\t
\r\n `;\r\n\r\n // \r\n\t\t\t\t
\r\n\t\t오늘의 상품
\r\n\t\t\t\t- \r\n\t\t\t\t\t${listLiveToday}\r\n\t\t\t\t
새 상품 등장까지 ${_d.NshopToday.live.remainTime == null ? '' : _d.NshopToday.live.remainTime.hour+'시간'} ${_d.NshopToday.live.remainTime == null ? '' : _d.NshopToday.live.remainTime.minute+'분'}
\r\n\t\t\t\r\n //
\r\n\t}\r\n\r\n\r\n\tstatic listTemplToday(_d,_powerbookDomain,_serverType){\r\n\t\tlet _items = _d.items;\r\n\r\n\t\tlet thumbIcon = ( _d.goodsIconId != undefined && _d.goodsIconId == 1 || _items[0] == undefined || _items[0].icon == null || _items[0].icon == undefined ) ? 'https://wstatic-cdn.plaync.com/bns/v1/img/main/icon-nshop-box.png' : _items[0].icon;\r\n\t\tlet itemGrade = ( _items[0] == undefined || _items[0].grade == undefined) ? 'itemgrade-0' : `itemgrade-${_items[0].grade}`;\r\n\t\tlet _itemInner = `\r\n //
\r\n // 오늘의 상품
\r\n //- \r\n // ${listFrontierToday}\r\n //
새 상품 등장까지 ${_d.NshopToday.frontier.remainTime == null ? '' : _d.NshopToday.frontier.remainTime.hour+'시간'} ${_d.NshopToday.frontier.remainTime == null ? '' : _d.NshopToday.frontier.remainTime.minute+'분'}
\r\n //\r\n //
\r\n // 추천 상품
\r\n //- \r\n // ${listFrontierRecommend}\r\n //
\r\n\t\t\t\t\t
`;\r\n\r\n\t\t//let _item = ( _serverType == \"frontierserver\" ) ? `${_d.name}
\r\n\t\t\t\t\t${Utils.addThousandSeparatorCommas(_d.basicSalePrice)}\r\n\t\t\t\t${_itemInner}
` : `${_itemInner}`;\r\n\t\tlet _item = `${_itemInner}
`;\r\n\r\n\t\treturn `\r\n\t\t신석샵 상품이 존재하지 않습니다.
${_d.NctvTitle.title}
\r\n\t\t\t- \r\n\t\t\t\t${_d.NctvList.map( (item, index) => {\r\n\t\t\t\t\treturn NctvTempl.itemTempl(item, _nctvUrl);\r\n\t\t\t\t\t// if(NctvTempl.sameNum(randomIds, index)) return NctvTempl.itemTempl(item, _nctvUrl);\r\n\t\t\t\t}).join('')}\r\n\t\t\t