{"version":3,"sources":["webpack:///src/forms/channel/FormChannelMixins.vue","webpack:///./src/forms/channel/FormChannelMixins.vue","webpack:///./src/forms/channel/FormChannelMixins.vue?8c4e"],"names":["render","staticRenderFns","name","data","loading","selected","fields","loaded_values","default_values","status","controller_name","prices","cpc","cpa","cpm","credit","organic","budget","methods","types","contract_types","account_params","channel_params","images","title","color","description","category","url","values","props","ids","type","default","watch","computed","canPrev","canNext","id","created","handleInput","resetItem","prevItem","nextItem","loadItem","where","then","response","catch","e","code","message","time","finally","saveItem","removeItem","console","refreshItem","component"],"mappings":"yHACe,ICDXA,EAAQC,EDCG,GACfC,yBACAC,WACAC,UACAC,WACAC,QACA,SACA,kBACA,WACA,SACA,UACA,QACA,iBACA,iBACA,iBACA,SACA,QACA,QACA,cACA,OAGAC,qBAEAC,gBACAC,cACAC,uBACAC,QAAAC,MAAAC,MAAAC,MAAAC,SAAAC,UAAAC,UACAC,WACAC,SACAC,kBACAC,kBACAC,kBACAC,UACAC,aACAC,aACAC,mBACAC,kBACAC,YAGAC,QACApB,cACAC,uBACAC,QAAAC,MAAAC,MAAAC,MAAAC,SAAAC,UAAAC,UACAC,WACAC,SACAC,kBACAC,kBACAC,kBACAC,UACAC,aACAC,aACAC,mBACAC,kBACAC,cAGAE,OACAC,KACAC,qBACAC,gBAEAH,OACAE,sBACAC,mBAGAC,OACAH,SACA,eACA,gCACA,gBACA,mBAKAI,UACAC,UACA,2CAEAC,UACA,2DAEAC,KACA,uDAGAC,UACA,kBACA,gBAEA,kBAGArB,SAGAsB,eACAX,iBACA,2BACA,4BACA,+CACA,qDAEA,sBAQAY,YACA,oEACA,2BACA,kDAMAC,WACA,gBAEA,OADA,gBACA,iBAMAC,WACA,gBAEA,OADA,gBACA,iBAMAC,WACA,gBACA,SAAAC,OAAAP,6BACA,yDACAQ,KAAAC,IACA,oBACA,2CAEA,IAEAC,MAAAC,IACA,sCAAAjB,aAAAkB,YAAAC,kBAAAC,aAEAC,QAAA,KACA,iBACA,mBAOAC,WAEA,GADA,iBACA,SACA,WACA,2BACA,2DAEA,uDAAAzB,WACAiB,KAAAC,IACA,QACA,iCAGAC,MAAAC,IACA,sCAAAjB,aAAAkB,YAAAC,kBAAAC,aAEAC,QAAA,KACA,kBAEA,CACA,kEACA,2BACA,uDAAAxB,SAAAgB,OAAAP,cACAQ,KAAAC,IACA,QACA,+BAGAC,MAAAC,IACA,sCAAAjB,aAAAkB,YAAAC,kBAAAC,aAEAC,QAAA,KACA,kBAGA,kBAOAE,aACA,WAEA,OADA,gBACA,gDAAA1B,QAAApB,WAAAoC,OAAAP,cACAQ,KAAAC,IACA,QACA,+BAGAC,MAAAC,IACA,sCAAAjB,aAAAkB,YAAAC,kBAAAC,aAEAC,QAAA,KACA,kBAGAG,8DAMAC,cACA,WAEA,OADA,gBACA,iDAAAZ,OAAAP,cACAQ,KAAAC,IACA,QACA,+BAGAC,MAAAC,IACA,sCAAAjB,aAAAkB,YAAAC,kBAAAC,aAEAC,QAAA,KACA,qBEjP0W,I,YDOtWK,EAAY,eACd,EACA1D,EACAC,GACA,EACA,KACA,KACA,MAIa,aAAAyD,E","file":"js/chunk-2d0c0646.8299cae8.js","sourcesContent":["<script>\nexport default {\n  name: 'FormChannelMixins',\n  data: () => ({\n    loading: 0,\n    selected: 0,\n    fields: [\n      'status',\n      'controller_name',\n      'category',\n      'prices',\n      'methods',\n      'types',\n      'contract_types',\n      'account_params',\n      'channel_params',\n      'images',\n      'title',\n      'color',\n      'description',\n      'url',\n    ],\n    // database values\n    loaded_values: undefined,\n    // default values\n    default_values: {\n      status: undefined,\n      controller_name: undefined,\n      prices: {cpc:0, cpa:0, cpm:0, credit:1, organic:0, budget:0},\n      methods: [],\n      types: [],\n      contract_types: [],\n      account_params: [],\n      channel_params: [],\n      images: {},\n      title: undefined,\n      color: undefined,\n      description: undefined,\n      category: 'credit',\n      url: undefined\n    },\n    // current values\n    values: {\n      status: undefined,\n      controller_name: undefined,\n      prices: {cpc:0, cpa:0, cpm:0, credit:1, organic:0, budget:0},\n      methods: [],\n      types: [],\n      contract_types: [],\n      account_params: [],\n      channel_params: [],\n      images: {},\n      title: undefined,\n      color: undefined,\n      description: undefined,\n      category: 'credit',\n      url: undefined\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    // 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 query = {where: {id: this.ids[this.selected]}}\n      return this.$services.api_programmatic.channel.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        .catch(e => {\n          this.$store.dispatch('messenger/add', {type: 'error', code: e.code, message: e.message, time: 5000 })\n        })\n        .finally(() => {\n          this.resetItem()\n          this.loading = false\n        })\n\n    },\n\n\n    // save item\n    saveItem () {\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_programmatic.channel.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          return this.$services.api_programmatic.channel.update({values, where: {id: this.id}})\n            .then(response => {\n              if (response.data) {\n                this.$emit('update', this.id)\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 () {\n      if (this.id) {\n        this.loading = true\n        return this.$services.api_programmatic.channel.update({values: {status:-1}, where: {id: this.id}})\n          .then(response => {\n            if (response.data) {\n              this.$emit('remove', this.id)\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    // refresh\n    refreshItem () {\n      if (this.id) {\n        this.loading = true\n        return this.$services.api_programmatic.channel.refresh({where: {id: this.id}})\n          .then(response => {\n            if (response.data) {\n              this.$emit('update', this.id)\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      }\n    },\n\n\n  }\n}\n</script>\n","var render, staticRenderFns\nimport script from \"./FormChannelMixins.vue?vue&type=script&lang=js&\"\nexport * from \"./FormChannelMixins.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!./FormChannelMixins.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!./FormChannelMixins.vue?vue&type=script&lang=js&\""],"sourceRoot":""}