{"version":3,"sources":["webpack:///./src/services/gameService.js","webpack:///./src/views/giftcode/Index.vue","webpack:///src/views/giftcode/Index.vue","webpack:///./src/views/giftcode/Index.vue?5076","webpack:///./src/views/giftcode/Index.vue?5c2b","webpack:///./src/components/panels/game/GamePickerPanel.vue","webpack:///src/components/panels/game/GamePickerPanel.vue","webpack:///./src/components/panels/game/GamePickerPanel.vue?bce8","webpack:///./src/components/panels/game/GamePickerPanel.vue?f2ba","webpack:///./src/components/panels/game/GamePickerPanel.vue?8040"],"names":["gameService","aliasUrl","httpHelper","get","render","_vm","this","_c","_self","staticClass","on","onGameClick","staticRenderFns","name","components","GiftcodesForYouPanel","GamePickerPanel","methods","game","$router","push","params","component","_v","_s","$t","attrs","directives","rawName","value","keyword","expression","domProps","$event","target","composing","loading","items","length","_l","index","key","preventDefault","$emit","getWebFileUrl","iconUrl","props","data","games","$store","getters","response","getAll","error","dispatch","idFeature","parseInt","filter","x","idFeatures","includes","watch","newValue","dataSource","toLowerCase","indexOf","uName"],"mappings":"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","file":"js/chunk-dd9b8b42.449e10c9.js","sourcesContent":["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;","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"page page-giftcode-index\"},[_c('GiftcodesForYouPanel'),_c('b-row',[_c('div',{staticClass:\"w-100\"},[_c('hr')])]),_c('GamePickerPanel',{on:{\"click\":_vm.onGameClick}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"page page-giftcode-index\">\n    <GiftcodesForYouPanel />\n    <b-row>\n      <div class=\"w-100\">\n        <hr/>\n      </div>\n    </b-row>\n    <GamePickerPanel @click=\"onGameClick\"/>\n  </div>\n</template>\n\n<script>\nimport GiftcodesForYouPanel from \"@/components/panels/giftcode/GiftcodesForYouPanel\";\nimport GamePickerPanel from \"@/components/panels/game/GamePickerPanel\";\n\nexport default {\n  name: \"Index\",\n  components: {GiftcodesForYouPanel, GamePickerPanel},\n  methods: {\n    onGameClick(game) {\n      this.$router.push({\n        name: \"GameGiftCodeIndex\",\n        params: {\n          aliasUrl: game.aliasUrl\n        }\n      })\n    }\n  }\n}\n</script>\n\n<style scoped>\n\n</style>","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=5e6621dc&scoped=true\"\nimport script from \"./Index.vue?vue&type=script&lang=js\"\nexport * from \"./Index.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  \"5e6621dc\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"game-picker-panel\"},[_c('div',{staticClass:\"header d-flex justify-content-between align-items-center\"},[_c('h3',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.$t(\"Select a game\")))]),_c('div',{staticClass:\"search-form\"},[_c('div',{staticClass:\"icon\"},[_c('b-icon',{attrs:{\"icon\":\"search\"}})],1),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.keyword),expression:\"keyword\"}],attrs:{\"type\":\"search\",\"placeholder\":_vm.$t('Search games')},domProps:{\"value\":(_vm.keyword)},on:{\"input\":function($event){if($event.target.composing)return;_vm.keyword=$event.target.value}}})])]),_c('div',{staticClass:\"content\"},[(_vm.loading)?_c('LoadingPanel'):(_vm.items.length === 0)?_c('NotFoundPanel',{attrs:{\"message\":_vm.$t('Cannot find games')}}):_c('div',{staticClass:\"games\"},[_c('b-row',_vm._l((_vm.items),function(game,index){return _c('b-col',{key:index,staticClass:\"item\",attrs:{\"md\":\"6\"}},[_c('a',{staticClass:\"d-flex align-items-center\",attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();return _vm.$emit('click', game)}}},[_c('img',{attrs:{\"src\":_vm.getWebFileUrl(game.iconUrl),\"title\":game.name}}),_c('label',{staticClass:\"w-100\"},[_vm._v(_vm._s(game.name))]),_c('i',{staticClass:\"fa-solid fa-chevron-right\"})])])}),1)],1)],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"game-picker-panel\">\n    <div class=\"header d-flex justify-content-between align-items-center\">\n      <h3 class=\"title\">{{$t(\"Select a game\")}}</h3>\n      <div class=\"search-form\">\n        <div class=\"icon\">\n          <b-icon icon=\"search\"/>\n        </div>\n        <input type=\"search\" v-model=\"keyword\" :placeholder=\"$t('Search games')\">\n      </div>\n    </div>\n    <div class=\"content\">\n      <LoadingPanel v-if=\"loading\"/>\n      <NotFoundPanel v-else-if=\"items.length === 0\" :message=\"$t('Cannot find games')\" />\n      <div class=\"games\" v-else>\n        <b-row>\n          <b-col md=\"6\" v-for=\"(game, index) in items\" :key=\"index\" class=\"item\">\n            <a href=\"#\" @click.prevent=\"$emit('click', game)\" class=\"d-flex align-items-center\">\n              <img :src=\"getWebFileUrl(game.iconUrl)\" :title=\"game.name\" />\n              <label class=\"w-100\">{{game.name}}</label>\n              <i class=\"fa-solid fa-chevron-right\"></i>\n            </a>\n          </b-col>\n        </b-row>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport gameService from \"@/services/gameService\";\n\nexport default {\n  name: \"GamePickerPanel\",\n  props: [\"idFeature\"],\n  data() {\n    return {\n      loading: true,\n      items: [],\n      games: [],\n      keyword: \"\"\n    }\n  },\n  async created() {\n    let games = this.$store.getters.games;\n    if (games) {\n      this.loading = false;\n    }\n    else {\n      const response = await gameService.getAll();\n      this.loading = false;\n      if (!response || response.error)\n        return;\n\n      games = response.data;\n      await this.$store.dispatch(\"setGames\", games);\n    }\n\n    if (this.idFeature && this.idFeature > 0)  {\n      const idFeature = parseInt(this.idFeature);\n      games = games.filter(x => x.idFeatures.includes(idFeature));\n    }\n    \n    this.games = games;\n    this.items = games;\n  },\n  watch: {\n    keyword(newValue) {\n      let dataSource = this.games || [];\n      if (newValue && newValue.length > 0) {\n        const keyword = newValue.toLowerCase();\n        dataSource = dataSource.filter(x => x.name.toLowerCase().indexOf(keyword) > -1 || x.uName.toLowerCase().indexOf(keyword) > -1);\n      }\n\n      this.items = dataSource;\n    }\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n.game-picker-panel {\n  .header {\n    padding: 15px 0;\n    .title {\n      font-weight: 600;\n      font-size: 20px;\n      margin: 0;\n    }\n\n    .search-form {\n      position: relative;\n\n      .icon {\n        position: absolute;\n        color: gray;\n        top: 11px;\n        left: 12px;\n      }\n\n      input {\n        height: 100%;\n        width: 100%;\n        outline: none;\n        border: none;\n        padding: 10px 0 10px 36px;\n        background: #f4f4f4;\n        border-radius: 100px;\n        -webkit-box-sizing: border-box;\n        -moz-box-sizing: border-box;\n        box-sizing: border-box;\n        font-size: 13px;\n      }\n    }\n  }\n\n  .content {\n    padding-top: 15px;\n\n    .games {\n      .item {\n        a {\n          padding: 15px 0;\n          border-bottom: 1px solid #f2f2f2;\n          \n          img {\n            width: 52px;\n            height: 52px;\n            object-fit: contain;\n            margin-right: 10px;\n          }\n\n          label {\n            font-size: 16px;\n            display: -webkit-box;\n            width: 100%;\n            -webkit-box-orient: vertical;\n            text-overflow: ellipsis;\n            overflow: hidden;\n            max-height: 46px;\n            -webkit-line-clamp: 2;\n            margin-bottom: 0;\n          }\n        }\n      }\n    }\n  }\n}\n</style>","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!./GamePickerPanel.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!./GamePickerPanel.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./GamePickerPanel.vue?vue&type=template&id=6857052e&scoped=true\"\nimport script from \"./GamePickerPanel.vue?vue&type=script&lang=js\"\nexport * from \"./GamePickerPanel.vue?vue&type=script&lang=js\"\nimport style0 from \"./GamePickerPanel.vue?vue&type=style&index=0&id=6857052e&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  \"6857052e\",\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!./GamePickerPanel.vue?vue&type=style&index=0&id=6857052e&prod&scoped=true&lang=scss\""],"sourceRoot":""}