{"version":3,"sources":["webpack:///./src/assets/images/icon/game-toolbar/fanpage-gray.svg","webpack:///./src/assets/images/icon/game-toolbar/download.svg","webpack:///./src/services/gameService.js","webpack:///./src/assets/images/icon/game-toolbar/homepage-grey.svg","webpack:///./src/views/game/pointShop/Index.vue","webpack:///./src/services/pointShopService.js","webpack:///src/views/game/pointShop/Index.vue","webpack:///./src/views/game/pointShop/Index.vue?56c7","webpack:///./src/views/game/pointShop/Index.vue?46a4","webpack:///./src/services/serverGameService.js","webpack:///./src/views/game/pointShop/Index.vue?11cc","webpack:///./src/services/roleService.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","gameService","aliasUrl","httpHelper","get","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","roles","idRole","_l","categories","category","index","id","idCategory","name","packages","length","item","buyTimes","domProps","_e","proxy","amount","$toString","$config","pointName","price","items","goods","i","imageUrl","getUrl","$n","quantity","staticRenderFns","pointShopService","data","reCaptchaToken","post","headers","components","GameHeader","timeout","idPointShop","created","$bridge","$on","onSetGame","beforeDestroy","$off","methods","game","loadServers","$gotoHomePage","clearTimeout","setTimeout","response","dialogHelper","alert","error","message","serverGameService","getAllByGame","confirm","$recaptchaLoaded","buy","$recaptcha","loadPackages","watch","newValue","roleService","getRolesByServer","component","_t","pageName","label","click","$router","push","params","iconUrl","downloadUrl","require","homeUrl","fanpageUrl","props","$route","json","window","sessionStorage","getItem","JSON","parse","e","console","log","$store","dispatch","$emit","detail","setItem","stringify"],"mappings":"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","file":"js/chunk-5810842c.70f9a36e.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/fanpage-gray.2fdb72ff.svg\";","module.exports = __webpack_public_path__ + \"img/download.8daf6b98.svg\";","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\";","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('Point shop')}}),_c('RowLine'),_c('div',{staticClass:\"game-feature\"},[_c('h1',{staticClass:\"feature-title\"},[_vm._v(_vm._s(_vm.$t(\"Point shop\")))]),_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),_c('b-form-group',[_c('ValidationProvider',{attrs:{\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function({ errors }){return [_c('b-select',{attrs:{\"options\":_vm.roles,\"value-field\":\"id\",\"text-field\":\"name\",\"disabled\":_vm.loading || _vm.formData.idServer < 1},model:{value:(_vm.formData.idRole),callback:function ($$v) {_vm.$set(_vm.formData, \"idRole\", $$v)},expression:\"formData.idRole\"}}),_c('div',{staticClass:\"msg-validate-error\"},[_vm._v(_vm._s(errors[0]))])]}}])})],1),_c('b-form-group',_vm._l((_vm.categories),function(category,index){return _c('b-button',{key:index,staticClass:\"btn-rounded mr-1 mb-1\",attrs:{\"variant\":category.id === _vm.formData.idCategory ? 'primary' : 'outline-primary'},on:{\"click\":function($event){_vm.formData.idCategory = category.id}}},[_vm._v(\" \"+_vm._s(category.name)+\" \")])}),1),(_vm.packages.length === 0)?_c('b-form-group',[_c('NotFoundPanel')],1):_c('b-form-group',[_c('b-row',_vm._l((_vm.packages),function(item,index){return _c('b-col',{key:index,staticClass:\"mb-3\",attrs:{\"sm\":\"6\"}},[_c('b-card',{staticClass:\"ws\",scopedSlots:_vm._u([{key:\"header\",fn:function(){return [_c('div',[_c('h3',[_vm._v(_vm._s(item.name))]),(item.buyTimes > 0)?_c('div',{staticClass:\"ws-buy-times\",domProps:{\"innerHTML\":_vm._s(_vm.$t('You have {0} purchases left', [item.buyTimes]))}}):_vm._e()])]},proxy:true},{key:\"footer\",fn:function(){return [_c('div',{staticClass:\"d-flex align-items-center justify-content-between\"},[_c('div',[_c('div',{staticClass:\"ws-amount\"},[_c('b',[_vm._v(_vm._s(item.amount.$toString()))]),_vm._v(\" \"+_vm._s(_vm.$config.pointName))]),(item.price > item.amount)?_c('div',{staticClass:\"ws-price\"},[_vm._v(_vm._s(item.price.$toString())+\" \"+_vm._s(_vm.$config.pointName))]):_vm._e()]),_c('b-button',{staticClass:\"btn-rounded\",attrs:{\"variant\":\"primary\",\"size\":\"sm\"},on:{\"click\":function($event){return _vm.onSubmit(item)}}},[_vm._v(_vm._s(_vm.$t(\"Buy\")))])],1)]},proxy:true}],null,true)},[_c('perfect-scrollbar',_vm._l((item.items),function(goods,i){return _c('div',{key:i,staticClass:\"ws-goods\"},[_c('img',{attrs:{\"src\":goods.imageUrl.getUrl()}}),_vm._v(_vm._s(goods.name)+\" x \"+_vm._s(_vm.$n(goods.quantity)))])}),0)],1)],1)}),1)],1),_c('b-form-group',{staticClass:\"pt-2\"},[_c('div',{staticClass:\"font-weight-bold\"},[_vm._v(\" 1. Point shop is a place to buy items with accumulated points received when you top up coins \")]),_c('div',{staticClass:\"font-weight-bold text-danger\"},[_vm._v(\" 2. Deposit 10,000 coins will correspond to 1 point. \")]),_c('div',[_vm._v(\" 3. Purchasing with Points will not affect your Coin amount. \")])])],1),_c('LoadingModal',{attrs:{\"show\":_vm.loading}})],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import httpHelper from \"@/helpers/httpHelper\";\n\nconst pointShopService = {\n    async get(data) {\n        return await httpHelper.get(\"/WebApi/PointShop/Get\", data);\n    },\n    async buy(data, reCaptchaToken) {\n        return await httpHelper.post(\"/WebApi/PointShop/Buy\", data, {\n            headers: {\n                reCaptchaToken\n            }\n        });\n    },\n};\n\nexport default pointShopService;","<template>\n  <div class=\"page page-account\">\n    <b-col class=\"py-3\">\n      <GameHeader :page-name=\"$t('Point shop')\"/>\n      <RowLine />\n      <div class=\"game-feature\">\n        <h1 class=\"feature-title\">{{$t(\"Point shop\")}}</h1>\n        <ValidationObserver ref=\"form\" tag=\"form\" class=\"form app-form\" @submit.prevent=\"onSubmit()\">\n          <b-form-group>\n            <ValidationProvider rules=\"required\" v-slot=\"{ errors }\">\n              <b-select v-model=\"formData.idServer\" :options=\"servers\" value-field=\"id\" text-field=\"name\" :disabled=\"loading || formData.idGame < 1\"/>\n              <div class=\"msg-validate-error\">{{ errors[0] }}</div>\n            </ValidationProvider>\n          </b-form-group>\n          <b-form-group>\n            <ValidationProvider rules=\"required\" v-slot=\"{ errors }\">\n              <b-select v-model=\"formData.idRole\" :options=\"roles\" value-field=\"id\" text-field=\"name\" :disabled=\"loading || formData.idServer < 1\"/>\n              <div class=\"msg-validate-error\">{{ errors[0] }}</div>\n            </ValidationProvider>\n          </b-form-group>\n          <b-form-group>\n            <b-button v-for=\"(category, index) in categories\" :key=\"index\" :variant=\"category.id === formData.idCategory ? 'primary' : 'outline-primary'\" class=\"btn-rounded mr-1 mb-1\" @click=\"formData.idCategory = category.id\">\n              {{category.name}}\n            </b-button>\n          </b-form-group>\n          <b-form-group v-if=\"packages.length === 0\">\n            <NotFoundPanel/>\n          </b-form-group>\n          <b-form-group v-else>\n            <b-row>\n              <b-col sm=\"6\" v-for=\"(item, index) in packages\" :key=\"index\" class=\"mb-3\">\n                <b-card class=\"ws\">\n                  <template #header>\n                    <div>\n                      <h3>{{item.name}}</h3>\n                      <div v-if=\"item.buyTimes > 0\" class=\"ws-buy-times\" v-html=\"$t('You have {0} purchases left', [item.buyTimes])\"></div>\n                    </div>\n                  </template>\n                  <template #footer>\n                    <div class=\"d-flex align-items-center justify-content-between\">\n                      <div>\n                        <div class=\"ws-amount\"><b>{{item.amount.$toString()}}</b> {{$config.pointName}}</div>\n                        <div class=\"ws-price\" v-if=\"item.price > item.amount\">{{item.price.$toString()}} {{$config.pointName}}</div>\n                      </div>\n                      <b-button class=\"btn-rounded\" variant=\"primary\" size=\"sm\" @click=\"onSubmit(item)\">{{$t(\"Buy\")}}</b-button>\n                    </div>\n                  </template>\n                  <perfect-scrollbar>\n                    <div v-for=\"(goods, i) in item.items\" :key=\"i\" class=\"ws-goods\"><img :src=\"goods.imageUrl.getUrl()\"/>{{goods.name}} x {{$n(goods.quantity)}}</div>\n                  </perfect-scrollbar>\n                </b-card>\n              </b-col>\n            </b-row>\n          </b-form-group>\n          <b-form-group class=\"pt-2\">\n            <div class=\"font-weight-bold\">\n              1. Point shop is a place to buy items with accumulated points received when you top up coins\n            </div>\n            <div class=\"font-weight-bold text-danger\">\n              2. Deposit 10,000 coins will correspond to 1 point.\n            </div>\n            <div>\n              3. Purchasing with Points will not affect your Coin amount.\n            </div>\n          </b-form-group>\n        </ValidationObserver>\n        <LoadingModal :show=\"loading\"/>\n      </div>\n    </b-col>\n  </div>\n</template>\n\n<script>\nimport GameHeader from \"@/components/headers/GameHeader\";\nimport serverGameService from \"@/services/serverGameService\";\nimport pointShopService from \"@/services/pointShopService\";\nimport roleService from \"@/services/roleService\";\nimport dialogHelper from \"@/helpers/dialogHelper\";\n\nexport default {\n  name: \"Index\",\n  components: {GameHeader},\n  data() {\n    return {\n      loading: false,\n      timeout: null,\n      servers: [{\n        id: 0,\n        name: this.$t(\"Select a server\")\n      }],\n      roles: [{\n        id: 0,\n        name: this.$t(\"Select a role\")\n      }],\n      categories: [],\n      packages: [],\n      formData: {\n        idCategory: 0,\n        idGame: 0,\n        idServer: 0,\n        idRole: 0,\n        idPointShop: 0\n      }\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    onSetGame(game) {\n      if (!game)\n      {\n        this.$gotoHomePage();\n        return;\n      }\n\n      this.formData.idGame = game.id;\n      this.loadServers(game.id);\n    },\n    async loadPackages() {\n      if (this.timeout != null) {\n        clearTimeout(this.timeout);\n        this.timeout = null;\n      }\n\n      this.timeout = setTimeout(async () => {\n        this.categories = [];\n        this.packages = [];\n        this.loading = true;\n        const response = await pointShopService.get(this.formData);\n        this.loading = false;\n\n        if (!response) {\n          await dialogHelper.alert(\"Connect to server failed. Please check your internet connection\");\n          return;\n        }\n\n        if (response.error) {\n          await dialogHelper.alert(response.message);\n          return;\n        }\n\n        const data = response.data;\n        let categories = [{id: 0, name: this.$t(\"All\")}];\n        categories = [...categories, ...data.categories];\n        this.categories = categories;\n        this.packages = data.packages;\n      }, 300);\n    },\n    async loadServers(idGame) {\n      let servers = [{\n        id: 0,\n        name: this.$t(\"Select a server\")\n      }];\n\n      const response = await serverGameService.getAllByGame(idGame);\n      this.loading = false;\n      if (!response)\n        await dialogHelper.alert(\"Connect to server failed. Please check your internet connection\");\n      else if (response.error)\n        await dialogHelper.alert(response.message);\n      else\n        servers = [...servers, ...response.data];\n\n      this.servers = servers;\n      this.formData.idServer = servers.length > 1 ? servers[1].id : 0;\n    },\n    async onSubmit(item) {\n      if (!await dialogHelper.confirm(this.$t(\"Are you sure to buy {0}\", [item.name])))\n        return;\n\n\n      this.formData.idPointShop = item.id;\n      this.loading = true;\n      await this.$recaptchaLoaded();\n      const response = await pointShopService.buy(this.formData, await this.$recaptcha('pointShop'))\n      this.loading = false;\n\n      if (!response)\n      {\n        await dialogHelper.alert(\"Connect to server failed. Please check your internet connection\");\n        return;\n      }\n\n      if (response.error) {\n        await dialogHelper.alert(response.message);\n        return;\n      }\n\n      await dialogHelper.alert(response.message, \"success\");\n      await this.loadPackages();\n    }\n  },\n  watch: {\n    \"formData.idServer\": async function (newValue) {\n      let roles = [{\n        id: 0,\n        name: this.$t(\"Select a role\")\n      }];\n\n      if (newValue > 0) {\n        this.loading = true;\n        const response = await roleService.getRolesByServer(newValue);\n        this.loading = false;\n        if (!response)\n          await dialogHelper.alert(\"Connect to server failed. Please check your internet connection\");\n        else if (response.error)\n          await dialogHelper.alert(response.message);\n        else\n          roles = [...roles, ...response.data];\n      }\n\n      this.roles = roles;\n      this.formData.idRole = roles.length > 1 ? roles[1].id :  0;\n\n      await this.loadPackages(this.formData.idGame);\n    },\n    \"formData.idRole\": async function (newValue) {\n      await this.loadPackages(this.formData.idGame);\n    },\n    \"formData.idCategory\": async function (newValue) {\n      await this.loadPackages(this.formData.idGame);\n    },\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n.ws {\n  .card-header {\n    height: 62px;\n    display: flex;\n    align-items: center;\n\n    h3 {\n      font-size: 15px;\n      font-weight: 700;\n      margin-bottom: 0;\n    }\n\n    .ws-buy-times {\n      font-size: 12px;\n      padding-top: 2px;\n\n      b {\n        color: red !important;\n      }\n    }\n  }\n\n  .card-body {\n    padding: 0;\n\n    .ps {\n      width: 100%;\n      height: 140px;\n      overflow: hidden;\n      padding: 15px;\n\n      .ws-goods {\n        margin-bottom: 5px;\n\n        img {\n          width: 24px;\n          height: 24px;\n          object-fit: contain;\n          margin-right: 5px;\n        }\n      }\n    }\n  }\n\n  .card-footer {\n    .ws-price {\n      color: red;\n      font-size: 12px;\n      line-height: 12px;\n      text-decoration: line-through;\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!./Index.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!./Index.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Index.vue?vue&type=template&id=5d35853d&scoped=true\"\nimport script from \"./Index.vue?vue&type=script&lang=js\"\nexport * from \"./Index.vue?vue&type=script&lang=js\"\nimport style0 from \"./Index.vue?vue&type=style&index=0&id=5d35853d&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  \"5d35853d\",\n  null\n  \n)\n\nexport default component.exports","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;","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!./Index.vue?vue&type=style&index=0&id=5d35853d&prod&scoped=true&lang=scss\"","import httpHelper from \"@/helpers/httpHelper\";\n\nconst roleService = {\n    async getRolesByServer(idServer) {\n        return await httpHelper.get(\"/WebApi/Role/GetRolesByServer\", {idServer});\n    },\n};\n\nexport default roleService;","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":""}