{"version":3,"sources":["webpack:///../../../src/mixins/comparable/index.ts","webpack:///./src/pages/ShoppingList/index.vue?2454","webpack:///src/pages/ShoppingList/index.vue","webpack:///./src/pages/ShoppingList/index.vue?5f6d","webpack:///./src/pages/ShoppingList/index.vue","webpack:///./src/pages/ShoppingList/index.vue?9d45"],"names":["name","props","valueComparator","type","default","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","on","$event","list","_v","_s","$globals","icons","arrowLeftBold","$t","_e","formatListChecks","createNewList","scopedSlots","_u","key","fn","ref","open","model","value","newList","callback","$$v","$set","expression","_l","group","item","index","deleteList","id","cartCheck","edit","listAsText","activeList","saveList","importIngredients","quantity","items","minus","create","removeItemByIndex","delete","class","windowClose","text","openSearch","primary","newItem","staticRenderFns","components","BaseDialog","SearchDialog","TheCopyButton","VueMarkdown","data","computed","$store","getters","getCurrentGroup","set","$router","replace","get","$route","query","formatList","join","watch","immediate","handler","methods","$refs","searchRecipe","consolidateList","allText","indexOf","matchingItems","newItems","sumQuantiy","itemList","forEach","element","setActiveList","shoppingLists","find","splice","push","title","checked","component","VAppBar","VBtn","VCard","VCardActions","VCardText","VCardTitle","VCheckbox","VCol","VContainer","VDivider","VIcon","VLazy","VRow","VSlideXTransition","VSpacer","VTextField","VTextarea","VToolbarTitle","VToolbar"],"mappings":"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","file":"js/chunk-2b90e2ae.b2f7ba8f.js","sourcesContent":["import Vue from 'vue'\nimport { PropValidator } from 'vue/types/options'\nimport { deepEqual } from '../../util/helpers'\n\nexport default Vue.extend({\n  name: 'comparable',\n  props: {\n    valueComparator: {\n      type: Function,\n      default: deepEqual,\n    } as PropValidator<typeof deepEqual>,\n  },\n})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',[_c('v-app-bar',{staticClass:\"mt-n1 rounded\",attrs:{\"color\":\"transparent\",\"flat\":\"\"}},[(_vm.list)?_c('v-btn',{attrs:{\"color\":\"info\"},on:{\"click\":function($event){_vm.list = null}}},[_c('v-icon',{attrs:{\"left\":\"\"}},[_vm._v(\" \"+_vm._s(_vm.$globals.icons.arrowLeftBold)+\" \")]),_vm._v(\" \"+_vm._s(_vm.$t(\"shopping-list.all-lists\"))+\" \")],1):_vm._e(),(!_vm.list)?_c('v-icon',{attrs:{\"large\":\"\",\"left\":\"\"}},[_vm._v(\" \"+_vm._s(_vm.$globals.icons.formatListChecks)+\" \")]):_vm._e(),(!_vm.list)?_c('v-toolbar-title',{staticClass:\"headline\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"shopping-list.shopping-lists\"))+\" \")]):_vm._e(),_c('v-spacer'),_c('BaseDialog',{attrs:{\"title\":_vm.$t('shopping-list.new-list'),\"title-icon\":_vm.$globals.icons.formatListChecks,\"submit-text\":_vm.$t('general.create')},on:{\"submit\":_vm.createNewList},scopedSlots:_vm._u([{key:\"open\",fn:function(ref){\nvar open = ref.open;\nreturn [_c('TheButton',{attrs:{\"create\":\"\"},on:{\"click\":open}})]}}])},[_c('v-card-text',[_c('v-text-field',{attrs:{\"autofocus\":\"\",\"label\":_vm.$t('shopping-list.list-name')},model:{value:(_vm.newList.name),callback:function ($$v) {_vm.$set(_vm.newList, \"name\", $$v)},expression:\"newList.name\"}})],1)],1)],1),_c('v-slide-x-transition',{attrs:{\"hide-on-leave\":\"\"}},[(_vm.list == null)?_c('v-row',_vm._l((_vm.group.shoppingLists),function(item,index){return _c('v-col',{key:index,attrs:{\"cols\":\"12\",\"sm\":6,\"md\":6,\"lg\":4,\"xl\":3}},[_c('v-card',[_c('v-card-title',{staticClass:\"headline\"},[_vm._v(\" \"+_vm._s(item.name)+\" \")]),_c('v-divider',{staticClass:\"mx-2\"}),_c('v-card-actions',[_c('TheButton',{attrs:{\"delete\":\"\",\"minor\":\"\"},on:{\"click\":function($event){return _vm.deleteList(item.id)}}}),_c('v-spacer'),_c('v-btn',{attrs:{\"color\":\"info\"},on:{\"click\":function($event){_vm.list = item.id}}},[_c('v-icon',{attrs:{\"left\":\"\"}},[_vm._v(\" \"+_vm._s(_vm.$globals.icons.cartCheck)+\" \")]),_vm._v(\" \"+_vm._s(_vm.$t(\"general.view\"))+\" \")],1)],1)],1)],1)}),1):(_vm.activeList)?_c('v-card',[_c('v-card-title',{staticClass:\"headline\"},[(!_vm.edit)?_c('TheCopyButton',{attrs:{\"copy-text\":_vm.listAsText,\"color\":\"info\"}}):_vm._e(),(_vm.edit)?_c('v-text-field',{attrs:{\"label\":\"Name\",\"single-line\":\"\",\"dense\":\"\"},model:{value:(_vm.activeList.name),callback:function ($$v) {_vm.$set(_vm.activeList, \"name\", $$v)},expression:\"activeList.name\"}}):_c('div',[_vm._v(\" \"+_vm._s(_vm.activeList.name)+\" \")]),_c('v-spacer'),(_vm.edit)?_c('TheButton',{attrs:{\"update\":\"\"},on:{\"click\":_vm.saveList}}):_c('TheButton',{attrs:{\"edit\":\"\"},on:{\"click\":function($event){_vm.edit = true}}})],1),_c('v-divider',{staticClass:\"mx-2 mb-1\"}),_c('SearchDialog',{ref:\"searchRecipe\",on:{\"selected\":_vm.importIngredients}}),_c('v-card-text',_vm._l((_vm.activeList.items),function(item,index){return _c('v-row',{key:index,attrs:{\"dense\":\"\"}},[(_vm.edit)?_c('v-col',{staticClass:\"d-flex no-wrap align-center\",attrs:{\"cols\":\"12\"}},[_c('p',{staticClass:\"mb-0\"},[_vm._v(_vm._s(_vm.$t(\"shopping-list.quantity\", [item.quantity])))]),(_vm.edit)?_c('div',[_c('v-btn',{staticClass:\"ml-1\",attrs:{\"x-small\":\"\",\"text\":\"\"},on:{\"click\":function($event){_vm.activeList.items[index].quantity -= 1}}},[_c('v-icon',[_vm._v(\" \"+_vm._s(_vm.$globals.icons.minus)+\" \")])],1),_c('v-btn',{staticClass:\"mr-1\",attrs:{\"x-small\":\"\",\"text\":\"\"},on:{\"click\":function($event){_vm.activeList.items[index].quantity += 1}}},[_c('v-icon',[_vm._v(\" \"+_vm._s(_vm.$globals.icons.create)+\" \")])],1)],1):_vm._e(),_c('v-spacer'),(_vm.edit)?_c('v-btn',{attrs:{\"icon\":\"\",\"color\":\"error\"},on:{\"click\":function($event){return _vm.removeItemByIndex(index)}}},[_c('v-icon',[_vm._v(_vm._s(_vm.$globals.icons.delete))])],1):_vm._e()],1):_vm._e(),_c('v-col',{staticClass:\"no-wrap align-center\",class:!_vm.edit ? 'd-flex' : null,attrs:{\"cols\":\"12\"}},[(!_vm.edit)?_c('v-checkbox',{staticClass:\"pt-0 my-auto py-auto\",attrs:{\"hide-details\":\"\",\"color\":\"secondary\"},on:{\"change\":_vm.saveList},model:{value:(_vm.activeList.items[index].checked),callback:function ($$v) {_vm.$set(_vm.activeList.items[index], \"checked\", $$v)},expression:\"activeList.items[index].checked\"}}):_vm._e(),(!_vm.edit)?_c('p',{staticClass:\"mb-0\"},[_vm._v(_vm._s(item.quantity))]):_vm._e(),(!_vm.edit)?_c('v-icon',{staticClass:\"mx-3\",attrs:{\"x-small\":\"\"}},[_vm._v(\" \"+_vm._s(_vm.$globals.icons.windowClose)+\" \")]):_vm._e(),_c('v-lazy',[(!_vm.edit)?_c('vue-markdown',{staticClass:\"dense-markdown\",attrs:{\"source\":item.text}}):_c('v-textarea',{staticClass:\"mb-n2 pa-0\",attrs:{\"single-line\":\"\",\"rows\":\"1\",\"auto-grow\":\"\",\"dense\":\"\"},model:{value:(_vm.activeList.items[index].text),callback:function ($$v) {_vm.$set(_vm.activeList.items[index], \"text\", $$v)},expression:\"activeList.items[index].text\"}})],1)],1),_c('v-divider',{staticClass:\"ma-1\"})],1)}),1),_c('v-card-actions',[_c('v-spacer'),(_vm.edit)?_c('v-btn',{attrs:{\"color\":\"success\"},on:{\"click\":_vm.openSearch}},[_c('v-icon',{attrs:{\"left\":\"\"}},[_vm._v(\" \"+_vm._s(_vm.$globals.icons.primary)+\" \")]),_vm._v(\" \"+_vm._s(_vm.$t(\"shopping-list.from-recipe\"))+\" \")],1):_vm._e(),(_vm.edit)?_c('v-btn',{attrs:{\"color\":\"success\"},on:{\"click\":_vm.newItem}},[_c('v-icon',{attrs:{\"left\":\"\"}},[_vm._v(\" \"+_vm._s(_vm.$globals.icons.create)+\" \")]),_vm._v(\" \"+_vm._s(_vm.$t(\"general.new\"))+\" \")],1):_vm._e()],1)],1):_vm._e()],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-container>\n    <v-app-bar color=\"transparent\" flat class=\"mt-n1 rounded\">\n      <v-btn v-if=\"list\" color=\"info\" @click=\"list = null\">\n        <v-icon left>\n          {{ $globals.icons.arrowLeftBold }}\n        </v-icon>\n        {{ $t(\"shopping-list.all-lists\") }}\n      </v-btn>\n      <v-icon v-if=\"!list\" large left>\n        {{ $globals.icons.formatListChecks }}\n      </v-icon>\n      <v-toolbar-title v-if=\"!list\" class=\"headline\"> {{ $t(\"shopping-list.shopping-lists\") }} </v-toolbar-title>\n      <v-spacer></v-spacer>\n      <BaseDialog\n        :title=\"$t('shopping-list.new-list')\"\n        :title-icon=\"$globals.icons.formatListChecks\"\n        :submit-text=\"$t('general.create')\"\n        @submit=\"createNewList\"\n      >\n        <template v-slot:open=\"{ open }\">\n          <TheButton create @click=\"open\" />\n        </template>\n        <v-card-text>\n          <v-text-field autofocus v-model=\"newList.name\" :label=\"$t('shopping-list.list-name')\"> </v-text-field>\n        </v-card-text>\n      </BaseDialog>\n    </v-app-bar>\n\n    <v-slide-x-transition hide-on-leave>\n      <v-row v-if=\"list == null\">\n        <v-col cols=\"12\" :sm=\"6\" :md=\"6\" :lg=\"4\" :xl=\"3\" v-for=\"(item, index) in group.shoppingLists\" :key=\"index\">\n          <v-card>\n            <v-card-title class=\"headline\">\n              {{ item.name }}\n            </v-card-title>\n            <v-divider class=\"mx-2\"></v-divider>\n            <v-card-actions>\n              <TheButton delete minor @click=\"deleteList(item.id)\" />\n              <v-spacer></v-spacer>\n              <v-btn color=\"info\" @click=\"list = item.id\">\n                <v-icon left>\n                  {{ $globals.icons.cartCheck }}\n                </v-icon>\n                {{ $t(\"general.view\") }}\n              </v-btn>\n            </v-card-actions>\n          </v-card>\n        </v-col>\n      </v-row>\n\n      <v-card v-else-if=\"activeList\">\n        <v-card-title class=\"headline\">\n          <TheCopyButton v-if=\"!edit\" :copy-text=\"listAsText\" color=\"info\" />\n          <v-text-field label=\"Name\" single-line dense v-if=\"edit\" v-model=\"activeList.name\"> </v-text-field>\n          <div v-else>\n            {{ activeList.name }}\n          </div>\n          <v-spacer></v-spacer>\n          <TheButton v-if=\"edit\" update @click=\"saveList\" />\n          <TheButton v-else edit @click=\"edit = true\" />\n        </v-card-title>\n        <v-divider class=\"mx-2 mb-1\"></v-divider>\n\n        <SearchDialog ref=\"searchRecipe\" @selected=\"importIngredients\" />\n        <v-card-text>\n          <v-row dense v-for=\"(item, index) in activeList.items\" :key=\"index\">\n            <v-col v-if=\"edit\" cols=\"12\" class=\"d-flex no-wrap align-center\">\n              <p class=\"mb-0\">{{ $t(\"shopping-list.quantity\", [item.quantity]) }}</p>\n              <div v-if=\"edit\">\n                <v-btn x-small text class=\"ml-1\" @click=\"activeList.items[index].quantity -= 1\">\n                  <v-icon>\n                    {{ $globals.icons.minus }}\n                  </v-icon>\n                </v-btn>\n                <v-btn x-small text class=\"mr-1\" @click=\"activeList.items[index].quantity += 1\">\n                  <v-icon>\n                    {{ $globals.icons.create }}\n                  </v-icon>\n                </v-btn>\n              </div>\n              <v-spacer></v-spacer>\n              <v-btn v-if=\"edit\" icon @click=\"removeItemByIndex(index)\" color=\"error\">\n                <v-icon>{{ $globals.icons.delete }}</v-icon>\n              </v-btn>\n            </v-col>\n\n            <v-col cols=\"12\" class=\"no-wrap align-center\" :class=\"!edit ? 'd-flex' : null\">\n              <v-checkbox\n                v-if=\"!edit\"\n                hide-details\n                v-model=\"activeList.items[index].checked\"\n                class=\"pt-0 my-auto py-auto\"\n                color=\"secondary\"\n                @change=\"saveList\"\n              ></v-checkbox>\n\n              <p v-if=\"!edit\" class=\"mb-0\">{{ item.quantity }}</p>\n\n              <v-icon v-if=\"!edit\" x-small class=\"mx-3\">\n                {{ $globals.icons.windowClose }}\n              </v-icon>\n\n              <v-lazy>\n                <vue-markdown v-if=\"!edit\" class=\"dense-markdown\" :source=\"item.text\"> </vue-markdown>\n                <v-textarea\n                  single-line\n                  rows=\"1\"\n                  auto-grow\n                  class=\"mb-n2 pa-0\"\n                  dense\n                  v-else\n                  v-model=\"activeList.items[index].text\"\n                ></v-textarea>\n              </v-lazy>\n            </v-col>\n            <v-divider class=\"ma-1\"></v-divider>\n          </v-row>\n        </v-card-text>\n\n        <v-card-actions>\n          <v-spacer></v-spacer>\n          <v-btn v-if=\"edit\" color=\"success\" @click=\"openSearch\">\n            <v-icon left>\n              {{ $globals.icons.primary }}\n            </v-icon>\n            {{ $t(\"shopping-list.from-recipe\") }}\n          </v-btn>\n          <v-btn v-if=\"edit\" color=\"success\" @click=\"newItem\">\n            <v-icon left>\n              {{ $globals.icons.create }}\n            </v-icon>\n            {{ $t(\"general.new\") }}\n          </v-btn>\n        </v-card-actions>\n      </v-card>\n    </v-slide-x-transition>\n  </v-container>\n</template>\n\n<script>\nimport BaseDialog from \"@/components/UI/Dialogs/BaseDialog\";\nimport SearchDialog from \"@/components/UI/Dialogs/SearchDialog\";\nimport TheCopyButton from \"@/components/UI/Buttons/TheCopyButton\";\nimport VueMarkdown from \"@adapttive/vue-markdown\";\nimport { api } from \"@/api\";\nexport default {\n  components: {\n    BaseDialog,\n    SearchDialog,\n    TheCopyButton,\n    VueMarkdown,\n  },\n  data() {\n    return {\n      newList: {\n        name: \"\",\n        group: \"\",\n        items: [],\n      },\n      activeList: null,\n\n      edit: false,\n    };\n  },\n  computed: {\n    group() {\n      return this.$store.getters.getCurrentGroup;\n    },\n    list: {\n      set(list) {\n        this.$router.replace({ query: { ...this.$route.query, list } });\n      },\n      get() {\n        return this.$route.query.list;\n      },\n    },\n    listAsText() {\n      const formatList = this.activeList.items.map(x => {\n        return `${x.quantity} - ${x.text}`;\n      });\n\n      return formatList.join(\"\\n\");\n    },\n  },\n  watch: {\n    group: {\n      immediate: true,\n      handler: \"setActiveList\",\n    },\n    list: {\n      immediate: true,\n      handler: \"setActiveList\",\n    },\n  },\n  methods: {\n    openSearch() {\n      this.$refs.searchRecipe.open();\n    },\n    async importIngredients(selected) {\n      const [response, error] = await api.recipes.requestDetails(selected.slug);\n\n      if (error) {\n        console.log(error);\n      }\n\n      const recipe = response.data;\n\n      const ingredients = recipe.recipeIngredient.map(x => ({\n        title: \"\",\n        text: x.note,\n        quantity: 1,\n        checked: false,\n      }));\n\n      this.activeList.items = [...this.activeList.items, ...ingredients];\n      this.consolidateList();\n    },\n    consolidateList() {\n      const allText = this.activeList.items.map(x => x.text);\n\n      const uniqueText = allText.filter((item, index) => {\n        return allText.indexOf(item) === index;\n      });\n\n      const newItems = uniqueText.map(x => {\n        let matchingItems = this.activeList.items.filter(y => y.text === x);\n        matchingItems[0].quantity = this.sumQuantiy(matchingItems);\n        return matchingItems[0];\n      });\n\n      this.activeList.items = newItems;\n    },\n    sumQuantiy(itemList) {\n      let quantity = 0;\n      itemList.forEach(element => {\n        quantity += element.quantity;\n      });\n      return quantity;\n    },\n    setActiveList() {\n      if (!this.list) return null;\n      if (!this.group.shoppingLists) return null;\n      this.activeList = this.group.shoppingLists.find(x => x.id == this.list);\n    },\n    async createNewList() {\n      this.newList.group = this.group.name;\n\n      await api.shoppingLists.createShoppingList(this.newList);\n\n      this.$store.dispatch(\"requestCurrentGroup\");\n    },\n    async deleteList(id) {\n      await api.shoppingLists.deleteShoppingList(id);\n      this.$store.dispatch(\"requestCurrentGroup\");\n    },\n    removeItemByIndex(index) {\n      this.activeList.items.splice(index, 1);\n    },\n    newItem() {\n      this.activeList.items.push({\n        title: null,\n        text: \"\",\n        quantity: 1,\n        checked: false,\n      });\n    },\n    async saveList() {\n      await this.consolidateList();\n      await api.shoppingLists.updateShoppingList(this.activeList.id, this.activeList);\n      this.edit = false;\n    },\n  },\n};\n</script>\n\n<style  >\n.dense-markdown p {\n  margin: auto !important;\n}\n</style>","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/cache-loader/dist/cjs.js??ref--0-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--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=0bc6eed0&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.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 { VAppBar } from 'vuetify/lib/components/VAppBar';\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 { VCheckbox } from 'vuetify/lib/components/VCheckbox';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VLazy } from 'vuetify/lib/components/VLazy';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSlideXTransition } from 'vuetify/lib/components/transitions';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\nimport { VTextarea } from 'vuetify/lib/components/VTextarea';\nimport { VToolbarTitle } from 'vuetify/lib/components/VToolbar';\ninstallComponents(component, {VAppBar,VBtn,VCard,VCardActions,VCardText,VCardTitle,VCheckbox,VCol,VContainer,VDivider,VIcon,VLazy,VRow,VSlideXTransition,VSpacer,VTextField,VTextarea,VToolbarTitle})\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!./index.vue?vue&type=style&index=0&lang=css&\""],"sourceRoot":""}