{"version":3,"sources":["webpack:///./src/assets/images/icon/game-toolbar/fanpage-gray.svg","webpack:///./src/assets/images/icon/game-toolbar/download.svg","webpack:///./src/views/game/rank/BattlePower.vue","webpack:///./src/services/rankService.js","webpack:///src/views/game/rank/BattlePower.vue","webpack:///./src/views/game/rank/BattlePower.vue?1c70","webpack:///./src/views/game/rank/BattlePower.vue?820a","webpack:///./src/services/gameService.js","webpack:///./src/assets/images/icon/game-toolbar/homepage-grey.svg","webpack:///./src/services/serverGameService.js","webpack:///./src/components/headers/GameHeader.vue","webpack:///src/components/headers/GameHeader.vue","webpack:///./src/components/headers/GameHeader.vue?37da","webpack:///./src/components/headers/GameHeader.vue?11b3","webpack:///./src/components/headers/GameHeader.vue?06a9"],"names":["module","exports","render","_vm","this","_c","_self","staticClass","attrs","$t","_v","_s","ref","on","$event","preventDefault","onSubmit","scopedSlots","_u","key","fn","errors","servers","loading","formData","idGame","model","value","idServer","callback","$$v","$set","expression","_e","staticStyle","rank","length","_l","r","i","$n","roleName","level","battlePower","staticRenderFns","rankService","data","httpHelper","get","name","components","GameHeader","id","created","$bridge","$on","onSetGame","beforeDestroy","$off","methods","game","loadServers","$gotoHomePage","_response$data$find","response","serverGameService","getAllByGame","dialogHelper","alert","error","message","serverId","$route","query","server","find","x","serverNumber","watch","component","gameService","aliasUrl","_t","pageName","label","click","$router","push","params","iconUrl","getUrl","downloadUrl","require","homeUrl","fanpageUrl","props","json","window","sessionStorage","getItem","JSON","parse","e","console","log","$store","dispatch","$emit","detail","setItem","stringify"],"mappings":"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","file":"js/chunk-effd6d06.01166bbf.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/fanpage-gray.2fdb72ff.svg\";","module.exports = __webpack_public_path__ + \"img/download.8daf6b98.svg\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"page page-account\"},[_c('b-col',{staticClass:\"py-3\"},[_c('GameHeader',{attrs:{\"page-name\":_vm.$t('Battle power rank')}}),_c('RowLine'),_c('div',{staticClass:\"game-feature\"},[_c('h1',{staticClass:\"feature-title\"},[_vm._v(_vm._s(_vm.$t(\"Battle power rank\")))]),_c('ValidationObserver',{ref:\"form\",staticClass:\"form app-form\",attrs:{\"tag\":\"form\"},on:{\"submit\":function($event){$event.preventDefault();return _vm.onSubmit()}}},[_c('b-form-group',[_c('ValidationProvider',{attrs:{\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function({ errors }){return [_c('b-select',{attrs:{\"options\":_vm.servers,\"value-field\":\"id\",\"text-field\":\"name\",\"disabled\":_vm.loading || _vm.formData.idGame < 1},model:{value:(_vm.formData.idServer),callback:function ($$v) {_vm.$set(_vm.formData, \"idServer\", $$v)},expression:\"formData.idServer\"}}),_c('div',{staticClass:\"msg-validate-error\"},[_vm._v(_vm._s(errors[0]))])]}}])})],1)],1),_c('LoadingModal',{attrs:{\"show\":_vm.loading}}),(!_vm.loading)?_c('table',{staticClass:\"ml-auto mr-auto table table-bordered\"},[_c('thead',[_c('tr',[_c('th',{staticStyle:{\"width\":\"50px\"}},[_vm._v(_vm._s(_vm.$t(\"No.\")))]),_c('th',[_vm._v(_vm._s(_vm.$t(\"Role name\")))]),_c('th',{staticStyle:{\"width\":\"120px\"}},[_vm._v(_vm._s(_vm.$t(\"Level\")))]),_c('th',{staticStyle:{\"width\":\"120px\"}},[_vm._v(_vm._s(_vm.$t(\"Battle power\")))])])]),(_vm.rank.length)?_c('tbody',_vm._l((_vm.rank),function(r,i){return _c('tr',{key:i},[_c('th',{staticClass:\"text-center\"},[_vm._v(_vm._s(_vm.$n(i + 1)))]),_c('td',[_vm._v(_vm._s(r.roleName))]),_c('td',{staticClass:\"text-center\"},[_vm._v(_vm._s(_vm.$n(r.level)))]),_c('td',{staticClass:\"text-center\"},[_vm._v(_vm._s(_vm.$n(r.battlePower)))])])}),0):_c('tbody',[_c('tr',[_c('td',{staticClass:\"text-center\",attrs:{\"colspan\":\"4\"}},[_vm._v(\" \"+_vm._s(_vm.$t(\"Rank table is updating\"))+\" \")])])])]):_vm._e()],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import httpHelper from \"@/helpers/httpHelper\";\n\nconst rankService = {\n  async battlePower(data) {\n    return await httpHelper.get(\"/WebApi/Rank/BattlePower\", data);\n  },\n};\n\nexport default rankService;\n","<template>\n  <div class=\"page page-account\">\n    <b-col class=\"py-3\">\n      <GameHeader :page-name=\"$t('Battle power rank')\" />\n      <RowLine />\n      <div class=\"game-feature\">\n        <h1 class=\"feature-title\">{{ $t(\"Battle power rank\") }}</h1>\n        <ValidationObserver\n          ref=\"form\"\n          tag=\"form\"\n          class=\"form app-form\"\n          @submit.prevent=\"onSubmit()\"\n        >\n          <b-form-group>\n            <ValidationProvider rules=\"required\" v-slot=\"{ errors }\">\n              <b-select\n                v-model=\"formData.idServer\"\n                :options=\"servers\"\n                value-field=\"id\"\n                text-field=\"name\"\n                :disabled=\"loading || formData.idGame < 1\"\n              />\n              <div class=\"msg-validate-error\">{{ errors[0] }}</div>\n            </ValidationProvider>\n          </b-form-group>\n        </ValidationObserver>\n        <LoadingModal :show=\"loading\" />\n        <table class=\"ml-auto mr-auto table table-bordered\" v-if=\"!loading\">\n          <thead>\n            <tr>\n              <th style=\"width: 50px\">{{ $t(\"No.\") }}</th>\n              <th>{{ $t(\"Role name\") }}</th>\n              <th style=\"width: 120px\">{{ $t(\"Level\") }}</th>\n              <th style=\"width: 120px\">{{ $t(\"Battle power\") }}</th>\n            </tr>\n          </thead>\n          <tbody v-if=\"rank.length\">\n            <tr v-for=\"(r, i) in rank\" :key=\"i\">\n              <th class=\"text-center\">{{ $n(i + 1) }}</th>\n              <td>{{ r.roleName }}</td>\n              <td class=\"text-center\">{{ $n(r.level) }}</td>\n              <td class=\"text-center\">{{ $n(r.battlePower) }}</td>\n            </tr>\n          </tbody>\n          <tbody v-else>\n            <tr>\n              <td colspan=\"4\" class=\"text-center\">\n                {{ $t(\"Rank table is updating\") }}\n              </td>\n            </tr>\n          </tbody>\n        </table>\n      </div>\n    </b-col>\n  </div>\n</template>\n\n<script>\nimport GameHeader from \"@/components/headers/GameHeader\";\nimport serverGameService from \"@/services/serverGameService\";\nimport dialogHelper from \"@/helpers/dialogHelper\";\nimport rankService from \"../../../services/rankService\";\n\nexport default {\n  name: \"Index\",\n  components: { GameHeader },\n  data() {\n    return {\n      loading: false,\n      servers: [\n        {\n          id: 0,\n          name: this.$t(\"Select a server\"),\n        },\n      ],\n      formData: {\n        idGame: 0,\n        idServer: 0,\n      },\n      rank: [],\n    };\n  },\n  created() {\n    this.$bridge.$on(\"setCurrentGame\", this.onSetGame);\n  },\n  beforeDestroy() {\n    this.$bridge.$off(\"setCurrentGame\", this.onSetGame);\n  },\n  methods: {\n    async onSetGame(game) {\n      if (!game) {\n        this.$gotoHomePage();\n        return;\n      }\n\n      this.formData.idGame = game.id;\n      await this.loadServers(game.id);\n    },\n    async loadServers(idGame) {\n      let servers = [\n        {\n          id: 0,\n          name: this.$t(\"Select a server\"),\n        },\n      ];\n\n      const response = await serverGameService.getAllByGame(idGame);\n      this.loading = false;\n      if (!response) {\n        await dialogHelper.alert(\n          \"Connect to server failed. Please check your internet connection\"\n        );\n        this.$gotoHomePage();\n        return;\n      }\n      if (response.error) {\n        await dialogHelper.alert(response.message);\n        this.$gotoHomePage();\n        return;\n      }\n      this.servers = response.data;\n      if (!response.data.length) {\n        this.$gotoHomePage();\n        return;\n      }\n\n      const { serverId } = this.$route.query;\n      const server = serverId\n        ? response.data.find((x) => x.serverNumber == serverId) ??\n          response.data[0]\n        : response.data[0];\n\n      this.formData.idServer = server.id;\n    },\n  },\n  watch: {\n    \"formData.idServer\": async function () {\n      this.loading = true;\n      const response = await rankService.battlePower(this.formData);\n      this.loading = false;\n\n      if (!response) {\n        await dialogHelper.alert(\n          \"Connect to server failed. Please check your internet connection\"\n        );\n        return;\n      }\n\n      if (response.error) {\n        await dialogHelper.alert(response.message);\n        return;\n      }\n\n      this.rank = response.data;\n    },\n  },\n};\n</script>\n\n<style scoped></style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BattlePower.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BattlePower.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./BattlePower.vue?vue&type=template&id=6226e2bf&scoped=true\"\nimport script from \"./BattlePower.vue?vue&type=script&lang=js\"\nexport * from \"./BattlePower.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"6226e2bf\",\n  null\n  \n)\n\nexport default component.exports","import httpHelper from \"@/helpers/httpHelper\";\n\nconst gameService = {\n    async detail(aliasUrl) {\n        return await httpHelper.get(\"/WebApi/Game/Detail\", {aliasUrl});\n    },\n    async getAll() {\n        return await httpHelper.get(\"/WebApi/Game/GetAll\");\n    }\n};\n\nexport default gameService;","module.exports = __webpack_public_path__ + \"img/homepage-grey.dea93aeb.svg\";","import httpHelper from \"@/helpers/httpHelper\";\n\nconst serverGameService = {\n    async getAllByGame(idGame) {\n        return await httpHelper.get(\"/WebApi/GameServer/GetAllByGame\", {idGame});\n    },\n};\n\nexport default serverGameService;","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"game-header\"},[(_vm.loading)?_c('LoadingPanel'):(_vm.game == null)?_c('NotFoundPanel'):_c('div',[_vm._t(\"breadcrumb\",function(){return [(_vm.game)?_c('div',[(_vm.pageName)?_c('Breadcrumb',{attrs:{\"items\":[\n            {\n              label: _vm.$t('Game detail'),\n              click: () =>\n                _vm.$router.push({\n                  name: 'GameDetail',\n                  params: { aliasUrl: _vm.game.aliasUrl },\n                }),\n            },\n            { label: _vm.pageName },\n          ]}}):_c('Breadcrumb',{attrs:{\"items\":[{ label: _vm.game.name }]}})],1):_vm._e()]},null,_vm.game),_c('div',{staticClass:\"d-flex\"},[_c('img',{staticClass:\"game-icon mr-3\",attrs:{\"src\":_vm.game.iconUrl.getUrl(),\"alt\":\"\"}}),_c('div',{staticClass:\"game-content\"},[_c('h1',{staticClass:\"game-name\"},[_vm._v(_vm._s(_vm.game.name))]),_c('div',{staticClass:\"game-links d-flex justify-content-between\"},[(_vm.game.downloadUrl && _vm.game.downloadUrl.length > 0)?_c('div',{staticClass:\"game-link\"},[_c('a',{attrs:{\"href\":_vm.game.downloadUrl,\"download\":\"\"}},[_c('img',{staticClass:\"mr-1\",attrs:{\"src\":require(\"../../assets/images/icon/game-toolbar/download.svg\"),\"alt\":\"\"}}),_vm._v(_vm._s(_vm.$t(\"Download game\"))+\" \")])]):_vm._e(),(_vm.game.homeUrl && _vm.game.homeUrl.length > 0)?_c('div',{staticClass:\"game-link\"},[_c('a',{attrs:{\"href\":_vm.game.homeUrl}},[_c('img',{staticClass:\"mr-1\",attrs:{\"src\":require(\"../../assets/images/icon/game-toolbar/homepage-grey.svg\"),\"alt\":\"\"}}),_vm._v(_vm._s(_vm.$t(\"Home page\"))+\" \")])]):_vm._e(),(_vm.game.fanpageUrl && _vm.game.fanpageUrl.length > 0)?_c('div',{staticClass:\"game-link\"},[_c('a',{attrs:{\"href\":_vm.game.fanpageUrl}},[_c('img',{staticClass:\"mr-1\",attrs:{\"src\":require(\"../../assets/images/icon/game-toolbar/fanpage-gray.svg\"),\"alt\":\"\"}}),_vm._v(_vm._s(_vm.$t(\"Fanpage\"))+\" \")])]):_vm._e()])])])],2)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"game-header\">\n    <LoadingPanel v-if=\"loading\" />\n    <NotFoundPanel v-else-if=\"game == null\" />\n    <div v-else>\n      <slot name=\"breadcrumb\" v-bind=\"game\">\n        <div v-if=\"game\">\n          <Breadcrumb\n            v-if=\"pageName\"\n            :items=\"[\n              {\n                label: $t('Game detail'),\n                click: () =>\n                  $router.push({\n                    name: 'GameDetail',\n                    params: { aliasUrl: game.aliasUrl },\n                  }),\n              },\n              { label: pageName },\n            ]\"\n          />\n          <Breadcrumb v-else :items=\"[{ label: game.name }]\" />\n        </div>\n      </slot>\n      <div class=\"d-flex\">\n        <img :src=\"game.iconUrl.getUrl()\" class=\"game-icon mr-3\" alt=\"\" />\n        <div class=\"game-content\">\n          <h1 class=\"game-name\">{{ game.name }}</h1>\n          <div class=\"game-links d-flex justify-content-between\">\n            <div\n              class=\"game-link\"\n              v-if=\"game.downloadUrl && game.downloadUrl.length > 0\"\n            >\n              <a :href=\"game.downloadUrl\" download>\n                <img\n                  src=\"../../assets/images/icon/game-toolbar/download.svg\"\n                  class=\"mr-1\"\n                  alt=\"\"\n                />{{ $t(\"Download game\") }}\n              </a>\n            </div>\n            <div\n              class=\"game-link\"\n              v-if=\"game.homeUrl && game.homeUrl.length > 0\"\n            >\n              <a :href=\"game.homeUrl\">\n                <img\n                  src=\"../../assets/images/icon/game-toolbar/homepage-grey.svg\"\n                  class=\"mr-1\"\n                  alt=\"\"\n                />{{ $t(\"Home page\") }}\n              </a>\n            </div>\n            <div\n              class=\"game-link\"\n              v-if=\"game.fanpageUrl && game.fanpageUrl.length > 0\"\n            >\n              <a :href=\"game.fanpageUrl\">\n                <img\n                  src=\"../../assets/images/icon/game-toolbar/fanpage-gray.svg\"\n                  class=\"mr-1\"\n                  alt=\"\"\n                />{{ $t(\"Fanpage\") }}\n              </a>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport gameService from \"@/services/gameService\";\nimport dialogHelper from \"@/helpers/dialogHelper\";\n\nexport default {\n  name: \"GameHeader\",\n  props: [\"aliasUrl\", \"pageName\"],\n  data() {\n    return {\n      game: null,\n      loading: true,\n    };\n  },\n  async created() {\n    let game;\n    let aliasUrl = this.aliasUrl || this.$route.params.aliasUrl;\n    if (!aliasUrl) {\n      this.loading = false;\n      return;\n    }\n\n    try {\n      const json = window.sessionStorage.getItem(\"game:\" + aliasUrl);\n      if (json) game = JSON.parse(json);\n    } catch (e) {\n      console.log(e);\n    }\n\n    if (game) {\n      this.game = game;\n      await this.$store.dispatch(\"setCurrentGame\", game);\n      this.$bridge.$emit(\"setCurrentGame\", game);\n      this.loading = false;\n      return;\n    }\n\n    const response = await gameService.detail(aliasUrl);\n    if (!response) {\n      this.loading = false;\n      await dialogHelper.alert(\n        \"Connect to server failed. Please check your internet connection\"\n      );\n      return;\n    }\n\n    game = response.data;\n    await this.$store.dispatch(\"setCurrentGame\", game);\n    try {\n      window.sessionStorage.setItem(\"game:\" + aliasUrl, JSON.stringify(game));\n    } catch (e) {\n      console.log(e);\n    }\n\n    this.game = game;\n    this.loading = false;\n    this.$bridge.$emit(\"setCurrentGame\", game);\n  },\n};\n</script>\n\n<style scoped lang=\"scss\">\n.game-header {\n  .game-icon {\n    height: 52px;\n    width: 52px;\n    object-fit: contain;\n  }\n\n  .game-content {\n    flex: 1;\n\n    .game-name {\n      font-size: 16px;\n      font-weight: 400;\n    }\n\n    .game-links {\n      .game-link {\n        font-size: 12px;\n        padding-right: 5px;\n\n        a {\n          color: #8e8e93;\n\n          img {\n            vertical-align: text-top;\n          }\n        }\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GameHeader.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GameHeader.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./GameHeader.vue?vue&type=template&id=d23e3586&scoped=true\"\nimport script from \"./GameHeader.vue?vue&type=script&lang=js\"\nexport * from \"./GameHeader.vue?vue&type=script&lang=js\"\nimport style0 from \"./GameHeader.vue?vue&type=style&index=0&id=d23e3586&prod&scoped=true&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"d23e3586\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GameHeader.vue?vue&type=style&index=0&id=d23e3586&prod&scoped=true&lang=scss\""],"sourceRoot":""}