{"version":3,"sources":["webpack:///./src/views/GamesList.vue?0190","webpack:///./src/components/RecentGamesTable.vue?c00d","webpack:///src/components/RecentGamesTable.vue","webpack:///./src/components/RecentGamesTable.vue?c7b6","webpack:///./src/components/RecentGamesTable.vue?724f","webpack:///src/views/GamesList.vue","webpack:///./src/views/GamesList.vue?e7b7","webpack:///./src/views/GamesList.vue?88e1","webpack:///./src/views/GamesList.vue?4cf4","webpack:///./src/components/RecentGamesTable.vue?df1d"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","staticRenderFns","attrs","data","games","$root","mobile","mobileHeaders","headers","loading","page_size","page_number","options","total_game_count","itemsPerPageOptions","showFirstLastPage","showCurrentPage","disablePagination","NaN","on","$event","scopedSlots","_u","key","fn","sort","proxy","ref","items","_l","item","i","player_id","selectItem","daggerColor","player_game_time","_s","player_name","checkPlayerLive","_e","Number","parseFloat","game_time","toFixed","moment","time_stamp","fromNow","gems","homing_daggers","accuracy","enemies_alive","enemies_killed","sortBy","sortDir","page","rowsPerPage","methods","$router","push","id","getGamesFromAPI","by","mounted","watch","handler","deep","component","VCard","VDataTable","VIcon","components","RecentGamesTable"],"mappings":"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","file":"js/gamesList.fe74b136.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"wrapper\"},[_c('h1',[_vm._v(\"Recorded Games\")]),_c('div',[_c('RecentGamesTable')],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-card',[_c('v-data-table',{attrs:{\"items\":_vm.data.games,\"headers\":this.$root.mobile ? _vm.mobileHeaders : _vm.headers,\"loading\":_vm.loading,\"items-per-page\":_vm.data.page_size,\"page\":_vm.data.page_number,\"options\":_vm.options,\"server-items-length\":_vm.data.total_game_count,\"hide-default-header\":true,\"footer-props\":{\n      itemsPerPageOptions: [10],\n      showFirstLastPage: true,\n      showCurrentPage: true,\n      disablePagination: _vm.loading\n    },\"no-data-text\":\"No games found.\",\"mobile-breakpoint\":NaN},on:{\"update:options\":function($event){_vm.options=$event}},scopedSlots:_vm._u([{key:\"header\",fn:function(){return [(_vm.$root.mobile)?_c('thead',[_c('tr',[_c('th',{staticClass:\"text-left pointer\",attrs:{\"title\":\"Player Name\"},on:{\"click\":function($event){return _vm.sort('player_name')}}},[_c('v-icon',{staticClass:\"icon\",attrs:{\"color\":\"#c33409\",\"small\":\"\"}},[_vm._v(\"mdi-account\")])],1),_c('th',{staticClass:\"text-right pointer\",attrs:{\"title\":\"Game Time\"},on:{\"click\":function($event){return _vm.sort('game_time')}}},[_c('v-icon',{staticClass:\"icon\",attrs:{\"fill\":\"#c33409\",\"small\":\"\"}},[_vm._v(\"$stopwatch\")])],1),_c('th',{staticClass:\"text-right pointer\",attrs:{\"title\":\"Recorded\"},on:{\"click\":function($event){return _vm.sort('id')}}},[_c('v-icon',{staticClass:\"icon\",attrs:{\"color\":\"#c33409\",\"small\":\"\"}},[_vm._v(\"mdi-calendar-month\")])],1)])]):_c('thead',[_c('tr',[_c('th',{staticClass:\"text-left pointer\",on:{\"click\":function($event){return _vm.sort('player_name')}}},[_vm._v(\"\\n            Player Name\\n          \")]),_c('th',{staticClass:\"text-right pointer\",on:{\"click\":function($event){return _vm.sort('game_time')}}},[_vm._v(\"\\n            Game Time\\n          \")]),_c('th',{staticClass:\"text-right pointer\",on:{\"click\":function($event){return _vm.sort('gems')}}},[_vm._v(\"Gems\")]),_c('th',{staticClass:\"text-right pointer\",on:{\"click\":function($event){return _vm.sort('homing_daggers')}}},[_vm._v(\"\\n            Homing Daggers\\n          \")]),_c('th',{staticClass:\"text-right pointer\",on:{\"click\":function($event){return _vm.sort('accuracy')}}},[_vm._v(\"\\n            Accuracy\\n          \")]),_c('th',{staticClass:\"text-right pointer\",on:{\"click\":function($event){return _vm.sort('enemies_alive')}}},[_vm._v(\"\\n            Enemies Alive\\n          \")]),_c('th',{staticClass:\"text-right pointer\",on:{\"click\":function($event){return _vm.sort('enemies_killed')}}},[_vm._v(\"\\n            Enemies Killed\\n          \")]),_c('th',{staticClass:\"text-right pointer\",on:{\"click\":function($event){return _vm.sort('id')}}},[_vm._v(\"Recorded\")])])])]},proxy:true},{key:\"body\",fn:function(ref){\n    var items = ref.items;\nreturn [(_vm.$root.mobile)?_c('tbody',_vm._l((items),function(item,i){return _c('tr',{key:i + item.player_id,staticClass:\"pointer\",on:{\"click\":function($event){return _vm.selectItem(item)}}},[_c('td',{staticClass:\"grotesk-bold\"},[_c('v-icon',{attrs:{\"fill\":_vm.$root.daggerColor(item.player_game_time),\"small\":\"\"}},[_vm._v(\"$dagger\")]),_vm._v(\"\\n            \"+_vm._s(item.player_name)+\"\\n            \"),(_vm.$root.checkPlayerLive(item.player_id))?_c('v-icon',{staticClass:\"icon online-green\",attrs:{\"small\":\"\"}},[_vm._v(\"mdi-access-point\")]):_vm._e()],1),_c('td',{staticClass:\"text-right grotesk game-time\"},[_vm._v(\"\\n            \"+_vm._s(Number.parseFloat(item.game_time).toFixed(4))+\"\\n          \")]),_c('td',{staticClass:\"text-right grotesk recorded\"},[_vm._v(\"\\n            \"+_vm._s(_vm.moment(item.time_stamp).fromNow())+\"\\n          \")])])}),0):_c('tbody',_vm._l((items),function(item,i){return _c('tr',{key:i + item.player_id,staticClass:\"pointer\",on:{\"click\":function($event){return _vm.selectItem(item)}}},[_c('td',{staticClass:\"grotesk-bold\"},[_c('v-icon',{attrs:{\"fill\":_vm.$root.daggerColor(item.player_game_time),\"small\":\"\"}},[_vm._v(\"$dagger\")]),_vm._v(\"\\n            \"+_vm._s(item.player_name)+\"\\n            \"),(_vm.$root.checkPlayerLive(item.player_id))?_c('v-icon',{staticClass:\"icon online-green\",attrs:{\"small\":\"\"}},[_vm._v(\"mdi-access-point\")]):_vm._e()],1),_c('td',{staticClass:\"text-right grotesk game-time\"},[_vm._v(\"\\n            \"+_vm._s(Number.parseFloat(item.game_time).toFixed(4))+\"s\\n          \")]),_c('td',{staticClass:\"text-right grotesk\"},[_vm._v(_vm._s(item.gems))]),_c('td',{staticClass:\"text-right grotesk\"},[_vm._v(_vm._s(item.homing_daggers))]),_c('td',{staticClass:\"text-right grotesk\"},[_vm._v(\"\\n            \"+_vm._s(Number.parseFloat(item.accuracy).toFixed(2))+\"%\\n          \")]),_c('td',{staticClass:\"text-right grotesk\"},[_vm._v(_vm._s(item.enemies_alive))]),_c('td',{staticClass:\"text-right grotesk\"},[_vm._v(_vm._s(item.enemies_killed))]),_c('td',{staticClass:\"text-right grotesk recorded\"},[_vm._v(\"\\n            \"+_vm._s(_vm.moment(item.time_stamp).fromNow())+\"\\n          \")])])}),0)]}}])})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-card>\n    <v-data-table\n      :items=\"data.games\"\n      :headers=\"this.$root.mobile ? mobileHeaders : headers\"\n      :loading=\"loading\"\n      :items-per-page=\"data.page_size\"\n      :page=\"data.page_number\"\n      :options.sync=\"options\"\n      :server-items-length=\"data.total_game_count\"\n      :hide-default-header=\"true\"\n      :footer-props=\"{\n        itemsPerPageOptions: [10],\n        showFirstLastPage: true,\n        showCurrentPage: true,\n        disablePagination: loading\n      }\"\n      no-data-text=\"No games found.\"\n      :mobile-breakpoint=\"NaN\"\n    >\n      <template v-slot:header>\n        <thead v-if=\"$root.mobile\">\n          <tr>\n            <th\n              class=\"text-left pointer\"\n              title=\"Player Name\"\n              @click=\"sort('player_name')\"\n            >\n              <v-icon class=\"icon\" color=\"#c33409\" small>mdi-account</v-icon>\n            </th>\n            <th\n              class=\"text-right pointer\"\n              title=\"Game Time\"\n              @click=\"sort('game_time')\"\n            >\n              <v-icon class=\"icon\" fill=\"#c33409\" small>$stopwatch</v-icon>\n            </th>\n            <th class=\"text-right pointer\" title=\"Recorded\" @click=\"sort('id')\">\n              <v-icon class=\"icon\" color=\"#c33409\" small\n                >mdi-calendar-month</v-icon\n              >\n            </th>\n          </tr>\n        </thead>\n        <thead v-else>\n          <tr>\n            <th class=\"text-left pointer\" @click=\"sort('player_name')\">\n              Player Name\n            </th>\n            <th class=\"text-right pointer\" @click=\"sort('game_time')\">\n              Game Time\n            </th>\n            <th class=\"text-right pointer\" @click=\"sort('gems')\">Gems</th>\n            <th class=\"text-right pointer\" @click=\"sort('homing_daggers')\">\n              Homing Daggers\n            </th>\n            <th class=\"text-right pointer\" @click=\"sort('accuracy')\">\n              Accuracy\n            </th>\n            <th class=\"text-right pointer\" @click=\"sort('enemies_alive')\">\n              Enemies Alive\n            </th>\n            <th class=\"text-right pointer\" @click=\"sort('enemies_killed')\">\n              Enemies Killed\n            </th>\n            <th class=\"text-right pointer\" @click=\"sort('id')\">Recorded</th>\n          </tr>\n        </thead>\n      </template>\n      <template v-slot:body=\"{ items }\">\n        <tbody v-if=\"$root.mobile\">\n          <tr\n            v-for=\"(item, i) in items\"\n            :key=\"i + item.player_id\"\n            @click=\"selectItem(item)\"\n            class=\"pointer\"\n          >\n            <td class=\"grotesk-bold\">\n              <v-icon :fill=\"$root.daggerColor(item.player_game_time)\" small\n                >$dagger</v-icon\n              >\n              {{ item.player_name }}\n              <v-icon\n                v-if=\"$root.checkPlayerLive(item.player_id)\"\n                class=\"icon online-green\"\n                small\n                >mdi-access-point</v-icon\n              >\n            </td>\n            <td class=\"text-right grotesk game-time\">\n              {{ Number.parseFloat(item.game_time).toFixed(4) }}\n            </td>\n            <td class=\"text-right grotesk recorded\">\n              {{ moment(item.time_stamp).fromNow() }}\n            </td>\n          </tr>\n        </tbody>\n        <tbody v-else>\n          <tr\n            v-for=\"(item, i) in items\"\n            :key=\"i + item.player_id\"\n            @click=\"selectItem(item)\"\n            class=\"pointer\"\n          >\n            <td class=\"grotesk-bold\">\n              <v-icon :fill=\"$root.daggerColor(item.player_game_time)\" small\n                >$dagger</v-icon\n              >\n              {{ item.player_name }}\n              <v-icon\n                v-if=\"$root.checkPlayerLive(item.player_id)\"\n                class=\"icon online-green\"\n                small\n                >mdi-access-point</v-icon\n              >\n            </td>\n            <td class=\"text-right grotesk game-time\">\n              {{ Number.parseFloat(item.game_time).toFixed(4) }}s\n            </td>\n            <td class=\"text-right grotesk\">{{ item.gems }}</td>\n            <td class=\"text-right grotesk\">{{ item.homing_daggers }}</td>\n            <td class=\"text-right grotesk\">\n              {{ Number.parseFloat(item.accuracy).toFixed(2) }}%\n            </td>\n            <td class=\"text-right grotesk\">{{ item.enemies_alive }}</td>\n            <td class=\"text-right grotesk\">{{ item.enemies_killed }}</td>\n            <td class=\"text-right grotesk recorded\">\n              {{ moment(item.time_stamp).fromNow() }}\n            </td>\n          </tr>\n        </tbody>\n      </template>\n    </v-data-table>\n  </v-card>\n</template>\n\n<script>\nconst moment = require(\"moment\");\nimport axios from \"axios\";\nimport EventBus from \"../event-bus\";\n\nexport default {\n  data() {\n    return {\n      moment: moment,\n      loading: true,\n      data: {},\n      sortBy: \"id\",\n      sortDir: \"desc\",\n      options: {\n        page: 1,\n        rowsPerPage: 10\n      },\n      headers: [\n        {\n          text: \"Player Name\",\n          align: \"left\",\n          value: \"player_name\"\n        },\n        {\n          text: \"Game Time\",\n          align: \"right\",\n          value: \"game_time\"\n        },\n        {\n          text: \"Gems\",\n          align: \"right\",\n          value: \"gems\"\n        },\n        {\n          text: \"Homing Daggers\",\n          align: \"right\",\n          value: \"homing_daggers\"\n        },\n        {\n          text: \"Accuracy\",\n          align: \"right\",\n          value: \"accuracy\"\n        },\n        {\n          text: \"Enemies Alive\",\n          align: \"right\",\n          value: \"enemies_alive\"\n        },\n        {\n          text: \"Enemies Killed\",\n          align: \"right\",\n          value: \"enemies_killed\"\n        },\n        {\n          text: \"Recorded\",\n          align: \"right\",\n          value: \"time_stamp\"\n        }\n      ],\n      mobileHeaders: [\n        {\n          text: \"Player Name\",\n          align: \"left\",\n          value: \"player_name\"\n        },\n        {\n          text: \"Game Time\",\n          align: \"right\",\n          value: \"game_time\"\n        },\n        {\n          text: \"Recorded\",\n          align: \"right\",\n          value: \"time_stamp\"\n        }\n      ]\n    };\n  },\n  methods: {\n    selectItem: function(item) {\n      this.$router.push(\"/games/\" + item.id);\n    },\n    getGamesFromAPI() {\n      this.loading = true;\n      const { page, rowsPerPage } = this.options;\n      axios\n        .get(\n          process.env.VUE_APP_API_URL +\n            `/api/v2/game/recent?page_size=${rowsPerPage}&page_num=${page}&sort_by=${this.sortBy}&sort_dir=${this.sortDir}`\n        )\n        .then(response => {\n          this.data = response.data;\n          this.loading = false;\n        })\n        .catch(error => window.console.log(error));\n    },\n    sort(by) {\n      if (this.sortBy === by) {\n        this.sortDir = this.sortDir === \"asc\" ? \"desc\" : \"asc\";\n      } else {\n        this.sortBy = by;\n      }\n      this.getGamesFromAPI();\n    }\n  },\n  mounted() {\n    // this.getGamesFromAPI();\n    EventBus.$on(\n      \"game_submitted\",\n      function() {\n        this.getGamesFromAPI();\n      }.bind(this)\n    );\n  },\n  watch: {\n    options: {\n      handler() {\n        this.getGamesFromAPI();\n      },\n      deep: true\n    }\n  }\n};\n</script>\n\n<style>\n.v-data-table th {\n  color: var(--v-primary-base) !important;\n}\n.red-text {\n  color: var(--v-accent-base);\n}\n.grotesk {\n  font-family: \"alte_haas_grotesk\", \"Helvetica Neue\", Helvetica, Arial;\n}\n.grotesk-bold {\n  font-family: \"alte_haas_grotesk_bold\", \"Helvetica Neue\", Helvetica, Arial;\n}\n.pointer {\n  cursor: pointer;\n}\n.recorded {\n  width: 120px;\n}\n.game-time {\n  width: 100px;\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RecentGamesTable.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RecentGamesTable.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RecentGamesTable.vue?vue&type=template&id=10755ba9&\"\nimport script from \"./RecentGamesTable.vue?vue&type=script&lang=js&\"\nexport * from \"./RecentGamesTable.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RecentGamesTable.vue?vue&type=style&index=0&lang=css&\"\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  null,\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VDataTable } from 'vuetify/lib/components/VDataTable';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\ninstallComponents(component, {VCard,VDataTable,VIcon})\n","<template>\n  <div class=\"wrapper\">\n    <h1>Recorded Games</h1>\n    <div>\n      <RecentGamesTable />\n    </div>\n  </div>\n</template>\n\n<script>\nimport RecentGamesTable from \"../components/RecentGamesTable\";\n\nexport default {\n  components: {\n    RecentGamesTable\n  }\n};\n</script>\n\n<style scoped>\n.wrapper {\n  padding-left: 10px;\n  padding-right: 10px;\n  padding-top: 40px;\n  padding-bottom: 40px;\n  max-width: 860px;\n  margin: auto;\n}\nh1 {\n  text-align: center;\n  margin-bottom: 20px;\n  color: var(--v-primary-base);\n}\n.v-select {\n  max-width: 400px;\n  margin: 0 auto 20px auto;\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GamesList.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GamesList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GamesList.vue?vue&type=template&id=51480afe&scoped=true&\"\nimport script from \"./GamesList.vue?vue&type=script&lang=js&\"\nexport * from \"./GamesList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./GamesList.vue?vue&type=style&index=0&id=51480afe&scoped=true&lang=css&\"\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  \"51480afe\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GamesList.vue?vue&type=style&index=0&id=51480afe&scoped=true&lang=css&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RecentGamesTable.vue?vue&type=style&index=0&lang=css&\""],"sourceRoot":""}