{"version":3,"sources":["webpack:///./src/services/gameService.js","webpack:///./src/views/game/Picker.vue","webpack:///src/views/game/Picker.vue","webpack:///./src/views/game/Picker.vue?4a84","webpack:///./src/views/game/Picker.vue?7591","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","attrs","label","$t","idFeature","on","onGameClicked","staticRenderFns","name","components","GamePickerPanel","data","$route","params","methods","game","$router","push","callbackRoute","component","_v","_s","directives","rawName","value","keyword","expression","domProps","$event","target","composing","loading","items","length","_l","index","key","preventDefault","$emit","getWebFileUrl","iconUrl","props","games","$store","getters","response","getAll","error","dispatch","parseInt","filter","x","idFeatures","includes","watch","newValue","dataSource","toLowerCase","indexOf","uName"],"mappings":"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","file":"js/chunk-ca263044.88292d5a.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-game-picker\"},[_c('b-col',{staticClass:\"py-3\"},[_c('Breadcrumb',{attrs:{\"items\":[{label: _vm.$t('Select a game')}]}}),_c('GamePickerPanel',{attrs:{\"id-feature\":_vm.idFeature},on:{\"click\":_vm.onGameClicked}})],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"page page-game-picker\">\n    <b-col class=\"py-3\">\n      <Breadcrumb :items=\"[{label: $t('Select a game')}]\"/>\n      <GamePickerPanel :id-feature=\"idFeature\" @click=\"onGameClicked\"/>\n    </b-col>\n  </div>\n</template>\n\n<script>\nimport GamePickerPanel from \"@/components/panels/game/GamePickerPanel\";\n\nexport default {\n  name: \"Picker\",\n  components: {GamePickerPanel},\n  data() {\n    return {\n      idFeature: this.$route.params.idFeature\n    }\n  },\n  methods: {\n    async onGameClicked(game) {\n      await this.$router.push({\n        name: this.$route.params.callbackRoute,\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!./Picker.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!./Picker.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Picker.vue?vue&type=template&id=ef976994&scoped=true\"\nimport script from \"./Picker.vue?vue&type=script&lang=js\"\nexport * from \"./Picker.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  \"ef976994\",\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":""}