{"version":3,"sources":["webpack:///./src/components/Collection/Collection.vue?4d18","webpack:///src/components/Collection/Collection.vue","webpack:///./src/components/Collection/Collection.vue?b067","webpack:///./src/components/Collection/Collection.vue","webpack:///./src/components/Collection/Collection.vue?da66"],"names":["render","_vm","this","_h","$createElement","_c","_self","_v","staticClass","attrs","on","searchNewButtonClick","$vuetify","breakpoint","xsOnly","model","value","callback","$$v","searchNewGamesDialog","expression","$event","loadingGames","_e","search","computedHeaders","games","handleDetailClick","detailDialog","staticRenderFns","name","components","GameDetails","SearchNewGame","RingLoader","data","headers","created","$store","dispatch","computed","methods","item","_id","component","VBtn","VCardTitle","VCard","VContainer","VDataTable","VDialog","VFabTransition","VRow","VSpacer","VTextField"],"mappings":"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","file":"js/chunk-3405610c.eb28a560.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',[_c('v-container',[_c('v-row',[_c('h1',[_vm._v(\"Collection\")]),_c('v-spacer'),_c('v-btn',{staticClass:\"hidden-xs-only my-auto\",attrs:{\"color\":\"secondary\",\"rounded\":\"\"},on:{\"click\":_vm.searchNewButtonClick}},[_c('font-awesome-layers',{staticClass:\"mr-2\"},[_c('font-awesome-icon',{staticClass:\"fa-lg\",attrs:{\"icon\":\"chess-rook\",\"transform\":\"right-1\"}}),_c('font-awesome-icon',{staticClass:\"fa-xs\",attrs:{\"icon\":\"plus\",\"transform\":\"left-15 down-3 shrink-3\"}})],1),_vm._v(\" Add Game \")],1),_c('v-fab-transition',[_c('v-btn',{staticClass:\"d-sm-none fab-mobile\",attrs:{\"color\":\"secondary\",\"fab\":\"\",\"fixed\":\"\"},on:{\"click\":_vm.searchNewButtonClick}},[_c('font-awesome-layers',[_c('font-awesome-icon',{staticClass:\"fa-lg\",attrs:{\"icon\":\"chess-rook\",\"transform\":\"right-1\"}}),_c('font-awesome-icon',{staticClass:\"fa-xs\",attrs:{\"icon\":\"plus\",\"transform\":\"left-15 down-3 shrink-3\"}})],1)],1)],1)],1)],1),_c('v-dialog',{attrs:{\"max-width\":\"550px\",\"scrollable\":\"\",\"fullscreen\":_vm.$vuetify.breakpoint.xsOnly,\"transition\":\"dialog-bottom-transition\"},model:{value:(_vm.searchNewGamesDialog),callback:function ($$v) {_vm.searchNewGamesDialog=$$v},expression:\"searchNewGamesDialog\"}},[_c('SearchNewGame',{on:{\"close-modal\":function($event){_vm.searchNewGamesDialog = false}}})],1),(_vm.loadingGames)?_c('div',{staticClass:\"d-flex loader-container\"},[_c('RingLoader',{staticClass:\"my-auto mx-auto\",attrs:{\"loading\":_vm.loadingGames,\"color\":\"#3949ab\",\"size\":200}})],1):_vm._e(),(!_vm.loadingGames)?_c('div',[_c('v-card-title',[_c('v-text-field',{attrs:{\"prepend-inner-icon\":\"mdi-magnify\",\"clearable\":\"\",\"label\":\"Search\",\"single-line\":\"\",\"hide-details\":\"\"},model:{value:(_vm.search),callback:function ($$v) {_vm.search=$$v},expression:\"search\"}})],1),_c('v-data-table',{staticClass:\"margin-bottom-for-fab\",attrs:{\"headers\":_vm.computedHeaders,\"items\":_vm.games,\"search\":_vm.search,\"mobile-breakpoint\":\"\",\"no-data-text\":\"You have no games in your collection... yet!\",\"no-results-text\":\"Nothing found... try searching someting else?\"},on:{\"click:row\":_vm.handleDetailClick}})],1):_vm._e(),_c('v-dialog',{attrs:{\"max-width\":\"550px\",\"scrollable\":\"\",\"fullscreen\":_vm.$vuetify.breakpoint.xsOnly,\"transition\":\"dialog-bottom-transition\"},model:{value:(_vm.detailDialog),callback:function ($$v) {_vm.detailDialog=$$v},expression:\"detailDialog\"}},[_c('GameDetails',{on:{\"close-modal\":function($event){_vm.detailDialog = false}}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-container>\n    <v-container>\n      <v-row>\n        <h1>Collection</h1>\n        <v-spacer></v-spacer>\n\n        <!-- Desktop Action Button (stays at the top) -->\n          <v-btn class=\"hidden-xs-only my-auto\" color=\"secondary\" rounded @click=\"searchNewButtonClick\">\n            <font-awesome-layers class=\"mr-2\">\n              <font-awesome-icon icon=\"chess-rook\" class=\"fa-lg\" transform=\"right-1\"/>\n              <font-awesome-icon icon=\"plus\" class=\"fa-xs\" transform=\"left-15 down-3 shrink-3\" />\n            </font-awesome-layers>\n            Add Game\n          </v-btn>\n\n        <!-- Mobile FAB (position:fixed) -->\n        <v-fab-transition>\n          <v-btn class=\"d-sm-none fab-mobile\" color=\"secondary\" fab fixed @click=\"searchNewButtonClick\">\n            <font-awesome-layers>\n              <font-awesome-icon icon=\"chess-rook\" class=\"fa-lg\" transform=\"right-1\"/>\n              <font-awesome-icon icon=\"plus\" class=\"fa-xs\" transform=\"left-15 down-3 shrink-3\" />\n            </font-awesome-layers>\n          </v-btn>\n        </v-fab-transition>\n\n      </v-row>\n    </v-container>\n\n    <v-dialog\n      v-model=\"searchNewGamesDialog\"\n      max-width=\"550px\"\n      scrollable\n      :fullscreen=\"$vuetify.breakpoint.xsOnly\"\n      transition=\"dialog-bottom-transition\"\n    >\n      <SearchNewGame @close-modal=\"searchNewGamesDialog = false\"/>\n    </v-dialog>\n\n    <!-- Table and Search -->\n    <div v-if=\"loadingGames\" class=\"d-flex loader-container\">\n      <RingLoader class=\"my-auto mx-auto\" :loading=\"loadingGames\" color=\"#3949ab\" :size=200 />\n    </div>\n    <div v-if=\"!loadingGames\">\n      <v-card-title>\n        <v-text-field v-model=\"search\" prepend-inner-icon=\"mdi-magnify\" clearable label=\"Search\" single-line hide-details></v-text-field>\n      </v-card-title>\n\n      <!-- mobile-breakpoint=\"\" eliminates the mobile table view option as I'm doing custom column visibility instead -->\n      <v-data-table\n        class=\"margin-bottom-for-fab\"\n        :headers=\"computedHeaders\"\n        :items=\"games\"\n        :search=\"search\"\n        mobile-breakpoint=\"\"\n        no-data-text=\"You have no games in your collection... yet!\"\n        no-results-text=\"Nothing found... try searching someting else?\"\n        @click:row=\"handleDetailClick\"\n      >\n      </v-data-table>\n    </div>\n\n    <!-- Dialog/Modal with additional information -->\n    <v-dialog\n      v-model=\"detailDialog\"\n      max-width=\"550px\"\n      scrollable\n      :fullscreen=\"$vuetify.breakpoint.xsOnly\"\n      transition=\"dialog-bottom-transition\"\n    >\n      <GameDetails v-on:close-modal=\"detailDialog = false\"/>\n    </v-dialog>\n\n  </v-container>\n</template>\n\n<script>\nimport { RingLoader } from \"@saeris/vue-spinners\";\n\nexport default {\n  name: \"Collection\",\n  components: {\n    GameDetails: () => import(\"@/components/Collection/GameDetails.vue\"),\n    SearchNewGame: () => import(\"@/components/Collection/SearchNewGame.vue\"),\n    RingLoader,\n  },\n  data() {\n    return {\n      search: \"\",\n      detailDialog: false,\n      searchNewGamesDialog: false,\n      headers: [\n        { text: \"Game\", value: 'name'},\n        { text: \"# Plays\", value: 'numPlays'},\n        { text: \"Min. Players\", value: 'min_players' },\n        { text: \"Max. Players\", value: 'max_players', hide: 'xsOnly' },\n        { text: \"Min. Time (minutes)\", value: 'min_playtime' },\n        { text: \"Max. Time (minutes)\", value: 'max_playtime', hide: 'xsOnly' },\n        { text: \"Release\", value: 'year_published', hide: 'smAndDown'},\n      ]\n    };\n  },\n  created() {\n    this.$store.dispatch(\"collection/fetch\");\n  },\n  computed: {\n    games() { return this.$store.state.collection.games; },\n    loadingGames() { return this.$store.state.collection.loadingGames; },\n    computedHeaders() { return this.headers.filter(h => !h.hide || !this.$vuetify.breakpoint[h.hide]); },\n  },\n  methods: {\n    handleDetailClick(item) {\n      this.$store.dispatch(\"collection/fetchOneForDetail\", item._id);\n      this.detailDialog = true;\n    },\n    searchNewButtonClick() {\n      this.searchNewGamesDialog = true;\n    },\n  }\n};\n</script>\n\n<style scoped>\n.loader-container {\n  height: calc(100vh - 208px);\n}\n\n@media (max-width: 600px){\n  .mobile-invisible-column {\n    display: none !important;\n  }\n}\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Collection.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Collection.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Collection.vue?vue&type=template&id=e1a20d36&scoped=true&\"\nimport script from \"./Collection.vue?vue&type=script&lang=js&\"\nexport * from \"./Collection.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Collection.vue?vue&type=style&index=0&id=e1a20d36&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  \"e1a20d36\",\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 { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VDataTable } from 'vuetify/lib/components/VDataTable';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VFabTransition } from 'vuetify/lib/components/transitions';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VBtn,VCardTitle,VContainer,VDataTable,VDialog,VFabTransition,VRow,VSpacer,VTextField})\n","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/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Collection.vue?vue&type=style&index=0&id=e1a20d36&scoped=true&lang=css&\""],"sourceRoot":""}