{"version":3,"sources":["webpack:///./src/mixins/HistoryFunctions.js","webpack:///./src/components/Collection/SearchNewGame.vue?7dd8","webpack:///src/components/Collection/SearchNewGame.vue","webpack:///./src/components/Collection/SearchNewGame.vue?ebe1","webpack:///./src/components/Collection/SearchNewGame.vue","webpack:///../../../src/components/VForm/VForm.ts"],"names":["methods","readableDate","date","toLocaleDateString","year","month","day","gameName","gameId","this","$root","$data","shelf","find","game","id","name","gameImageSrc","images","medium","idToMember","memberId","$store","getters","member","playWinnerMember","membersId","type","ifBoardWon","enumGameType","CO_OP","winners","Array","isArray","forEach","personId","push","members","length","fullName","numPlayers","playersId","gameType","typeEnum","POINTS","HIGH_WINS","LOW_WINS","RANKED","VS_BOARD","playerRankings","ids","play","result","i","points","getPoints","render","_vm","_h","$createElement","_c","_self","staticClass","_v","attrs","on","$event","preventDefault","searchGames","model","value","callback","$$v","searchValue","expression","_e","loading","_l","key","small","_s","min_age","min_players","max_players","min_playtime","max_playtime","year_published","gameOnShelf","removeFromShelf","addToShelf","$emit","staticRenderFns","mixins","HistoryFunctions","data","oldSearchValue","searchResults","deleteLoading","searched","computed","collection","loadingAddNew","loadingDelete","sameSearchTerm","noResults","fetch","url","some","component","VBtn","VCard","VCardActions","VCardText","VCardTitle","VCol","VDivider","VForm","VIcon","VImg","VList","VListItem","VListItemContent","VListItemIcon","VListItemSubtitle","VListItemTitle","VProgressCircular","VRow","VSpacer","VTextField","provide","form","inheritAttrs","props","disabled","lazyValidation","readonly","Boolean","inputs","watchers","errorBag","watch","handler","errors","Object","deep","immediate","watchInput","watcher","input","val","_uid","valid","shouldValidate","validate","filter","reset","resetErrorBag","setTimeout","resetValidation","register","unregister","found","unwatch","h","novalidate","attrs$","submit","e","$slots"],"mappings":"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","file":"js/chunk-14182a54.01f42647.js","sourcesContent":["export default {\n  methods: {\n    readableDate(date) {\n      return date.toLocaleDateString(\"en-US\", {\n        year: \"2-digit\",\n        month: \"2-digit\",\n        day: \"2-digit\",\n      });\n    },\n    gameName(gameId) {\n      // console.log(gameId);\n      return this.$root.$data.shelf.find((game) => {\n        return game.id === gameId;\n      }).name;\n    },\n    gameImageSrc(gameId) {\n      return this.$root.$data.shelf.find((game) => {\n        return game.id === gameId;\n      }).images.medium;\n    },\n    // idToMember(personId) {\n    //   return this.$root.$data.members.find((member) => {\n    //     return member._id === personId;\n    //   });\n    // },\n    idToMember(memberId) {\n      return this.$store.getters[\"members/members\"].find((member) => {\n        return member.id === memberId;\n      });\n    },\n    playWinnerMember(membersId, type, ifBoardWon) {\n      if (type === this.$root.$data.enumGameType.CO_OP) {\n        if (ifBoardWon) {\n          return \"The Board\";\n        } else {\n          return \"The Group\";\n        }\n      } else {\n        let winners = [];\n\n        // If there are multiple winners in their own sub-array, break it out just into its elements            // don't know if necessary since I think I fixed it in RecordDetails.vue\n        if (Array.isArray(membersId[0])) {\n          membersId = [...membersId[0]];\n        }\n\n        // For each ID value in the play.winnerId array, find the corresponding member object\n        // and add it to the winners array just declared\n        membersId.forEach((personId) => {\n          winners.push(\n            this.$root.$data.members.find((member) => {\n              return member.id === personId;\n            })\n          );\n        });\n\n        if (winners.length > 1 || Array.isArray(winners[0])) {\n          return \"Multiple\";\n        } else {\n          return winners[0].fullName;\n        }\n      }\n    },\n    numPlayers(playersId) {\n      return playersId.length;\n    },\n    gameType(typeEnum) {\n      switch (typeEnum) {\n        case this.$root.$data.enumGameType.POINTS.HIGH_WINS:\n          return \"Points (highest wins)\";\n        case this.$root.$data.enumGameType.POINTS.LOW_WINS:\n          return \"Points (lowest wins)\";\n        case this.$root.$data.enumGameType.RANKED:\n          return \"Ranked\";\n        case this.$root.$data.enumGameType.VS_BOARD:\n          return \"Group vs Board\";\n      }\n    },\n    playerRankings(ids, play) {\n      //If there isn't a tie for first\n      if (!Array.isArray(ids)) {\n        let result = this.idToMember(ids).fullName;\n        if (\n          play.type === this.$root.$data.enumGameType.POINTS.HIGH_WINS ||\n          play.type === this.$root.$data.enumGameType.POINTS.LOW_WINS\n          ) {\n            result += \": \" + play.points[ids] + \" pts\";\n          }\n          return result;\n        } else {\n          \n          // // If there are multiple members in their own sub-array, break it out just into its elements\n          // if (Array.isArray(ids[0])) {\n          //   ids = [...ids[0]];\n          // }\n          \n          let result = this.idToMember(ids[0]).fullName;\n          for (let i = 1; i < ids.length; i++) {\n            result += \", \" + this.idToMember(ids[i]).fullName;\n          }\n          if (play.type === this.$root.$data.enumGameType.POINTS.HIGH_WINS || play.type === this.$root.$data.enumGameType.POINTS\n            .LOW_WINS) {\n              // console.log(result);\n          result += \": \" + play.points[ids[0]] + \" pts\";\n        }\n        return result;\n      }\n    },\n    getPoints(play, id) {\n      return play.points[id];\n    },\n\n    //Thanks to https://medium.com/@ziyoshams/deep-copying-javascript-arrays-4d5fc45a6e3e\n    // set up a function that iterates through a given array\n    // if one of the elements is an array, call itself with that element\n    // if elements of the array is an object, we make sure to take care of that too.\n    // deepCopy(arr) {\n    //   let copy = [];\n    //   arr.forEach(elem => {\n    //     if (Array.isArray(elem)) {\n    //       copy.push(this.deepCopy(elem))\n    //     } else {\n    //       if (typeof elem === 'object') {\n    //         copy.push(this.deepCopyObject(elem))\n    //       } else {\n    //         copy.push(elem)\n    //       }\n    //     }\n    //   })\n    //   return copy;\n    // },\n    // // Helper function to deal with Objects\n    // deepCopyObject(obj) {\n    //   let tempObj = {};\n    //   for (let [key, value] of Object.entries(obj)) {\n    //     if (Array.isArray(value)) {\n    //       tempObj[key] = this.deepCopy(value);\n    //     } \n    //     // Adding this didn't do it...\n    //     // else if (obj instanceof Date) {\n    //     //   tempObj[key] = (new Date(obj));\n    //     // }\n    //     else {\n    //       if (typeof value === 'object') {\n    //         tempObj[key] = this.deepCopyObject(value);\n    //       } else {\n    //         tempObj[key] = value\n    //       }\n    //     }\n    //   }\n    //   return tempObj;\n    // }\n  }\n}","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-card',{staticClass:\"d-flex flex-column\"},[_c('v-card-title',{staticClass:\"secondary headline\"},[_c('div',{staticClass:\"white--text\"},[_vm._v(\" Search New Games \")])]),_c('v-card-text',[_c('div',{staticClass:\"px-3\"},[_c('v-form',{staticClass:\"game-search-form mb-5\",attrs:{\"id\":\"gameSearchForm\"},on:{\"submit\":function($event){$event.preventDefault();return _vm.searchGames($event)}}},[_c('v-row',{attrs:{\"align\":\"center\",\"justify-center\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"8\"}},[_c('v-text-field',{attrs:{\"autofocus\":\"\",\"label\":\"Search from 120,000+ games\",\"required\":\"\",\"clearable\":\"\"},model:{value:(_vm.searchValue),callback:function ($$v) {_vm.searchValue=$$v},expression:\"searchValue\"}})],1),_c('v-col',{attrs:{\"cols\":\"4\"}},[_c('v-btn',{attrs:{\"color\":\"primary\",\"type\":\"submit\",\"block\":\"\"}},[(_vm.loading)?_c('v-progress-circular',{staticClass:\"mr-3\",attrs:{\"indeterminate\":\"\",\"color\":\"white\"}}):_vm._e(),(!_vm.loading)?_c('div',[_vm._v(\" Search \")]):_vm._e()],1)],1)],1)],1)],1),(!_vm.loading)?_c('div',[(_vm.searched)?_c('div',[(_vm.noResults)?_c('div',[_c('p',[_vm._v(\"Your search yielded no results! Please check your spelling.\")])]):_vm._e(),_c('v-list',{staticClass:\"mx-0\"},_vm._l((_vm.searchResults),function(game){return _c('v-card',{key:game.id,staticClass:\"my-2\"},[_c('v-list-item',[_c('v-list-item-icon',{staticClass:\"my-auto\"},[_c('v-img',{attrs:{\"src\":game.images.small,\"alt\":game.name + ' game cover',\"width\":\"100px\"}})],1),_c('v-list-item-content',[_c('v-list-item-title',{staticClass:\"mb-3\"},[_vm._v(_vm._s(game.name))]),_c('v-row',{attrs:{\"no-gutters\":\"\",\"justify-space-between\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"12\",\"sm\":\"6\"}},[_c('v-list-item-subtitle',[_vm._v(\"Min. age: \"),_c('strong',[_vm._v(_vm._s(game.min_age))])]),_c('v-list-item-subtitle',[_vm._v(\"Min. Players: \"),_c('strong',[_vm._v(_vm._s(game.min_players))])]),_c('v-list-item-subtitle',[_vm._v(\"Max. Players: \"),_c('strong',[_vm._v(_vm._s(game.max_players))])])],1),_c('v-col',{attrs:{\"cols\":\"12\",\"sm\":\"6\"}},[_c('v-list-item-subtitle',[_vm._v(\"Min. Time: \"),_c('strong',[_vm._v(_vm._s(game.min_playtime))])]),_c('v-list-item-subtitle',[_vm._v(\"Max. Time: \"),_c('strong',[_vm._v(_vm._s(game.max_playtime))])]),_c('v-list-item-subtitle',[_vm._v(\"Published: \"),_c('strong',[_vm._v(_vm._s(game.year_published))])])],1)],1),_c('div',{staticClass:\"mt-3\"},[(_vm.gameOnShelf(game))?_c('v-btn',{attrs:{\"color\":\"error\",\"block\":\"\"},on:{\"click\":function($event){return _vm.removeFromShelf(game)}}},[_vm._v(\"Remove\")]):_c('v-btn',{attrs:{\"color\":\"success\",\"block\":\"\"},on:{\"click\":function($event){return _vm.addToShelf(game)}}},[_vm._v(\"Add\")])],1)],1)],1)],1)}),1)],1):_vm._e()]):_vm._e()]),_c('v-spacer'),_c('v-divider'),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{attrs:{\"block\":\"\",\"color\":\"error\",\"text\":\"\"},on:{\"click\":function($event){return _vm.$emit('close-modal')}}},[_c('v-icon',{attrs:{\"left\":\"\",\"color\":\"error\"}},[_vm._v(\"mdi-close-circle\")]),_vm._v(\" Close \")],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-card class=\"d-flex flex-column\">\n    \n    <v-card-title class=\"secondary headline\">\n      <div class=\"white--text\">\n        Search New Games\n      </div>\n    </v-card-title>\n\n    <v-card-text>\n      <div class=\"px-3\">\n        <v-form v-on:submit.prevent=\"searchGames\" class=\"game-search-form mb-5\" id=\"gameSearchForm\">\n          <v-row align=\"center\" justify-center>\n            <v-col cols=\"8\">\n              <v-text-field v-model=\"searchValue\" autofocus label=\"Search from 120,000+ games\"\n                required clearable></v-text-field>\n            </v-col>\n            <v-col cols=\"4\">\n              <v-btn color=\"primary\" type=\"submit\" block>\n                <v-progress-circular v-if=\"loading\" class=\"mr-3\"\n                  indeterminate\n                  color=\"white\"\n                ></v-progress-circular>\n                <div v-if=\"!loading\">\n                  Search\n                </div>\n              </v-btn>\n            </v-col>\n          </v-row>\n        </v-form>\n      </div>\n\n      <div v-if=\"!loading\">\n        <div v-if=\"searched\">\n          <div v-if=\"noResults\">\n            <p>Your search yielded no results! Please check your spelling.</p>\n          </div>\n\n          <v-list class=\"mx-0\">\n            <v-card v-for=\"game in searchResults\" :key=\"game.id\" class=\"my-2\">\n              <v-list-item>\n                <v-list-item-icon class=\"my-auto\">\n                  <v-img :src=\"game.images.small\" :alt=\"game.name + ' game cover'\" width=\"100px\"></v-img>\n                </v-list-item-icon>\n                <v-list-item-content>\n                  <v-list-item-title class=\"mb-3\">{{ game.name }}</v-list-item-title>\n                  <v-row no-gutters justify-space-between>\n                    <v-col cols=\"12\" sm=\"6\">\n                      <v-list-item-subtitle>Min. age: <strong>{{ game.min_age }}</strong></v-list-item-subtitle>\n                      <v-list-item-subtitle>Min. Players: <strong>{{ game.min_players }}</strong></v-list-item-subtitle>\n                      <v-list-item-subtitle>Max. Players: <strong>{{ game.max_players }}</strong></v-list-item-subtitle>\n                    </v-col>\n                    <v-col cols=\"12\" sm=\"6\">\n                      <v-list-item-subtitle>Min. Time: <strong>{{ game.min_playtime }}</strong></v-list-item-subtitle>\n                      <v-list-item-subtitle>Max. Time: <strong>{{ game.max_playtime }}</strong></v-list-item-subtitle>\n                      <v-list-item-subtitle>Published: <strong>{{ game.year_published }}</strong></v-list-item-subtitle>\n                    </v-col>\n                  </v-row>\n                  <div class=\"mt-3\">\n                    <v-btn v-if=\"gameOnShelf(game)\" color=\"error\" @click=\"removeFromShelf(game)\" block>Remove</v-btn>\n                    <v-btn v-else color=\"success\" @click=\"addToShelf(game)\" block>Add</v-btn>\n                  </div>\n                </v-list-item-content>\n              </v-list-item>\n            </v-card>\n          </v-list>\n\n        </div>\n      </div>\n    </v-card-text>\n\n    <v-spacer></v-spacer>\n    <v-divider></v-divider>\n\n    <v-card-actions>\n      <v-spacer></v-spacer>\n      <v-btn block color=\"error\" text @click=\"$emit('close-modal')\">\n        <v-icon left color=\"error\">mdi-close-circle</v-icon>\n        Close\n      </v-btn>\n    </v-card-actions>\n\n  </v-card>\n</template>\n\n<script>\nimport HistoryFunctions from \"@/mixins/HistoryFunctions.js\";\nimport axios from \"axios\";\n\nexport default {\n  name: \"SearchNewGame\",\n  mixins: [HistoryFunctions],\n  data() {\n    return {\n      searchValue: \"\",\n      oldSearchValue: \"\",\n      searchResults: [],\n      deleteLoading: false,\n      loading: false,\n      searched: false,\n    };\n  },\n  computed: {\n    collection() { return this.$store.state.collection.games; },\n    loadingAddNew() { return this.$store.state.collection.loadingAddNew; },\n    loadingDelete() { return this.$store.state.collection.loadingDelete; },\n    sameSearchTerm() {\n      if (this.oldSearchValue !== \"\") {\n        return this.searchValue === this.oldSearchValue;\n      } else {\n        return false;\n      }\n    },\n    noResults() {\n      if (this.searched) {\n        return this.searchResults.length === 0;\n      } else {\n        return false;\n      }\n    },\n  },\n  methods: {\n    searchGames() {\n      if (this.searchValue === \"\" || this.sameSearchTerm) {\n        return;\n      }\n      this.searchResults = [];\n      // My client_id: \"xPJ2LwITlm\"\n      let url =\n        \"https://api.boardgameatlas.com/api/search?name=\" +\n        this.searchValue +\n        \"&fuzzy_match=true&order_by=popularity&limit=21&client_id=xPJ2LwITlm\";\n      this.loading = true;\n      fetch(url)\n        .then((response) => {\n          return response.json();\n        })\n        .then((json) => {\n          this.searchResults.push(...json.games);\n          this.loading = false;\n          this.searched = true;\n          this.oldSearchValue = this.searchValue;\n        });\n    },\n    async addToShelf(game) {\n      await this.$store.dispatch(\"collection/addToCurrentGroup\", game);\n      // await this.$store.dispatch(\"collection/add\", game);\n    },\n    async removeFromShelf(game) {\n      // Because this list is based off of the BoardGame Atlas API results which have\n      // different id values\n      let mongoDoc = this.collection.find(item => {\n        return item.board_game_id === game.id;\n      });\n      await this.$store.dispatch(\"collection/cascadeDelete\", mongoDoc);\n    },\n    gameOnShelf(game) {\n      return this.collection.some((item) => item.board_game_id === game.id);\n    },\n  },\n};\n</script>","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!./SearchNewGame.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!./SearchNewGame.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SearchNewGame.vue?vue&type=template&id=104e1098&\"\nimport script from \"./SearchNewGame.vue?vue&type=script&lang=js&\"\nexport * from \"./SearchNewGame.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  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 { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardActions } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VForm } from 'vuetify/lib/components/VForm';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VList } from 'vuetify/lib/components/VList';\nimport { VListItem } from 'vuetify/lib/components/VList';\nimport { VListItemContent } from 'vuetify/lib/components/VList';\nimport { VListItemIcon } from 'vuetify/lib/components/VList';\nimport { VListItemSubtitle } from 'vuetify/lib/components/VList';\nimport { VListItemTitle } from 'vuetify/lib/components/VList';\nimport { VProgressCircular } from 'vuetify/lib/components/VProgressCircular';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VBtn,VCard,VCardActions,VCardText,VCardTitle,VCol,VDivider,VForm,VIcon,VImg,VList,VListItem,VListItemContent,VListItemIcon,VListItemSubtitle,VListItemTitle,VProgressCircular,VRow,VSpacer,VTextField})\n","// Components\nimport VInput from '../VInput/VInput'\n\n// Mixins\nimport mixins from '../../util/mixins'\nimport BindsAttrs from '../../mixins/binds-attrs'\nimport { provide as RegistrableProvide } from '../../mixins/registrable'\n\n// Helpers\nimport { VNode } from 'vue'\n\ntype ErrorBag = Record<number, boolean>\ntype VInputInstance = InstanceType<typeof VInput>\ntype Watchers = {\n  _uid: number\n  valid: () => void\n  shouldValidate: () => void\n}\n\n/* @vue/component */\nexport default mixins(\n  BindsAttrs,\n  RegistrableProvide('form')\n  /* @vue/component */\n).extend({\n  name: 'v-form',\n\n  provide (): object {\n    return { form: this }\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    disabled: Boolean,\n    lazyValidation: Boolean,\n    readonly: Boolean,\n    value: Boolean,\n  },\n\n  data: () => ({\n    inputs: [] as VInputInstance[],\n    watchers: [] as Watchers[],\n    errorBag: {} as ErrorBag,\n  }),\n\n  watch: {\n    errorBag: {\n      handler (val) {\n        const errors = Object.values(val).includes(true)\n\n        this.$emit('input', !errors)\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n\n  methods: {\n    watchInput (input: any): Watchers {\n      const watcher = (input: any): (() => void) => {\n        return input.$watch('hasError', (val: boolean) => {\n          this.$set(this.errorBag, input._uid, val)\n        }, { immediate: true })\n      }\n\n      const watchers: Watchers = {\n        _uid: input._uid,\n        valid: () => {},\n        shouldValidate: () => {},\n      }\n\n      if (this.lazyValidation) {\n        // Only start watching inputs if we need to\n        watchers.shouldValidate = input.$watch('shouldValidate', (val: boolean) => {\n          if (!val) return\n\n          // Only watch if we're not already doing it\n          if (this.errorBag.hasOwnProperty(input._uid)) return\n\n          watchers.valid = watcher(input)\n        })\n      } else {\n        watchers.valid = watcher(input)\n      }\n\n      return watchers\n    },\n    /** @public */\n    validate (): boolean {\n      return this.inputs.filter(input => !input.validate(true)).length === 0\n    },\n    /** @public */\n    reset (): void {\n      this.inputs.forEach(input => input.reset())\n      this.resetErrorBag()\n    },\n    resetErrorBag () {\n      if (this.lazyValidation) {\n        // Account for timeout in validatable\n        setTimeout(() => {\n          this.errorBag = {}\n        }, 0)\n      }\n    },\n    /** @public */\n    resetValidation () {\n      this.inputs.forEach(input => input.resetValidation())\n      this.resetErrorBag()\n    },\n    register (input: VInputInstance) {\n      this.inputs.push(input)\n      this.watchers.push(this.watchInput(input))\n    },\n    unregister (input: VInputInstance) {\n      const found = this.inputs.find(i => i._uid === input._uid)\n\n      if (!found) return\n\n      const unwatch = this.watchers.find(i => i._uid === found._uid)\n      if (unwatch) {\n        unwatch.valid()\n        unwatch.shouldValidate()\n      }\n\n      this.watchers = this.watchers.filter(i => i._uid !== found._uid)\n      this.inputs = this.inputs.filter(i => i._uid !== found._uid)\n      this.$delete(this.errorBag, found._uid)\n    },\n  },\n\n  render (h): VNode {\n    return h('form', {\n      staticClass: 'v-form',\n      attrs: {\n        novalidate: true,\n        ...this.attrs$,\n      },\n      on: {\n        submit: (e: Event) => this.$emit('submit', e),\n      },\n    }, this.$slots.default)\n  },\n})\n"],"sourceRoot":""}