').parent().html());\n } // setInstance()\n\n }]);\n\n return BeginnerMagic;\n}();\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (BeginnerMagic);\n\n/***/ }),\n/* 10 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils_service__ = __webpack_require__(1);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__model_model__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__utils_util__ = __webpack_require__(2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__tpl__ = __webpack_require__(3);\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\n\n\n\n\n\nvar BeginnerHunt = function () {\n function BeginnerHunt(options) {\n _classCallCheck(this, BeginnerHunt);\n\n var _ = this;\n\n if (!options) return;\n\n _.option = $.extend({\n wrap: null,\n apiDomain: '',\n classId: 0,\n level: 1,\n isLogin: false,\n global: window\n }, options);\n\n _.model = new __WEBPACK_IMPORTED_MODULE_3__tpl__[\"a\" /* default */]();\n _.global = _.option.global ? _.option.global : window;\n }\n\n /* init() {\r\n const _ = this\r\n console.log('BeginnerHunt init !! ');\r\n \r\n _.setData();\r\n \r\n }*/\n\n\n _createClass(BeginnerHunt, [{\n key: 'init',\n value: function init() {\n var _ = this,\n _wrap = _.option.wrap.huntWrap;\n console.log('# BeginnerHunt init !! ');\n\n Object(__WEBPACK_IMPORTED_MODULE_0__utils_service__[\"a\" /* getDatasWithOption */])([{\n type: 'GET',\n url: _.option.apiDomain + '/conti/getContent?service=lineage&alias=beginner-hunt&lang=ko-KR',\n dataType: 'json',\n contentType: 'application/json',\n Accept: 'application/json'\n }], function (data) {\n console.log('# BeginnerRecommend.js data : ', JSON.parse(data.jsonData));\n if (data.jsonData.length <= 0) {\n _.setNoData();\n } else {\n _.setData(JSON.parse(data.jsonData));\n }\n }, function (data) {\n console.log('데이터를 불러올 수 없습니다. 잠시 후, 다시 시도해주세요.');\n });\n }\n }, {\n key: 'setNoData',\n value: function setNoData() {\n $(this.option.wrap.recommendWrap).empty().append('
-
');\n }\n }, {\n key: 'setData',\n value: function setData(data) {\n var _ = this,\n _level = _.option.level,\n _classId = _.option.classId,\n\n // _data = _.global.huntData.groups,\n _wrap = _.option.wrap.huntWrap;\n\n _.setInstance(data.groups);\n\n /*let _lv;\r\n if( 80 <= _level ) {\r\n _lv = 4;\r\n } else if ( 75 <= _level && _level < 80 ) {\r\n _lv = 3;\r\n } else if ( 55 <= _level && _level < 75 ) {\r\n _lv = 2;\r\n } else {\r\n _lv = 1;\r\n }*/\n var _lv = 1;\n\n $('.tab li', _wrap).removeClass('on');\n $('.table', _wrap).hide();\n\n $('.tab li:nth-child(' + _lv + ')', _wrap).addClass('on');\n $('#hunt-' + _lv, _wrap).show();\n\n $('.tab a', _wrap).on('click', function () {\n var _lv = $(this).data('lv');\n\n $('.tab li', _wrap).removeClass('on');\n $('.table', _wrap).hide();\n\n $('.tab li:nth-child(' + _lv + ')', _wrap).addClass('on');\n $('#hunt-' + _lv, _wrap).show();\n return false;\n });\n\n // _.setActive(_lv);\n }\n }, {\n key: 'setInstance',\n value: function setInstance(data) {\n var _ = this,\n _level = _.option.level,\n _classId = _.option.classId,\n _wrap = _.option.wrap.huntWrap;\n\n var tpl = '';\n\n console.log('setInstance() data : ', data);\n\n data.map(function (groups, groupsIndex) {\n var group = groups.items;\n var _idx = groupsIndex + 1;\n\n tpl += '\\n
\\n \\n \\n | \\uC0AC\\uB0E5\\uD130 | ';\n\n group.map(function (item, itemIndex) {\n tpl += '' + item.name + ' | ';\n });\n tpl += '
\\n \\n \\n \\n | \\uC785\\uC7A5 \\uC870\\uAC74 | ';\n group.map(function (item, itemIndex) {\n tpl += '' + item.limit + ' | ';\n });\n tpl += '
\\n\\t\\t\\t\\t\\n | \\uC9C0\\uC5ED \\uC124\\uC815 | ';\n group.map(function (item, itemIndex) {\n tpl += '' + item.zone + ' | ';\n });\n tpl += '
\\n\\t\\t\\t\\t\\n | \\uC8FC\\uC694 \\uD2B9\\uC9D5 | ';\n group.map(function (item, itemIndex) {\n tpl += '' + item.feature + ' | ';\n });\n\n tpl += '
\\n \\n
';\n });\n\n var tmpl_tab = '\\n
\\n ';\n\n $('.article-tab', _wrap).empty().append(tmpl_tab); // tab\n $('.table-bundle-row', _wrap).empty().append(tpl);\n } // setInstance()\n\n\n }]);\n\n return BeginnerHunt;\n}();\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (BeginnerHunt);\n\n/***/ }),\n/* 11 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils_service__ = __webpack_require__(1);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__model_model__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__utils_util__ = __webpack_require__(2);\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\n\n\n\n\nvar BeginnerRecommend = function () {\n function BeginnerRecommend(options) {\n _classCallCheck(this, BeginnerRecommend);\n\n var _ = this;\n\n if (!options) return;\n\n if (!options) return;\n _.option = $.extend({\n wrap: null,\n apiDomain: '',\n classId: 0,\n level: 1,\n isLogin: false,\n global: window\n }, options);\n\n _.global = _.option.global ? _.option.global : window;\n }\n\n _createClass(BeginnerRecommend, [{\n key: 'init',\n value: function init() {\n var _ = this,\n _wrap = _.option.wrap.recommendWrap;\n console.log('# BeginnerRecommend init !! ');\n\n Object(__WEBPACK_IMPORTED_MODULE_0__utils_service__[\"a\" /* getDatasWithOption */])([{\n type: 'GET',\n url: _.option.apiDomain + '/conti/getContent?service=lineage&alias=beginner-recommend&lang=ko-KR',\n dataType: 'json',\n contentType: 'application/json',\n Accept: 'application/json'\n }], function (data) {\n console.log('# BeginnerRecommend.js data : ', JSON.parse(data.jsonData));\n if (data.jsonData.length <= 0) {\n _.setNoData();\n } else {\n _.setData(JSON.parse(data.jsonData));\n _.setVideoData(JSON.parse(data.jsonData));\n }\n }, function (data) {\n console.log('데이터를 불러올 수 없습니다. 잠시 후, 다시 시도해주세요.');\n });\n }\n }, {\n key: 'setNoData',\n value: function setNoData() {\n $(this.option.wrap.recommendWrap).empty().append('
-
');\n }\n }, {\n key: 'setData',\n value: function setData(data) {\n var _data = data.items;\n var _tmpl = '
\\n \\uCD94\\uCC9C \\uCF58\\uD150\\uCE20
\\n \\n \\uD50C\\uB808\\uC774\\uC5D0 \\uB3C4\\uC6C0\\uC744 \\uC904 \\uC720\\uC6A9\\uD55C \\uCF58\\uD150\\uCE20\\uB4E4\\uC744
\\uB193\\uCE58\\uC9C0 \\uB9D0\\uACE0 \\uD655\\uC778\\uD558\\uC138\\uC694.
\\n \\t\\n ' + _data.map(function (item, index) {\n return '
';\n }).join('') + '\\n
';\n $(this.option.wrap.recommendWrap).empty().append(_tmpl);\n this.setSlick();\n }\n }, {\n key: 'setVideoData',\n value: function setVideoData(data) {\n var _data = data.videoItems;\n var _tmpl = '
\\n \\uC601\\uC0C1 \\uAC00\\uC774\\uB4DC
\\n \\n \\t\\n ' + _data.map(function (item, index) {\n return '- \\n ' + item.subject + '\\n
';\n }).join('') + '\\n
\\n \\n ';\n $(this.option.wrap.videoWrap).empty().append(_tmpl);\n }\n }, {\n key: 'setSlick',\n value: function setSlick() {\n var _ = this,\n _wrap = _.option.wrap.recommendWrap;\n\n var recommendSlider = $('.article-recommend', _wrap);\n recommendSlider.slick({\n dots: true,\n infinite: true,\n arrows: true,\n speed: 300,\n slidesToShow: 2,\n slidesToScroll: 2,\n responsive: [{\n breakpoint: 3840,\n settings: \"unslick\"\n }, {\n breakpoint: 960,\n settings: {\n slidesToShow: 3,\n slidesToScroll: 3\n }\n }, {\n breakpoint: 640,\n settings: {\n slidesToShow: 2,\n slidesToScroll: 2\n }\n }]\n });\n $(window).resize(function () {\n recommendSlider.slick('resize');\n });\n } // setSlick()\n\n }]);\n\n return BeginnerRecommend;\n}();\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (BeginnerRecommend);\n\n/***/ })\n/******/ ]);\n\n\n// WEBPACK FOOTER //\n// service/beginner.js"," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 4);\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap ac3e8aae86983c12f7b6","export const BREAKPOINTS = {\r\n tablet: 640,\r\n pc: 960,\r\n max: 1340\r\n};\r\n\r\nexport const DAYS = {\r\n 'Sunday': '일',\r\n 'Monday': '월',\r\n 'Tuesday': '화',\r\n 'Wednesday': '수',\r\n 'Thursday': '목',\r\n 'Friday': '금',\r\n 'Saturday': '토'\r\n};\r\n\r\nexport const API_DOMAIN_DEFAULT = 'https://api-lineage.plaync.com';\r\n\r\nexport const API_COMMUNITY_DOMAIN = 'https://api-commnity.plaync.com/lineage1';\r\n\r\nexport const STATIC_DOMAIN_DEFAULT = 'https://assets.playnccdn.com'; // https://wstatic.plaync.co.kr';\r\n\r\nexport const STATIC_CDN_DOMAIN_DEFAULT = 'https://wstatic-cdn.plaync.com';\r\n\r\nexport const NO_ITEM_IMAGE_URL = `${STATIC_DOMAIN_DEFAULT}/lineage/v1/img/world/item/noimg.gif`;\r\n\r\nexport const PET_NECKLACE_ID = 25668;\n\n\n// WEBPACK FOOTER //\n// ./_src/js/model/model.js","import { ALERT } from '../model/msg/alert';\r\n\r\nlet getDatas = function (urls, resolvedCallback, rejectedCallback) {\r\n let promises = [];\r\n\r\n for (let i = 0, max = urls.length; i < max; i++) {\r\n const promise = $.ajax({\r\n type: 'GET',\r\n url: urls[i],\r\n dataType: 'json'\r\n });\r\n promises.push(promise);\r\n }\r\n\r\n $.when.apply($, promises)\r\n .then(resolvedCallback)\r\n .fail(rejectedCallback);\r\n};\r\n\r\nlet getDatasWithOption = function (jQueryAjaxOptions, resolvedCallback, rejectedCallback) {\r\n let promises = [];\r\n\r\n for (let i = 0, max = jQueryAjaxOptions.length; i < max; i++) {\r\n const promise = $.ajax(jQueryAjaxOptions[i]);\r\n promises.push(promise);\r\n }\r\n\r\n $.when.apply($, promises)\r\n .then(resolvedCallback)\r\n .fail(rejectedCallback);\r\n};\r\n\r\nlet handleApiError = function (apiResultData, global = window) {\r\n if (apiResultData) {\r\n if (parseInt(apiResultData.status, 10) === 401) {\r\n // http://git.korea.ncsoft.corp/projects/FRONTEND_DEVELOP/repos/uikit-nccommunity/browse/_src/js/lang.js\r\n global.alert(ALERT.REQUIRE_LOGIN);\r\n\r\n if (typeof global.GNBLogin === 'function') {\r\n global.GNBLogin();\r\n\r\n return true;\r\n }\r\n }\r\n }\r\n\r\n return false;\r\n};\r\n\r\nexport {\r\n getDatas,\r\n getDatasWithOption,\r\n handleApiError\r\n};\n\n\n// WEBPACK FOOTER //\n// ./_src/js/utils/service.js","/*\r\n * common utils\r\n */\r\n\r\nimport {PET_NECKLACE_ID} from '../model/model';\r\n\r\nexport const ua = window.navigator.userAgent;\r\n\r\nexport const locationOriginRegex = /^(https?:\\/\\/)?([\\da-z\\.-]+)\\.([a-z\\.]{2,6})/;\r\n\r\nexport let isIE = (function () {\r\n return /msie/i.test(ua) || /trident/i.test(ua);\r\n}());\r\n\r\nexport let isEdge = (userAgent) => {\r\n return ( /Gecko/i.test(userAgent) && /Edge/i.test(userAgent) );\r\n};\r\n\r\nexport let isOpera = (userAgent) => {\r\n return ( /Opera/i.test(userAgent) || /OPR\\//i.test(userAgent) );\r\n};\r\n\r\nexport let isChrome = (userAgent) => {\r\n return ( !isEdge(userAgent) && !isOpera(userAgent) && /Chrome/i.test(userAgent) );\r\n};\r\n\r\nexport let isIOS = (userAgent) => {\r\n return /iPad|iPhone|iPod/.test(userAgent) && !window.MSStream;\r\n};\r\n\r\nexport let isAndroid = (userAgent) => {\r\n return /android/i.test(userAgent);\r\n};\r\n\r\nexport let truthy = function truthy(object) {\r\n return !!object;\r\n};\r\n\r\nexport let falsy = function falsy(object) {\r\n return !!!object;\r\n};\r\n\r\nexport let existy = (obj) => {\r\n return obj != null;\r\n};\r\n\r\nexport let isDefined = (obj) => {\r\n let flag = true;\r\n if (obj === null || typeof obj === 'undefined') return false;\r\n return flag;\r\n};\r\n\r\nexport let isRc = (function () {\r\n return isDefined(/^rc-/.exec(location.hostname));\r\n}());\r\n\r\nexport let isInteger = (obj) => {\r\n if (!isDefined(obj) || obj.constructor !== Number) return false;\r\n\r\n // https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Number/isInteger\r\n return (isFinite(obj) && Math.floor(obj) === obj);\r\n};\r\n\r\nexport let isString = (obj) => {\r\n if (!isDefined(obj)) return false;\r\n return (obj.constructor === String);\r\n};\r\n\r\nexport let isNumber = function isNumber(obj) {\r\n if (!isDefined(obj)) return false;\r\n return (obj.constructor === Number);\r\n};\r\n\r\nexport let isBoolean = (obj) => {\r\n if (!isDefined(obj)) return false;\r\n return (obj.constructor === Boolean);\r\n};\r\n\r\nexport let isObject = (obj) => {\r\n if (!isDefined(obj)) return false;\r\n return (obj.constructor === Object);\r\n};\r\n\r\nexport let isFunction = (obj) => {\r\n if (!isDefined(obj)) return false;\r\n return (obj.constructor === Function);\r\n};\r\n\r\nexport let isRegExp = (obj) => {\r\n if (!isDefined(obj)) return false;\r\n return (obj.constructor === RegExp);\r\n};\r\n\r\nexport let not = (func) => {\r\n if (!isFunction(func)) throw new TypeError('func parameter type of not() must be Function.');\r\n\r\n return (object) => {\r\n return !func(object);\r\n };\r\n};\r\n\r\nexport let isNotDefined = not(isDefined);\r\n\r\nexport let parseInt10 = (number) => {\r\n return parseInt(number, 10);\r\n};\r\n\r\nexport let parseStrIntToInt = (strIntOrInt) => {\r\n let val = strIntOrInt;\r\n\r\n if (!isDefined(val)) return 0;\r\n if (typeof(val) === 'number') return val;\r\n\r\n return parseInt10(val.split(',').join(''));\r\n};\r\n\r\nexport let removeElementInArray = function removeElementInArray(arr, target) {\r\n if (!Array.isArray(arr)) throw new TypeError('arr parameter type of removeElementInArray() must be Array.');\r\n\r\n var clonedArr = arr.slice(0),\r\n index = clonedArr.indexOf(target);\r\n\r\n if (index >= 0) clonedArr.splice(index, 1);\r\n\r\n return clonedArr;\r\n};\r\n\r\nexport let allOf = function allOf(/*args*/) {\r\n const args = Array.prototype.slice.call(arguments);\r\n\r\n return args.every(function (val) {\r\n return (val === true);\r\n });\r\n};\r\n\r\nexport let anyOf = function anyOf(/*args*/) {\r\n const args = Array.prototype.slice.call(arguments);\r\n\r\n return args.some(function (val) {\r\n return (val === true);\r\n });\r\n};\r\n\r\nexport let getDefined = function (val, defaultVal) {\r\n return (isDefined(val)) ? val : defaultVal;\r\n};\r\n\r\nexport let notSingleEle = not(($ele) => {\r\n return $ele.length === 1;\r\n});\r\n\r\nexport let each = (dataCanLoop, func, context) => {\r\n let _context = (existy(context)) ? context : null;\r\n\r\n if (!(Array.isArray(dataCanLoop) || isString(dataCanLoop))) throw new TypeError('dataCanLoop parameter type of each() must be Array or String.');\r\n\r\n let result = false;\r\n for (let i = 0, max = dataCanLoop.length; i < max; i++) {\r\n result = func.call(_context, dataCanLoop[i]);\r\n if (result === false) break;\r\n }\r\n};\r\n\r\nexport let getFileExtension = (fileName) => {\r\n if (!isString(fileName)) throw new TypeError('getFileExtension() requires String parameter.');\r\n\r\n if (fileName.length <= 0) return '';\r\n\r\n var lastDotIndex = fileName.lastIndexOf('.'),\r\n extension = fileName.substr(lastDotIndex + 1);\r\n\r\n return extension;\r\n};\r\n\r\nexport let getFirstObjectHasProperty = function (arrayHasObjects, propertyKey, findPropertyValueOrRegex) {\r\n if (!Array.isArray(arrayHasObjects) || arrayHasObjects.length <= 0) return null;\r\n if (!isString(propertyKey)) return null;\r\n\r\n let obj, result = null;\r\n for (let i = 0, max = arrayHasObjects.length; i < max; ++i) {\r\n obj = arrayHasObjects[i];\r\n if (!obj.hasOwnProperty(propertyKey)) continue;\r\n\r\n if (isRegExp(findPropertyValueOrRegex)) {\r\n if (findPropertyValueOrRegex.test(obj[propertyKey])) {\r\n result = obj;\r\n break;\r\n }\r\n } else {\r\n if (obj[propertyKey] === findPropertyValueOrRegex) {\r\n result = obj;\r\n break;\r\n }\r\n }\r\n }\r\n return result;\r\n};\r\n\r\nexport let getObjectHasProperty = function getObjectHasProperty(arrayHasObjects, propertyKey ) {\r\n if (!Array.isArray(arrayHasObjects) || arrayHasObjects.length <= 0) return null;\r\n if (!isString(propertyKey)) return null;\r\n let obj, result = null;\r\n\r\n each(arrayHasObjects, (obj) => {\r\n if(obj.hasOwnProperty(propertyKey)) result = obj[propertyKey];\r\n });\r\n // console.log( '=> util.js getObjectHasProperty() result : ', propertyKey, result );\r\n return result;\r\n};\r\n\r\n\r\nexport let overlappedConditionSortByProperty = function sortByProp(_datas, _conditions, _conditionIndex) {\r\n let datas = Array.prototype.slice.call(_datas);\r\n\r\n if (!_conditions || _conditions.constructor !== Array || _conditions.length < 0) return datas;\r\n\r\n let conditionIndex = (_conditionIndex >= 0) ? _conditionIndex : 0,\r\n condition = _conditions[conditionIndex];\r\n\r\n if (conditionIndex <= 0) datas.sort(condition.func);\r\n\r\n if (_conditions.length <= 1) return datas;\r\n\r\n if (conditionIndex < _conditions.length - 1) {\r\n let prevProperty = condition.property,\r\n nextConditionIndex = conditionIndex + 1,\r\n nextCondition = _conditions[nextConditionIndex];\r\n\r\n let memoObj = {},\r\n memoArr = [],\r\n arr = [];\r\n\r\n let obj, prop;\r\n for (let i = 0, max = datas.length; i < max; i++) {\r\n obj = datas[i];\r\n prop = String(obj[prevProperty]);\r\n\r\n if (!memoObj[prop]) {\r\n memoObj[prop] = [];\r\n memoArr.push(memoObj[prop]);\r\n }\r\n\r\n arr = memoObj[prop];\r\n arr.push(obj);\r\n }\r\n\r\n for (let j = 0, len = memoArr.length; j < len; j++) {\r\n arr = memoArr[j];\r\n arr.sort(nextCondition.func);\r\n\r\n memoArr[j] = overlappedConditionSortByProperty(arr, _conditions, nextConditionIndex);\r\n }\r\n\r\n let resultArr = memoArr.reduce((acc, curVal, curIndex, array) => acc.concat(curVal));\r\n\r\n return resultArr;\r\n }\r\n\r\n return datas;\r\n}\r\n\r\n\r\nexport let getPositionFromTranslateStr = (str) => {\r\n let obj = {x: 0, y: 0};\r\n if (!isDefined(str)) return obj;\r\n\r\n let values = str.match(/[+-]?(\\d*\\.)?\\d+/g);\r\n if (values.length <= 0) return obj;\r\n\r\n if (/translateX/g.test(str)) {\r\n obj.x = parseFloat(values[0]);\r\n return obj;\r\n }\r\n\r\n if (/translateY/g.test(str)) {\r\n obj.y = parseFloat(values[0]);\r\n return obj;\r\n }\r\n\r\n obj.x = parseFloat(values[0]);\r\n if (values.length > 1) obj.y = parseFloat(values[1]);\r\n\r\n return obj;\r\n};\r\n\r\nexport let isIndexInLoop = function isIndexInLoop(totalLength, loopGap, firstIndex, searchIndex) {\r\n const args = Array.prototype.slice.call(arguments);\r\n if (args.length < 4) throw Error('isIndexInLoop function requires 4 arguments.');\r\n\r\n if (!isInteger(totalLength) || !isInteger(loopGap) || !isInteger(firstIndex) || !isInteger(searchIndex)) {\r\n throw Error('arguments must be Integer Number.');\r\n }\r\n if (totalLength < 1 || firstIndex < 1) {\r\n throw Error('totalLength and startIndex can not smaller than 1.');\r\n }\r\n if (loopGap > totalLength) {\r\n throw Error('loopGap can not bigger than totalLength.');\r\n }\r\n\r\n let index = firstIndex;\r\n for (let i = 0; i < loopGap; i++) {\r\n if (index === searchIndex) return true;\r\n index = (index + 1 > totalLength) ? 1 : index + 1;\r\n }\r\n\r\n return false;\r\n};\r\n\r\nexport let getLoopedLastIndex = function getLoopedLastIndex(totalLength, loopGap, firstIndex) {\r\n const args = Array.prototype.slice.call(arguments);\r\n if (args.length < 3) throw Error('getLoopedLastIndex function requires 3 arguments.');\r\n\r\n if (!isInteger(totalLength) || !isInteger(loopGap) || !isInteger(firstIndex)) {\r\n throw Error('arguments must be Integer Number.');\r\n }\r\n if (totalLength < 1 || firstIndex < 1) {\r\n throw Error('totalLength and firstIndex can not smaller than 1.');\r\n }\r\n if (loopGap > totalLength || firstIndex > totalLength) {\r\n throw Error('loopGap and firstIndex can not bigger than totalLength.');\r\n }\r\n\r\n let index = firstIndex;\r\n for (let i = 0; i < loopGap - 1; i++) {\r\n index++;\r\n if (index > totalLength) index = 1;\r\n }\r\n return index;\r\n};\r\n\r\nexport let getReverseLoopedFirstIndex = function getReverseLoopedFirstIndex(totalLength, loopGap, lastIndex) {\r\n const args = Array.prototype.slice.call(arguments);\r\n if (args.length < 3) throw Error('getReverseLoopedFirstIndex function requires 3 arguments.');\r\n\r\n if (!isInteger(totalLength) || !isInteger(loopGap) || !isInteger(lastIndex)) {\r\n throw Error('arguments must be Integer Number.');\r\n }\r\n if (totalLength < 1 || lastIndex < 1) {\r\n throw Error('totalLength and lastIndex can not smaller than 1.');\r\n }\r\n if (loopGap > totalLength || lastIndex > totalLength) {\r\n throw Error('loopGap and lastIndex can not bigger than totalLength.');\r\n }\r\n\r\n let index = lastIndex;\r\n for (let i = 0; i < loopGap - 1; i++) {\r\n index = (index - 1 < 1) ? totalLength : index - 1;\r\n }\r\n\r\n return index;\r\n};\r\n\r\nexport let getResolution = (breakpoint = {tablet: 640, pc: 960, max: 1260}, global = window) => {\r\n let resolution = '';\r\n if (breakpoint.max && global.innerWidth >= breakpoint.max) {\r\n resolution = 'max';\r\n\r\n } else if (breakpoint.pc && global.innerWidth >= breakpoint.pc) {\r\n resolution = 'pc';\r\n\r\n } else if (breakpoint.tablet && global.innerWidth >= breakpoint.tablet) {\r\n resolution = 'tablet';\r\n\r\n } else {\r\n resolution = 'phone';\r\n }\r\n\r\n return resolution;\r\n};\r\n\r\nexport let isPhoneResolution = (resolution) => {\r\n return resolution === 'phone';\r\n};\r\n\r\nexport let isTabletResolution = (resolution) => {\r\n return resolution === 'tablet';\r\n};\r\n\r\nexport let isMobileResolution = (resolution) => {\r\n return ( resolution === 'phone' || resolution === 'tablet');\r\n};\r\n\r\n// http://stackoverflow.com/questions/2901102/how-to-print-a-number-with-commas-as-thousands-separators-in-javascript\r\nexport let numberWithCommas = (number) => {\r\n return number.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',');\r\n};\r\n\r\nexport let getUriParams = (uri) => {\r\n if (uri.length < 1) return null;\r\n let str = uri.split('#')[0];\r\n\r\n let tmpArr = str.split('?');\r\n if (tmpArr.length < 2) return null;\r\n\r\n let paramStr = tmpArr[1],\r\n params = paramStr.split('&');\r\n\r\n let keyValueArr, obj = {};\r\n for (let i = 0, max = params.length; i < max; ++i) {\r\n keyValueArr = params[i].split('=');\r\n if (keyValueArr.length > 1) obj[keyValueArr[0]] = keyValueArr[1];\r\n\r\n // if (keyValueArr.length <= 1) return null;\r\n // obj[keyValueArr[0]] = keyValueArr[1];\r\n }\r\n return obj;\r\n};\r\n\r\nexport let getUriCombinedParams = (uri, params) => {\r\n if (!uri) return '';\r\n if (!params) return uri;\r\n\r\n let str = '';\r\n for (let key in params) {\r\n str += '&' + key + '=' + String(params[key]);\r\n }\r\n if (str === '') return uri;\r\n\r\n var tmpArr = uri.split('#'),\r\n uri = tmpArr[0],\r\n hashStr = (isDefined(tmpArr[1])) ? '#' + tmpArr[1] : '';\r\n\r\n uri = ((uri.indexOf('?') >= 0) ? (uri + str) : (uri + '?' + str.substr(1))) + hashStr;\r\n return uri;\r\n};\r\n\r\nexport let getHashParams = (hashStr) => {\r\n let str = hashStr;\r\n if (str.length < 1) return null;\r\n\r\n let tmpArr = str.split('#');\r\n if (tmpArr.length < 2) return null;\r\n\r\n let paramStr = tmpArr[1],\r\n params = paramStr.split('&');\r\n\r\n let keyValueArr, obj = {};\r\n for (let i = 0, max = params.length; i < max; ++i) {\r\n keyValueArr = params[i].split('=');\r\n if (keyValueArr.length <= 1) return null;\r\n\r\n obj[keyValueArr[0]] = keyValueArr[1];\r\n }\r\n\r\n return obj;\r\n};\r\n\r\nexport let getHashCombinedParams = (uri, params) => {\r\n if (!params) return uri;\r\n\r\n let str = '';\r\n for (let key in params) {\r\n str += '&' + key + '=' + String(params[key]);\r\n }\r\n if (str === '') return uri;\r\n\r\n uri = (uri.indexOf('#') >= 0) ? (uri + str) : (uri + '#' + str.substr(1));\r\n return uri;\r\n};\r\n\r\nexport let getObjForPagination = function (totalPostNum, displayPostNumPerPage, displayPaginationBtnNum, pageIndex) {\r\n const args = Array.prototype.slice.call(arguments);\r\n\r\n if (args.length < 4) throw new Error('getObjForPagination() requires 4 parameters.');\r\n\r\n if (!isInteger(totalPostNum) || !isInteger(displayPostNumPerPage) || !isInteger(displayPaginationBtnNum) || !isInteger(pageIndex)) {\r\n throw new TypeError('getObjForPagination() requires Integer Number parameters.');\r\n }\r\n if (totalPostNum <= 0 || displayPostNumPerPage <= 0 || displayPaginationBtnNum <= 0 || pageIndex <= 0) {\r\n throw new TypeError('getObjForPagination() requires positive Integer Number parameters.');\r\n }\r\n\r\n let totalPageNum = Math.ceil(totalPostNum / displayPostNumPerPage);\r\n if (pageIndex < 1) pageIndex = 1;\r\n if (pageIndex > totalPageNum) pageIndex = totalPageNum;\r\n\r\n let paginationBtnGroupIndex = Math.floor((pageIndex - 1) / displayPaginationBtnNum),\r\n prevPageIndex = paginationBtnGroupIndex * displayPaginationBtnNum,\r\n firstPageIndex = (paginationBtnGroupIndex * displayPaginationBtnNum) + 1,\r\n lastPageIndex = firstPageIndex + displayPaginationBtnNum - 1,\r\n nextPageIndex = lastPageIndex + 1;\r\n\r\n if (lastPageIndex > totalPageNum) lastPageIndex = totalPageNum;\r\n if (nextPageIndex > totalPageNum) nextPageIndex = 0;\r\n\r\n return {\r\n totalPostNum: totalPostNum,\r\n displayPostNumPerPage: displayPostNumPerPage,\r\n displayPaginationBtnNum: displayPaginationBtnNum,\r\n pageIndex: pageIndex,\r\n\r\n totalPageNum: totalPageNum,\r\n prevPageIndex: prevPageIndex,\r\n firstPageIndex: firstPageIndex,\r\n lastPageIndex: lastPageIndex,\r\n nextPageIndex: nextPageIndex\r\n };\r\n};\r\n\r\nexport let getDivideIntStrByThousandUnit = (intStr_) => {\r\n if (not(isDefined)(intStr_)) return ['0'];\r\n\r\n const DIVIDE_UNIT = 4;\r\n\r\n let intStr = String(parseStrIntToInt(intStr_)),\r\n intStrs = [];\r\n\r\n if (intStr.length <= DIVIDE_UNIT) return [String(intStr)];\r\n\r\n let lastIndex = 0, unitStr = '';\r\n while (intStr.length > DIVIDE_UNIT) {\r\n lastIndex = intStr.length;\r\n unitStr = intStr.substr(lastIndex - DIVIDE_UNIT, lastIndex);\r\n\r\n intStr = intStr.substr(0, lastIndex - DIVIDE_UNIT);\r\n intStrs.unshift(unitStr);\r\n }\r\n intStrs.unshift(intStr);\r\n\r\n return intStrs;\r\n};\r\n\r\nexport let getMarketPriceStr = (str) => {\r\n const UNIT_PRICE = ['', '만', '억'];\r\n\r\n let val = ( isDefined(str) ) ? str : '0',\r\n unitValues = getDivideIntStrByThousandUnit(val);\r\n\r\n unitValues.reverse();\r\n\r\n let priceStr = '', unitVal = 0;\r\n for (let i = 0, max = unitValues.length; i < max; i++) {\r\n unitVal = parseInt10(unitValues[i]);\r\n if (unitVal <= 0) continue;\r\n\r\n priceStr = (numberWithCommas(unitVal) + UNIT_PRICE[i]) + priceStr;\r\n if (i !== unitValues.length) priceStr = ' ' + priceStr;\r\n }\r\n priceStr = priceStr.trim();\r\n\r\n if (!priceStr) return '0';\r\n return priceStr;\r\n};\r\n\r\nexport let getEmphasizedStrByQuery = (str, query) => {\r\n return (str || '').split(query).join(`
${query}`);\r\n};\r\n\r\nexport let getSeparatedDateStr = (moment, dateStr, DAYS = {\r\n 'Sunday': '일',\r\n 'Monday': '월',\r\n 'Tuesday': '화',\r\n 'Wednesday': '수',\r\n 'Thursday': '목',\r\n 'Friday': '금',\r\n 'Saturday': '토'\r\n}) => {\r\n let val = '';\r\n\r\n const MIN_TO_SEC = 60,\r\n HOUR_TO_SEC = 3600,\r\n DAY_TO_SEC = 86400;\r\n\r\n const now = new Date(),\r\n past = new Date(dateStr),\r\n diffSeconds = Math.floor((now - past) / 1000);\r\n\r\n if (diffSeconds < DAY_TO_SEC) {\r\n if (diffSeconds < HOUR_TO_SEC) {\r\n if (diffSeconds < MIN_TO_SEC) {\r\n val = `${diffSeconds}초 전`;\r\n\r\n } else {\r\n const diffMinutes = Math.floor(diffSeconds / MIN_TO_SEC);\r\n val = `${diffMinutes}분 전`;\r\n }\r\n\r\n } else {\r\n const diffHours = Math.floor(diffSeconds / HOUR_TO_SEC);\r\n val = `${diffHours}시간 전`;\r\n }\r\n\r\n } else {\r\n const date = moment(dateStr),\r\n day = (DAYS[date.format('dddd')] || '');\r\n\r\n val = date.format(`YYYY-MM-DD`);\r\n // val = date.format(`YYYY.MM.DD. (${day})`);\r\n }\r\n\r\n return val;\r\n};\r\n\r\nexport let namespace = (namespace, parent) => {\r\n if (!isString(namespace)) throw new TypeError('namespace parameter type of namespace() must be String.');\r\n if (!(isObject(parent) || !isDefined(parent))) throw new TypeError('parent parameter type of namespace() must be Object or null or undefined.');\r\n\r\n let ns = parent || window;\r\n\r\n if (namespace) {\r\n let parts = namespace.split('.');\r\n\r\n for (let i = 0, max = parts.length; i < max; i++) {\r\n if (!ns[parts[i]]) ns[parts[i]] = {};\r\n ns = ns[parts[i]];\r\n }\r\n }\r\n\r\n return ns;\r\n};\r\n\r\nexport let template = function template(strings, ...keys) {\r\n // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals\r\n return (function (...values) {\r\n let dict = values[values.length - 1] || {};\r\n\r\n let result = [strings[0]];\r\n keys.forEach(function (key, i) {\r\n let value = Number.isInteger(key) ? values[key] : dict[key];\r\n result.push(value, strings[i + 1]);\r\n });\r\n\r\n return result.join('');\r\n });\r\n};\r\n\r\n// board - server list\r\nexport let getUrlAddCategoryIdByArticle = function(_url, _article, _serverNameMap) {\r\n let url = _url;\r\n\r\n if (url !== '#') {\r\n const path = url.split('?')[0],\r\n uriParams = getUriParams(url);\r\n\r\n let categoryId = (isObject(_article.category)) ? _article.category.categoryId : uriParams.categoryId;\r\n\r\n if (isNotDefined(categoryId)) {\r\n // const obj = getFirstObjectHasProperty(_serverNameMap, 'serverId', 1) || _serverNameMap[0];\r\n // categoryId = obj.categoryId;\r\n categoryId = 0;\r\n }\r\n\r\n url = getUriCombinedParams(path, $.extend(uriParams, {categoryId: categoryId}));\r\n }\r\n\r\n return url;\r\n}\r\n\r\n// character setting - stat, equip simulator\r\nexport let getChangedStats = function (originalStatObj, newStatObj) {\r\n let changedStats = {};\r\n\r\n var stat, newStat;\r\n for (let key in originalStatObj) {\r\n stat = (isDefined(originalStatObj[key])) ? originalStatObj[key] : null;\r\n newStat = (isDefined(newStatObj[key])) ? newStatObj[key] : null;\r\n\r\n if (allOf(isDefined(newStat), stat !== newStat)) changedStats[key] = newStat;\r\n }\r\n\r\n let changeStatsCount = 0;\r\n for (let k in changedStats) changeStatsCount++;\r\n\r\n return (changeStatsCount > 0) ? changedStats : null;\r\n};\r\n\r\n// 2021.12 [StatModel.js] STEP_ELIXIR_POINT_BY_LEVEL = [{level: 80, point: 2 }, {level: 90, point: 2}, {level: 100, point: 3 }];\r\nexport let getPlusElixirPointByLevel = function (level, level_init, plusElixirPointByLevel ) {\r\n let _plusElixirPoint = 0;\r\n if ( (level - level_init) % 2 === 0 ) {\r\n _plusElixirPoint = 1;\r\n }\r\n each(plusElixirPointByLevel, (obj) => {\r\n if( parseInt(obj.level) === parseInt(level) ) {\r\n _plusElixirPoint = parseInt(obj.point);\r\n }\r\n });\r\n // console.log( '=> util.js _plusElixirPoint : ', _plusElixirPoint );\r\n return _plusElixirPoint;\r\n};\r\n\r\n// 2019.11 엘릭서를 사용할 수 없는 레벨 체크 50 이상이면 가능함 _.statData.level - _.model.LEVEL_INIT\r\nexport let isLevelCanConsumeElixirStat = function (level, perLevelPlusElixirPoint) {\r\n return (level >= 0) ? true : false;\r\n // return (level % perLevelPlusElixirPoint === 0) ? true : false;\r\n};\r\n\r\nexport let isLevelGetElixirPoint = function (level, perLevelPlusElixirPoint) { // 2019.11\r\n return (level % perLevelPlusElixirPoint === 0) ? true : false;\r\n};\r\n\r\n// STAT_MAX_BY_LEVEL 2021.\r\nexport let getStatMaxByLevel = function (level, statMaxByLevel ) {\r\n let _statMax = 50;\r\n each(statMaxByLevel, (obj) => {\r\n if (parseInt(obj.level) <= level) {\r\n _statMax = parseInt(obj.max);\r\n }\r\n });\r\n // console.log( '=> util.js getStatMaxByLevel() _statMax : ', _statMax );\r\n return _statMax;\r\n};\r\n\r\nexport let isWarrior = function (classId) {\r\n if (parseInt10(classId) === 7) return true;\r\n\r\n return false;\r\n}\r\n\r\nexport let getClassName = function (classId) {\r\n const CLASS_NAMES_KOR = ['군주', '기사', '요정', '마법사', '다크엘프', '용기사', '환술사', '전사', '검사', '창기사'];\r\n\r\n let className = CLASS_NAMES_KOR[parseInt10(classId)];\r\n if (not(isDefined)(className)) className = '';\r\n\r\n return className;\r\n};\r\n\r\nexport let removeEquipInEquips = function (equips, equipItemObj) {\r\n if (!Array.isArray(equips)) throw new TypeError('arr parameter type of removeEquipInEquips() must be Array.');\r\n\r\n const clonedEquips = equips.slice();\r\n\r\n let equip;\r\n for (let i = 0, max = clonedEquips.length; i < max; i++) {\r\n equip = clonedEquips[i];\r\n\r\n if (allOf(isDefined(equip), equip.id === equipItemObj.id, equip.name === equipItemObj.name, equip.slot === equipItemObj.slot)) {\r\n clonedEquips.splice(i, 1);\r\n break;\r\n }\r\n }\r\n\r\n return clonedEquips;\r\n};\r\n\r\nexport const isPetNecklace = function(itemId) {\r\n return (itemId === PET_NECKLACE_ID) ? true : false;\r\n};\n\n\n// WEBPACK FOOTER //\n// ./_src/js/utils/util.js","\r\n// const singletonId = Symbol();\r\n// const singletonEnforcer = Symbol();\r\n\r\nclass SettingModel {\r\n constructor(options) {\r\n\r\n //constructor(enforcer) {\r\n //if (enforcer !== singletonEnforcer) throw new Error('SettingModel can not use construct. use getInstance method');\r\n\r\n const _ = this;\r\n\r\n _.isLogin = false;\r\n _.DEVICE_TYPE = 'pc';\r\n _.DEFAULT_SERVER_ID = 1;\r\n _.DEFAULT_GENDER = 'MALE';\r\n\r\n _.ITEM_NAMES = {\r\n 'weapon': '무기',\r\n 'helmet': '투구',\r\n 'armor': '갑옷',\r\n 'cape': '망토 ',\r\n 'gloves': '장갑',\r\n 'boots': '부츠',\r\n 'legging': '각반',\r\n 'shield': '방패/가더',\r\n 'belt': '벨트',\r\n 'necklace': '목걸이',\r\n 'ring': '반지',\r\n 'shoulder': '견갑'\r\n };\r\n _.CLASS_NAMES = {\r\n '0': '군주',\r\n '1': '기사',\r\n '2': '요정',\r\n '3': '마법사',\r\n '4': '다크엘프',\r\n '5': '용기사',\r\n '6': '환술사',\r\n '7': '전사',\r\n '8': '검사',\r\n '9': '창기사',\r\n '10': '성기사'\r\n };\r\n _.ACQUISITION_NAMES = {\r\n 'Quest': '퀘스트',\r\n 'NPC': 'NPC 판매',\r\n 'Making': '제작',\r\n 'Drop': '드랍'\r\n };\r\n _.CLASS_MAGIC_POWERBOOK = {\r\n '0': '/powerbook/wiki/%EA%B5%B0%EC%A3%BC%20%EB%A7%88%EB%B2%95',\r\n '1': '/powerbook/wiki/%EA%B8%B0%EC%82%AC%20%EA%B8%B0%EC%88%A0',\r\n '2': '/powerbook/wiki/%EC%A0%95%EB%A0%B9%20%EB%A7%88%EB%B2%95',\r\n '3': '/powerbook/wiki/%EC%9D%BC%EB%B0%98%20%EB%A7%88%EB%B2%95',\r\n '4': '/powerbook/wiki/%ED%9D%91%EC%A0%95%EB%A0%B9%20%EB%A7%88%EB%B2%95',\r\n '5': '/powerbook/wiki/%EC%9A%A9%EA%B8%B0%EC%82%AC%20%EB%A7%88%EB%B2%95',\r\n '6': '/powerbook/wiki/%ED%99%98%EC%88%A0%EC%82%AC%20%EB%A7%88%EB%B2%95',\r\n '7': '/powerbook/wiki/%EC%A0%84%EC%82%AC%20%EA%B8%B0%EC%88%A0',\r\n '8': '/powerbook/wiki/%EA%B2%80%EC%82%AC+%EA%B8%B0%EC%88%A0',\r\n '9': '/powerbook/wiki/%EC%B0%BD%EA%B8%B0%EC%82%AC+%EA%B8%B0%EC%88%A0',\r\n '10': '/powerbook/wiki/%EC%84%B1%EA%B8%B0%EC%82%AC%20%EA%B8%B0%EC%88%A0'\r\n };\r\n _.BOSS_NAMES = {\r\n '1': '말하는섬',\r\n '2': '글루디오 던전',\r\n '3': '고대 정령의 무덤',\r\n '4': '풍룡의 둥지',\r\n '5': '상아탑',\r\n '6': '오렌 설벽',\r\n '7': '기란 감옥',\r\n '8': '용의 계곡',\r\n '9': '화룡의 둥지',\r\n '10': '오만의 탑',\r\n '11': '지배의 탑',\r\n '12': '사막',\r\n '13': '기타 필드 보스'\r\n };\r\n\r\n _.ObjectKeys = function(obj) {\r\n let keys = [];\r\n\r\n for (let i in obj) {\r\n if (obj.hasOwnProperty(i)) {\r\n keys.push(i);\r\n }\r\n }\r\n return keys;\r\n };\r\n\r\n _.ObjectValues = function(obj) {\r\n let values = [];\r\n for (let i in obj) {\r\n if (obj.hasOwnProperty(i)) {\r\n values.push(obj[i]);\r\n }\r\n }\r\n return values;\r\n };\r\n\r\n\r\n }\r\n\r\n}\r\n\r\nexport default SettingModel;\r\n\n\n\n// WEBPACK FOOTER //\n// ./_src/js/service/beginner/tpl.js","import BeginnerTop from './beginner/BeginnerTop';\r\nimport BeginnerItem from './beginner/BeginnerItem';\r\nimport BeginnerMagic from './beginner/BeginnerMagic';\r\nimport BeginnerHunt from './beginner/BeginnerHunt';\r\nimport BeginnerRecommend from './beginner/BeginnerRecommend';\r\n\r\nimport { isNotDefined, namespace } from './../utils/util';\r\nimport { API_DOMAIN_DEFAULT } from './../model/model';\r\nimport { getDatasWithOption } from './../utils/service';\r\n\r\n(function ($, global) {\r\n \"use strict\";\r\n namespace('nc.lineage');\r\n\r\n nc.lineage.beginner = function (options) {\r\n if (isNotDefined(options)) throw new Error('nc.lineage.beginner require options object');\r\n\r\n const option = $.extend(true, {\r\n apiDomain: API_DOMAIN_DEFAULT,\r\n classId: 0,\r\n level: 0,\r\n wrap: null\r\n }, options);\r\n\r\n let beginnerTop = new BeginnerTop(option).init();\r\n let beginnerItem = new BeginnerItem(option).init();\r\n let beginnerMagic = new BeginnerMagic(option).init();\r\n let beginnerHunt = new BeginnerHunt(option).init();\r\n let beginnerRecommend = new BeginnerRecommend(option).init();\r\n\r\n };\r\n\r\n}(jQuery, window));\n\n\n// WEBPACK FOOTER //\n// ./_src/js/service/beginner.js","import { getDatasWithOption } from '../../utils/service';\r\nimport { BREAKPOINTS } from '../../model/model';\r\nimport { isChrome, isDefined, isObject, not, isNotDefined, each, truthy, falsy, parseInt10, isMobileResolution, getResolution } from '../../utils/util';\r\nimport SettingModel from './tpl';\r\n\r\nclass BeginnerTop {\r\n constructor(options) {\r\n const _ = this;\r\n\r\n if (!options) return;\r\n\r\n _.option = $.extend({\r\n wrap: null,\r\n apiDomain: '',\r\n classId: 0,\r\n level: 0,\r\n global: window\r\n }, options);\r\n\r\n _.wrap = _.option.wrap;\r\n _.model = new SettingModel;\r\n\r\n _.global = (_.option.global) ? _.option.global : window;\r\n _.currentResolution = getResolution( BREAKPOINTS, window );\r\n\r\n }\r\n\r\n init() {\r\n\r\n console.log('BeginnerTop !! ');\r\n const _ = this;\r\n\r\n _.setClass();\r\n _.setMenu();\r\n _.setHelper()\r\n _.setQuickmenu();\r\n // return _;\r\n }\r\n\r\n setClass() {\r\n const _ = this,\r\n _level = _.option.level,\r\n _classId = _.option.classId;\r\n\r\n let _className = _.model.CLASS_NAMES[_classId]; // ex. 군주\r\n let _classMagicPowerbook = _.model.CLASS_MAGIC_POWERBOOK[_classId];\r\n let _classTypeText = (_classId == 1 || _classId >= 7) ? '기술' : '마법';\r\n\r\n console.log('_className : ', _className);\r\n $('.wrap-section-beginner').removeClass().addClass( 'wrap-section-beginner class-'+ _classId );\r\n $('.header-class', _.option.wrap.itemWrap ).append( _className );\r\n (_classId == 2 ) ? $('.header-class', _.option.wrap.magicWrap ).append( _className +'(바람 계열)') : $('.header-class', _.option.wrap.magicWrap ).append( _className );\r\n\r\n $('.btn-magic-powerbook', _.option.wrap.magicWrap ).html(`
powerbook${_className} ${_classTypeText}`).attr('href', _classMagicPowerbook ); // ex. 군주or성기사 등 마법or기술 파워북\r\n \r\n\r\n let dropdown = nc.lineage.dropdown({\r\n wrap: $('.ui-dropdown-class'),\r\n activateIndex: _.option.classId+1,\r\n activateCallback: function (obj) {\r\n if(obj.index === _.option.classId+1) return;\r\n document.location.href = window.getUriCombinedParams(document.location.pathname, {\r\n classId: obj.index-1\r\n });\r\n },\r\n useDefaultSelectInMobileDevice: true\r\n });\r\n\r\n }\r\n\r\n setMenu() {\r\n const _ = this;\r\n }\r\n\r\n setHelper() {\r\n const _ = this;\r\n\r\n let _itemHelperHandler = $('.icon-helper', _.option.wrap.itemWrap ),\r\n _magicHelperHandler = $('.icon-helper', _.option.wrap.magicWrap ),\r\n _itemHelperWrap = _itemHelperHandler.siblings('.wrap-helper'),\r\n _magicHelperWrap = _magicHelperHandler.siblings('.wrap-helper'),\r\n _wrapItem = _.option.wrap.itemWrap.find('.wrap-helper') ; // $('.wrap-helper', _.option.wrap.itemWrap); /*,\r\n\r\n\r\n /*let helperInit = setTimeout( function(){\r\n _itemHelperWrap.fadeOut('fast');\r\n _magicHelperWrap.fadeOut('fast');\r\n _itemHelperHandler.removeClass('on');\r\n _magicHelperHandler.removeClass('on');\r\n }, 3000 ); */\r\n\r\n _itemHelperHandler.click(function(){\r\n //clearTimeout(helperInit);\r\n if( _itemHelperWrap.is(':visible') ) {\r\n _itemHelperWrap.fadeOut('fast');\r\n _itemHelperHandler.removeClass('on');\r\n }else {\r\n _itemHelperWrap.fadeIn('fast');\r\n _itemHelperHandler.addClass('on');\r\n }\r\n });\r\n\r\n _magicHelperHandler.click(function(){\r\n //clearTimeout(helperInit);\r\n if( _magicHelperWrap.is(':visible') ) {\r\n _magicHelperWrap.fadeOut('fast');\r\n _magicHelperHandler.removeClass('on');\r\n }else {\r\n _magicHelperWrap.fadeIn('fast');\r\n _magicHelperHandler.addClass('on');\r\n }\r\n });\r\n\r\n }\r\n\r\n setQuickmenu() {\r\n const _ = this;\r\n\r\n let _quickmenu = $('.quickmenu');\r\n let _quickbtn = $('.button-toggle', _quickmenu);\r\n let _quickitem = $('a', _quickmenu);\r\n\r\n console.log( ' _.currentResolution () : ', _.currentResolution );\r\n\r\n if(_.currentResolution == 'pc' || _.currentResolution == 'max') {\r\n _quickmenu.removeClass('off');\r\n }\r\n\r\n _quickbtn.click(function(e){\r\n e.preventDefault();\r\n _quickmenu.toggleClass('off');\r\n });\r\n\r\n\r\n\r\n _quickitem.click(function(e) {\r\n e.preventDefault();\r\n\r\n\r\n let _section = $(this).attr(\"class\");\r\n let _itemOffset = $('.wrap-section-'+ _section).offset();\r\n let _quickOffsetTop = ( _.currentResolution == 'pc' || _.currentResolution == 'max' ) ? _itemOffset.top - 59 : _itemOffset.top - 106 ;\r\n\r\n\r\n _quickitem.removeClass('on');\r\n $(this).addClass('on');\r\n\r\n $(\"html, body\").animate({\r\n scrollTop: _quickOffsetTop\r\n }, 500);\r\n\r\n\r\n });\r\n\r\n $(window).resize(function() {\r\n\r\n _.currentResolution = getResolution( BREAKPOINTS, window );\r\n if(_.currentResolution == 'pc' || _.currentResolution == 'max') {\r\n _quickmenu.removeClass('off');\r\n }else {\r\n _quickmenu.addClass('off');\r\n }\r\n\r\n // console.log( '_currentResolution : ', _.currentResolution );\r\n\r\n\r\n });\r\n\r\n\r\n\r\n\r\n }\r\n}\r\n\r\nexport default BeginnerTop;\n\n\n// WEBPACK FOOTER //\n// ./_src/js/service/beginner/BeginnerTop.js","const ALERT = {\r\n REQUIRE_LOGIN: '로그인 후 이용하실 수 있습니다.'\r\n};\r\n\r\nexport {\r\n ALERT\r\n};\n\n\n// WEBPACK FOOTER //\n// ./_src/js/model/msg/alert.js","import { getDatasWithOption } from '../../utils/service';\r\nimport { BREAKPOINTS } from '../../model/model';\r\nimport { isChrome, isDefined, isObject, not, isNotDefined, each, truthy, falsy, parseInt10, isMobileResolution, getResolution } from '../../utils/util';\r\nimport SettingModel from './tpl';\r\n\r\nclass BeginnerItem {\r\n constructor(options) {\r\n const _ = this;\r\n\r\n if (!options) return;\r\n _.option = $.extend({\r\n wrap: null,\r\n apiDomain: '',\r\n classId: 0,\r\n level: 1,\r\n isLogin: false,\r\n global: window\r\n }, options);\r\n\r\n _.model = new SettingModel;\r\n _.global = (_.option.global) ? _.option.global : window;\r\n\r\n }\r\n\r\n init() {\r\n const _ = this;\r\n console.log('BeginnerItem init !! ');\r\n\r\n _.setData();\r\n\r\n /*\r\n if (truthy(_.option.isLogin)) {\r\n if (isDefined(_.option.wrap) && _.option.wrap.length) _.setData();\r\n }\r\n return _;\r\n */\r\n\r\n }\r\n\r\n setData() {\r\n const _ = this,\r\n _level = _.option.level,\r\n _classId = _.option.classId;\r\n\r\n getDatasWithOption([{\r\n type: 'GET',\r\n url: `${_.option.apiDomain}/api/returnbrave/recommend/item/${_classId}`,\r\n dataType: 'json'\r\n }], (data) => {\r\n _.setInstance(data);\r\n }, (data) => {\r\n // no process\r\n });\r\n\r\n }\r\n\r\n\r\n setInstance(data){\r\n const _ = this,\r\n _level = _.option.level,\r\n _classId = _.option.classId,\r\n _wrap = _.option.wrap.itemWrap;\r\n let _data = data.itemRecommend;\r\n\r\n\r\n if (!Object.keys) {\r\n Object.keys = function(obj) {\r\n var keys = [];\r\n\r\n for (var i in obj) {\r\n if (obj.hasOwnProperty(i)) {\r\n keys.push(i);\r\n }\r\n }\r\n return keys;\r\n };\r\n }\r\n\r\n if (!Object.values) {\r\n Object.values = function(obj) {\r\n var values = [];\r\n for (var i in obj) {\r\n if (obj.hasOwnProperty(i)) {\r\n values.push(obj[i]);\r\n }\r\n }\r\n return values;\r\n };\r\n }\r\n\r\n\r\n\r\n let itemTpl ='';\r\n let itemTypes = Object.keys(_.model.ITEM_NAMES);\r\n let itemValues = Object.values(_.model.ITEM_NAMES);\r\n\r\n\r\n // 입수법\r\n let acqTypes = Object.keys(_.model.ACQUISITION_NAMES);\r\n let itemAcquisitionDisplay = function(acquisition) {\r\n\r\n let acquisitionDom = $('
');\r\n\r\n let acquisitionTpl = `
QNMD`;\r\n acquisitionDom.append(acquisitionTpl);\r\n\r\n acquisition.map((acquisitionItem, acquisitionIdx) => {\r\n acquisitionDom.find(`.acq-${acquisitionItem}`).addClass('on');\r\n });\r\n return acquisitionDom.html();\r\n\r\n } // itemAcquisitionDisplay function()\r\n\r\n\r\n itemTypes.map( (item,index) => {\r\n let itemName = _.model.ITEM_NAMES[item]; // ex. 무기\r\n\r\n itemTpl += `
\r\n
${itemName}
`;\r\n\r\n _data[item].map( (itemData, itemIndex) => {\r\n\r\n if(itemIndex > 5 ) return;\r\n itemTpl += `- \r\n ${itemData.itemName}\r\n ${itemAcquisitionDisplay(itemData.acquisition)}\r\n
\r\n `;\r\n });\r\n itemTpl += `
`;\r\n });\r\n // console.log('html : ', itemTpl);\r\n\r\n $('.article-item', _wrap).append( itemTpl );\r\n\r\n _.setSlick( $('.article-item', _wrap) );\r\n\r\n\r\n } // setInstance()\r\n\r\n\r\n setSlick(_wrap){\r\n const _ = this;\r\n\r\n let itemSlider = _wrap;\r\n itemSlider.slick({\r\n dots: true,\r\n infinite: true,\r\n arrows: true,\r\n speed: 300,\r\n slidesToShow: 1,\r\n slidesToScroll: 1,\r\n responsive: [\r\n {\r\n breakpoint: 3840,\r\n settings: \"unslick\"\r\n },\r\n {\r\n breakpoint: 960,\r\n settings: {\r\n slidesToShow: 2,\r\n slidesToScroll: 2,\r\n centerMode: false,\r\n centerPadding: '0'\r\n }\r\n },\r\n {\r\n breakpoint: 640,\r\n settings: {\r\n slidesToShow: 1,\r\n slidesToScroll: 1,\r\n centerMode: true,\r\n centerPadding: '40px'\r\n }\r\n }\r\n ]\r\n });\r\n $(window).resize(function() {\r\n itemSlider.slick('resize');\r\n });\r\n\r\n } // setSlick()\r\n\r\n}\r\n\r\nexport default BeginnerItem;\n\n\n// WEBPACK FOOTER //\n// ./_src/js/service/beginner/BeginnerItem.js","import { getDatasWithOption } from '../../utils/service';\r\nimport { BREAKPOINTS } from '../../model/model';\r\nimport { isChrome, isDefined, isObject, not, isNotDefined, each, truthy, falsy, parseInt10, isMobileResolution, getResolution } from '../../utils/util';\r\nimport SettingModel from './tpl';\r\n\r\nclass BeginnerMagic {\r\n constructor(options) {\r\n const _ = this;\r\n\r\n if (!options) return;\r\n _.option = $.extend({\r\n wrap: null,\r\n apiDomain: '',\r\n classId: 0,\r\n level: 1,\r\n isLogin: false,\r\n global: window\r\n }, options);\r\n\r\n _.model = new SettingModel;\r\n _.global = (_.option.global) ? _.option.global : window;\r\n\r\n }\r\n\r\n init() {\r\n const _ = this;\r\n console.log('BeginnerMagic init !! ');\r\n\r\n _.setData();\r\n\r\n }\r\n\r\n setData() {\r\n const _ = this,\r\n _level = _.option.level,\r\n _classId = _.option.classId;\r\n\r\n getDatasWithOption([{\r\n type: 'GET',\r\n url: `${_.option.apiDomain}/api/returnbrave/recommend/magic/${_classId}`,\r\n dataType: 'json'\r\n }], (data) => {\r\n _.setInstance(data);\r\n }, (data) => {\r\n // no process\r\n\r\n });\r\n\r\n }\r\n\r\n setInstance(data){\r\n const _ = this,\r\n _level = _.option.level,\r\n _classId = _.option.classId,\r\n _wrap = _.option.wrap.magicWrap;\r\n\r\n let _dataBattle = data.magicRecommend.Battle,\r\n _dataHunt = data.magicRecommend.Hunt;\r\n\r\n\r\n if (!Object.keys) {\r\n Object.keys = function(obj) {\r\n var keys = [];\r\n\r\n for (var i in obj) {\r\n if (obj.hasOwnProperty(i)) {\r\n keys.push(i);\r\n }\r\n }\r\n return keys;\r\n };\r\n }\r\n\r\n if (!Object.values) {\r\n Object.values = function(obj) {\r\n var values = [];\r\n for (var i in obj) {\r\n if (obj.hasOwnProperty(i)) {\r\n values.push(obj[i]);\r\n }\r\n }\r\n return values;\r\n };\r\n }\r\n\r\n\r\n let magicTpl = '',\r\n magicBattleTpl = '',\r\n magicHuntTpl = '';\r\n\r\n let magicHuntDom = $('
사냥용
');\r\n let magicBattleDom = $('
전투용
');\r\n\r\n // 입수법\r\n let acqTypes = Object.keys(_.model.ACQUISITION_NAMES);\r\n let magicAcquisitionDisplay = function(acquisition) {\r\n let acquisitionDom = $('
');\r\n let acquisitionTpl = `
QND`;\r\n acquisitionDom.append(acquisitionTpl);\r\n\r\n acquisition.map((acquisitionItem, acquisitionIdx) => {\r\n acquisitionDom.find(`.acq-${acquisitionItem}`).addClass('on');\r\n });\r\n return acquisitionDom.html();\r\n } // itemAcquisitionDisplay function()\r\n\r\n\r\n // magic Battle\r\n\r\n if(_dataBattle.required.length <= 0) {\r\n magicBattleTpl += ``;\r\n } else {\r\n magicBattleTpl += `
\r\n
필수
| 마법 | 습득 레벨 | 획득 방법 | 패시브 |
|---|
`;\r\n _dataBattle.required.map((item, index) => {\r\n magicBattleTpl += `\r\n | ${item.magicName} | \r\n ${item.magicLevel} | \r\n ${magicAcquisitionDisplay(item.acquisition)} | \r\n ${item.magicPassive || `-`} | \r\n
`;\r\n });\r\n }\r\n magicBattleTpl += `
`;\r\n\r\n\r\n if(_dataBattle.option.length <= 0) {\r\n magicBattleTpl += ``;\r\n } else {\r\n magicBattleTpl += `
\r\n
선택
| 마법 | 습득 레벨 | 획득 방법 | 패시브 |
|---|
`;\r\n _dataBattle.option.map((item, index) => {\r\n magicBattleTpl += `\r\n | ${item.magicName} | \r\n ${item.magicLevel} | \r\n ${magicAcquisitionDisplay(item.acquisition)} | \r\n ${item.magicPassive || `-`} | \r\n
`;\r\n });\r\n magicBattleTpl += `
`;\r\n }\r\n\r\n\r\n // magic Hunt\r\n\r\n if(_dataHunt.required.length <= 0) {\r\n magicHuntTpl += ``;\r\n } else {\r\n magicHuntTpl += `
\r\n
필수
| 마법 | 습득 레벨 | 획득 방법 | 패시브 |
|---|
`;\r\n _dataHunt.required.map((item, index) => {\r\n magicHuntTpl += `\r\n | ${item.magicName} | \r\n ${item.magicLevel} | \r\n ${magicAcquisitionDisplay(item.acquisition)} | \r\n ${item.magicPassive || `-`} | \r\n
`;\r\n });\r\n magicHuntTpl += `
`;\r\n }\r\n\r\n if(_dataHunt.option.length <= 0) {\r\n magicHuntTpl += ``;\r\n } else {\r\n magicHuntTpl += `
\r\n
선택
| 마법 | 습득 레벨 | 획득 방법 | 패시브 |
|---|
`;\r\n _dataHunt.option.map((item, index) => {\r\n magicHuntTpl += `\r\n | ${item.magicName} | \r\n ${item.magicLevel} | \r\n ${magicAcquisitionDisplay(item.acquisition)} | \r\n ${item.magicPassive || `-`} | \r\n
`;\r\n });\r\n magicHuntTpl += `
`;\r\n }\r\n\r\n magicHuntDom.append(magicHuntTpl);\r\n magicBattleDom.append(magicBattleTpl);\r\n\r\n $('.article-magic', _wrap).append( magicHuntDom.wrapAll('
').parent().html() , magicBattleDom.wrapAll('
').parent().html() );\r\n\r\n\r\n } // setInstance()\r\n\r\n}\r\n\r\nexport default BeginnerMagic;\n\n\n// WEBPACK FOOTER //\n// ./_src/js/service/beginner/BeginnerMagic.js","import { getDatasWithOption } from '../../utils/service';\r\nimport { BREAKPOINTS } from '../../model/model';\r\nimport { isChrome, isDefined, isObject, not, isNotDefined, each, truthy, falsy, parseInt10, isMobileResolution, getResolution } from '../../utils/util';\r\nimport SettingModel from './tpl';\r\n\r\nclass BeginnerHunt {\r\n constructor(options) {\r\n const _ = this;\r\n\r\n if (!options) return;\r\n\r\n _.option = $.extend({\r\n wrap: null,\r\n apiDomain: '',\r\n classId: 0,\r\n level: 1,\r\n isLogin: false,\r\n global: window\r\n }, options);\r\n\r\n _.model = new SettingModel;\r\n _.global = (_.option.global) ? _.option.global : window;\r\n\r\n }\r\n\r\n/* init() {\r\n const _ = this\r\n console.log('BeginnerHunt init !! ');\r\n\r\n _.setData();\r\n\r\n }*/\r\n init() {\r\n const _ = this,\r\n _wrap = _.option.wrap.huntWrap;\r\n console.log('# BeginnerHunt init !! ');\r\n\r\n getDatasWithOption([{\r\n type: 'GET',\r\n url: _.option.apiDomain +'/conti/getContent?service=lineage&alias=beginner-hunt&lang=ko-KR',\r\n dataType: 'json',\r\n contentType: 'application/json',\r\n Accept: 'application/json'\r\n }], (data) => {\r\n console.log('# BeginnerRecommend.js data : ', JSON.parse(data.jsonData) );\r\n if(data.jsonData.length <= 0) {\r\n _.setNoData();\r\n } else {\r\n _.setData(JSON.parse(data.jsonData));\r\n }\r\n }, (data) => {\r\n console.log('데이터를 불러올 수 없습니다. 잠시 후, 다시 시도해주세요.');\r\n });\r\n }\r\n\r\n setNoData() {\r\n $(this.option.wrap.recommendWrap).empty().append(`
-
`);\r\n }\r\n\r\n setData(data) {\r\n const _ = this,\r\n _level = _.option.level,\r\n _classId = _.option.classId,\r\n // _data = _.global.huntData.groups,\r\n _wrap = _.option.wrap.huntWrap;\r\n\r\n\r\n _.setInstance(data.groups);\r\n\r\n\r\n /*let _lv;\r\n if( 80 <= _level ) {\r\n _lv = 4;\r\n } else if ( 75 <= _level && _level < 80 ) {\r\n _lv = 3;\r\n } else if ( 55 <= _level && _level < 75 ) {\r\n _lv = 2;\r\n } else {\r\n _lv = 1;\r\n }*/\r\n let _lv = 1;\r\n\r\n $('.tab li', _wrap).removeClass('on');\r\n $('.table' , _wrap).hide();\r\n\r\n $('.tab li:nth-child('+ _lv +')', _wrap).addClass('on');\r\n $('#hunt-'+ _lv , _wrap).show();\r\n\r\n\r\n $('.tab a', _wrap).on('click', function(){\r\n let _lv = $(this).data('lv');\r\n\r\n $('.tab li', _wrap).removeClass('on');\r\n $('.table' , _wrap).hide();\r\n\r\n $('.tab li:nth-child('+ _lv +')', _wrap).addClass('on');\r\n $('#hunt-'+ _lv , _wrap).show();\r\n return false;\r\n });\r\n\r\n // _.setActive(_lv);\r\n\r\n }\r\n\r\n\r\n setInstance(data){\r\n const _ = this,\r\n _level = _.option.level,\r\n _classId = _.option.classId,\r\n _wrap = _.option.wrap.huntWrap;\r\n\r\n let tpl = '';\r\n\r\n console.log('setInstance() data : ', data);\r\n\r\n data.map( (groups, groupsIndex) => {\r\n const group = groups.items;\r\n let _idx = groupsIndex +1;\r\n\r\n tpl += `\r\n
\r\n \r\n \r\n | 사냥터 | `;\r\n\r\n\r\n group.map( (item, itemIndex) => {\r\n tpl += `${item.name} | `;\r\n });\r\n tpl += `
\r\n \r\n \r\n \r\n | 입장 조건 | `;\r\n group.map( (item, itemIndex) => {\r\n tpl += `${item.limit} | `;\r\n });\r\n tpl += `
\r\n\t\t\t\t\r\n | 지역 설정 | `;\r\n group.map( (item, itemIndex) => {\r\n tpl += `${item.zone} | `;\r\n });\r\n tpl += `
\r\n\t\t\t\t\r\n | 주요 특징 | `;\r\n group.map( (item, itemIndex) => {\r\n tpl += `${item.feature} | `;\r\n });\r\n\r\n tpl += `
\r\n \r\n
`;\r\n });\r\n\r\n let tmpl_tab = `\r\n
\r\n ${data.map( (item, i) => {\r\n return `- ${item.title}
`;\r\n }).join('')}\r\n
\r\n `;\r\n\r\n $('.article-tab', _wrap).empty().append(tmpl_tab); // tab\r\n $('.table-bundle-row', _wrap).empty().append(tpl);\r\n\r\n\r\n } // setInstance()\r\n\r\n\r\n\r\n}\r\n\r\nexport default BeginnerHunt;\n\n\n// WEBPACK FOOTER //\n// ./_src/js/service/beginner/BeginnerHunt.js","import { getDatasWithOption } from '../../utils/service';\r\nimport { BREAKPOINTS } from '../../model/model';\r\nimport { isChrome, isDefined, isObject, not, isNotDefined, each, truthy, falsy, parseInt10, isMobileResolution, getResolution } from '../../utils/util';\r\n\r\nclass BeginnerRecommend {\r\n constructor(options) {\r\n const _ = this;\r\n\r\n if (!options) return;\r\n\r\n if (!options) return;\r\n _.option = $.extend({\r\n wrap: null,\r\n apiDomain: '',\r\n classId: 0,\r\n level: 1,\r\n isLogin: false,\r\n global: window\r\n }, options);\r\n\r\n _.global = (_.option.global) ? _.option.global : window;\r\n\r\n }\r\n\r\n init() {\r\n const _ = this,\r\n _wrap = _.option.wrap.recommendWrap;\r\n console.log('# BeginnerRecommend init !! ');\r\n\r\n getDatasWithOption([{\r\n type: 'GET',\r\n url: _.option.apiDomain +'/conti/getContent?service=lineage&alias=beginner-recommend&lang=ko-KR',\r\n dataType: 'json',\r\n contentType: 'application/json',\r\n Accept: 'application/json'\r\n }], (data) => {\r\n console.log('# BeginnerRecommend.js data : ', JSON.parse(data.jsonData) );\r\n if(data.jsonData.length <= 0) {\r\n _.setNoData();\r\n } else {\r\n _.setData(JSON.parse(data.jsonData));\r\n _.setVideoData(JSON.parse(data.jsonData));\r\n }\r\n }, (data) => {\r\n console.log('데이터를 불러올 수 없습니다. 잠시 후, 다시 시도해주세요.');\r\n });\r\n\r\n }\r\n setNoData() {\r\n $(this.option.wrap.recommendWrap).empty().append(`
-
`);\r\n }\r\n setData(data) {\r\n let _data = data.items;\r\n let _tmpl = `
\r\n \r\n \r\n 플레이에 도움을 줄 유용한 콘텐츠들을
놓치지 말고 확인하세요.
\r\n \t\r\n ${_data.map((item, index) => {\r\n return `
`;\r\n }).join('')}\r\n
`;\r\n $(this.option.wrap.recommendWrap).empty().append(_tmpl);\r\n this.setSlick();\r\n }\r\n setVideoData(data) {\r\n let _data = data.videoItems;\r\n let _tmpl = `
\r\n \r\n \r\n \t\r\n ${_data.map((item, index) => {\r\n return `- \r\n ${item.subject}\r\n
`;\r\n }).join('')}\r\n
\r\n \r\n `;\r\n $(this.option.wrap.videoWrap).empty().append(_tmpl);\r\n }\r\n\r\n setSlick(){\r\n const _ = this,\r\n _wrap = _.option.wrap.recommendWrap;\r\n\r\n let recommendSlider = $('.article-recommend', _wrap);\r\n recommendSlider.slick({\r\n dots: true,\r\n infinite: true,\r\n arrows: true,\r\n speed: 300,\r\n slidesToShow: 2,\r\n slidesToScroll: 2,\r\n responsive: [\r\n {\r\n breakpoint: 3840,\r\n settings: \"unslick\"\r\n },\r\n {\r\n breakpoint: 960,\r\n settings: {\r\n slidesToShow: 3,\r\n slidesToScroll: 3\r\n }\r\n },\r\n {\r\n breakpoint: 640,\r\n settings: {\r\n slidesToShow: 2,\r\n slidesToScroll: 2\r\n }\r\n }\r\n ]\r\n });\r\n $(window).resize(function() {\r\n recommendSlider.slick('resize');\r\n });\r\n\r\n\r\n } // setSlick()\r\n\r\n}\r\n\r\nexport default BeginnerRecommend;\n\n\n// WEBPACK FOOTER //\n// ./_src/js/service/beginner/BeginnerRecommend.js"],"sourceRoot":""}