{"version":3,"sources":["webpack:///src/forms/product/FormProductMixins.vue","webpack:///./src/forms/product/FormProductMixins.vue","webpack:///./src/forms/product/FormProductMixins.vue?30e8"],"names":["render","staticRenderFns","name","data","loading","selected","showSaveMultiple","fields","loaded_values","default_values","title","description","image_url","price","discount","default_permissions","values","props","ids","type","default","watch","computed","canPrev","canNext","id","created","methods","mapValueToObject","value","text","handleInput","resetItem","prevItem","nextItem","loadItem","user_products","where","then","response","finally","saveItem","catch","e","code","message","time","removeItem","console","component"],"mappings":"yHAEe,ICFXA,EAAQC,EDEG,GACfC,yBACAC,UACAC,UACAC,WACAC,oBACAC,QACA,aACA,QACA,cACA,YACA,QACA,WACA,uBAGAC,qBAEAC,gBACAC,aACAC,mBACAC,iBACAC,aACAC,gBACAC,wBAGAC,QACAN,aACAC,mBACAC,iBACAC,aACAC,gBACAC,0BAGAE,OACAC,KACAC,qBACAC,gBAEAH,OACAE,sBACAC,mBAGAC,OACAH,SACA,eACA,gCACA,gBACA,mBAKAI,UACAC,UACA,2CAEAC,UACA,2DAEAC,KACA,uDAGAC,UACA,kBACA,gBAEA,kBAGAC,SAEAC,oBACA,OAAAC,QAAAC,4CAIAC,eACAf,iBACA,2BACA,4BACA,+CACA,qDAEA,sBAQAgB,YACA,oEACA,2BACA,kDAMAC,WACA,gBAEA,OADA,gBACA,iBAMAC,WACA,gBAEA,OADA,gBACA,iBAMAC,WACA,gBACA,SACAV,2BACAW,kBAEA,GAAAC,SACA,iDACAC,KAAAC,IACA,oBACA,2CAEA,IAEAC,QAAA,KACA,iBACA,mBAOAC,eACA,iFAGA,GAFA,yBACA,iBACA,SACA,WACA,2BACA,2DAEA,+CAAAzB,WACAsB,KAAAC,IACA,QACA,iCAGAG,MAAAC,IACA,sCAAAxB,aAAAyB,YAAAC,kBAAAC,aAEAN,QAAA,KACA,kBAEA,CACA,kEACA,4BACA,8CACA,+CAAAxB,SAAAqB,OAAAZ,QACAa,KAAAC,IACA,QACA,yBAGAG,MAAAC,IACA,sCAAAxB,aAAAyB,YAAAC,kBAAAC,aAEAN,QAAA,KACA,kBAGA,kBAOAO,iBACA,8CACA,KAEA,OADA,gBACA,wCAAAV,OAAAZ,QACAa,KAAAC,IACA,QACA,yBAGAG,MAAAC,IACA,sCAAAxB,aAAAyB,YAAAC,kBAAAC,aAEAN,QAAA,KACA,kBAGAQ,gEElN0W,I,YDOtWC,EAAY,eACd,EACAjD,EACAC,GACA,EACA,KACA,KACA,MAIa,aAAAgD,E","file":"js/chunk-2d0e4fe3.212b79cc.js","sourcesContent":["<script>\n\nexport default {\n  name: 'FormProductMixins',\n  data: (_this) => ({\n    loading: 0,\n    selected: 0,\n    showSaveMultiple: false,\n    fields: [\n      'country_id',\n      'title',\n      'description',\n      'image_url',\n      'price',\n      'discount',\n      'default_permissions',\n    ],\n    // database values\n    loaded_values: undefined,\n    // default values\n    default_values: {\n      title: undefined,\n      description: undefined,\n      image_url: undefined,\n      price: undefined,\n      discount: undefined,\n      default_permissions: [],\n    },\n    // current values\n    values: {\n      title: undefined,\n      description: undefined,\n      image_url: undefined,\n      price: undefined,\n      discount: undefined,\n      default_permissions: [],\n    },\n  }),\n  props: {\n    ids: {\n      type: [Array, Boolean],\n      default: () => ([])\n    },\n    props: {\n      type: [Object, Boolean],\n      default: () => ({})\n    }\n  },\n  watch: {\n    ids (n,o) {\n      if (n && n.length > 0) {\n        if (n[this.selected].id !== this.id) {\n          this.selected = 0\n          this.loadItem()\n        }\n      }\n    }\n  },\n  computed: {\n    canPrev () {\n      return this.selected > 0 && this.ids.length > 0\n    },\n    canNext () {\n      return this.selected < this.ids.length-1 && this.ids.length > 0\n    },\n    id () {\n      return this.loaded_values ? this.loaded_values.id : null\n    }\n  },\n  created () {\n    if (this.ids.length > 0) {\n      this.loadItem()\n    } else {\n      this.resetItem()\n    }\n  },\n  methods: {\n\n    mapValueToObject (v) {\n      return {value: v, text: this.$i18n.t(`job.${v.toUpperCase()}`)}\n    },\n\n    // apply changes from another data (child component)\n    handleInput (values) {\n      values = this.$clone(values)\n      for (const field of this.fields) {\n        if (typeof values[field] !== 'undefined') {\n          if (values[field] instanceof Object && !(values[field] instanceof Array)) {\n            this.values[field] = Object.assign({}, this.values[field], values[field])\n          } else {\n            this.values[field] = values[field]\n          }\n        }\n      }\n    },\n\n\n    // init and reset values\n    resetItem () {\n      const values = this.$clone(this.id ? this.loaded_values : this.default_values)\n      for (const field of this.fields) {\n        if (typeof values[field] !== 'undefined') this.values[field] = values[field]\n      }\n    },\n\n\n    // load prev item on the fly\n    prevItem () {\n      if (this.canPrev) {\n        this.selected--\n        return this.loadItem()\n      }\n    },\n\n\n    // load next item on the fly\n    nextItem () {\n      if (this.canNext) {\n        this.selected++\n        return this.loadItem()\n      }\n    },\n\n\n    // load item\n    loadItem () {\n      this.loading = true\n      const _where = {\n        id: this.ids[this.selected],\n        user_products: true\n      }\n      const query = {where: _where}\n      return this.$services.api_user.product.search(query)\n        .then(response => {\n          if (response.data && response.data[0]) {\n            this.loaded_values = this.$clone(response.data[0])\n          }\n          return response\n        })\n        .finally(() => {\n          this.resetItem()\n          this.loading = false\n        })\n\n    },\n\n\n    // save item\n    saveItem (multiple = false) {\n      if (this.ids.length > 1 && (typeof multiple !== 'boolean' || !multiple)) return this.showSaveMultiple = true\n      this.showSaveMultiple = false\n      this.loading = true\n      if (!this.id) {\n        const values = {}\n        for (const field of this.fields) {\n          if (typeof this.values[field] !== 'undefined') values[field] = this.values[field]\n        }\n        return this.$services.api_user.product.create({values})\n          .then(response => {\n            if (response.data) {\n              this.$emit('create', response.data[1])\n            }\n          })\n          .catch(e => {\n            this.$store.dispatch('messenger/add', {type: 'error', code: e.code, message: e.message, time: 5000 })\n          })\n          .finally(() => {\n            this.loading = false\n          })\n      } else {\n        const values = this.$compare(this.loaded_values, this.values, this.fields)\n        if (Object.keys(values).length > 0) {\n          const ids = multiple && this.ids.length > 1 ? this.ids : this.id\n          return this.$services.api_user.product.update({values, where: {id: ids}})\n            .then(response => {\n              if (response.data) {\n                this.$emit('update', ids)\n              }\n            })\n            .catch(e => {\n              this.$store.dispatch('messenger/add', {type: 'error', code: e.code, message: e.message, time: 5000 })\n            })\n            .finally(() => {\n              this.loading = false\n            })\n        } else {\n          this.loading = false\n        }\n      }\n    },\n\n\n    // remove item\n    removeItem (multiple = true) {\n      const ids = multiple && this.ids.length > 1 ? this.ids : this.id\n      if (ids) {\n        this.loading = true\n        return this.$services.api_user.product.remove({where: {id: ids}})\n          .then(response => {\n            if (response.data) {\n              this.$emit('remove', ids)\n            }\n          })\n          .catch(e => {\n            this.$store.dispatch('messenger/add', {type: 'error', code: e.code, message: e.message, time: 5000 })\n          })\n          .finally(() => {\n            this.loading = false\n          })\n      } else {\n        console.warning('You cannot remove element without its id.')\n      }\n    },\n\n\n\n  }\n}\n</script>\n","var render, staticRenderFns\nimport script from \"./FormProductMixins.vue?vue&type=script&lang=js&\"\nexport * from \"./FormProductMixins.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","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!./FormProductMixins.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!./FormProductMixins.vue?vue&type=script&lang=js&\""],"sourceRoot":""}