{"version":3,"sources":["webpack:///./src/views/apps/ads/creatives/TelegramPost/TelegramVideoPost.vue?594b","webpack:///src/views/apps/ads/creatives/TelegramPost/TelegramVideoPost.vue","webpack:///./src/views/apps/ads/creatives/TelegramPost/TelegramVideoPost.vue?8fba","webpack:///./src/views/apps/ads/creatives/TelegramPost/TelegramVideoPost.vue","webpack:///./src/views/apps/ads/creatives/TelegramPost/previews/TelegramImagePostPreview.vue?6c52","webpack:///src/views/apps/ads/creatives/TelegramPost/previews/TelegramImagePostPreview.vue","webpack:///./src/views/apps/ads/creatives/TelegramPost/previews/TelegramImagePostPreview.vue?8f1d","webpack:///./src/views/apps/ads/creatives/TelegramPost/previews/TelegramImagePostPreview.vue?7e9a","webpack:///./src/views/apps/ads/creatives/TelegramPost/previews/TelegramImagePostPreview.vue?f980"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","handleChange","handleRemove","fileList","_v","slot","_s","$t","model","value","form","callback","$$v","$set","expression","staticStyle","_l","tag","key","on","$event","remove","schedule","directives","name","rawName","item","i","_e","staticRenderFns","props","creative","type","Object","default","data","items","imageUrl","interval","repost_day","time_post","repost_end","title","image","description","link","tags","loading","selection","rules","components","TelegramImagePostPreview","methods","days","push","console","log","file","handleAvatarSuccess","URL","createObjectURL","raw","beforeAvatarUpload","isJPG","$message","error","isLt2M","splice","indexOf","successUpload","$vs","notify","color","text","onDrop","e","stopPropagation","preventDefault","createFile","files","onChange","match","reader","onload","vm","target","result","readAsDataURL","alert","removeFile","reserve","setTimeout","watch","updateCreative","id","join","mounted","component","domProps","index"],"mappings":"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","file":"js/chunk-8770df16.2d6092d0.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col md:w-1/2 w-full mt-5\"},[_c('vx-input-group',{staticClass:\"mb-base\",attrs:{\"prependClasses\":\"border border-solid border-grey border-r-0\"}},[_c('el-upload',{staticClass:\"upload-demo\",attrs:{\"drag\":\"\",\"action\":\"https://api.adstor.uz/api/v1/upload\",\"on-success\":_vm.handleChange,\"on-remove\":_vm.handleRemove,\"file-list\":_vm.fileList,\"multiple\":false}},[_c('i',{staticClass:\"el-icon-upload\"}),_c('div',{staticClass:\"el-upload__text\"},[_vm._v(\"\\n          Drop file here or \"),_c('em',[_vm._v(\"click to upload\")])]),_c('div',{staticClass:\"el-upload__tip\",attrs:{\"slot\":\"tip\"},slot:\"tip\"},[_vm._v(\"\\n          \"+_vm._s(_vm.$t(\"UploadImageRule\"))+\"\\n        \")])])],1),_c('vx-input-group',{staticClass:\"mb-base\",attrs:{\"prependClasses\":\"border border-solid border-grey border-r-0\"}},[_c('vs-input',{attrs:{\"label\":_vm.$t('Title')},model:{value:(_vm.form.title),callback:function ($$v) {_vm.$set(_vm.form, \"title\", $$v)},expression:\"form.title\"}})],1),_c('vx-input-group',{staticClass:\"mb-base\",staticStyle:{\"height\":\"200px\"},attrs:{\"prependClasses\":\"border border-solid border-grey border-r-0\"}},[_c('vs-textarea',{attrs:{\"rows\":\"8\",\"label\":_vm.$t('Description')},model:{value:(_vm.form.description),callback:function ($$v) {_vm.$set(_vm.form, \"description\", $$v)},expression:\"form.description\"}})],1),_c('vx-input-group',{staticClass:\"mb-base\",attrs:{\"prependClasses\":\"border border-solid border-grey border-r-0\"}},[_c('vs-input',{attrs:{\"label\":_vm.$t('Link')},model:{value:(_vm.form.link),callback:function ($$v) {_vm.$set(_vm.form, \"link\", $$v)},expression:\"form.link\"}})],1),_c('vx-input-group',{staticClass:\"mb-base\",attrs:{\"prependClasses\":\"border border-solid border-grey border-r-0\"}},[_c('vs-chips',{attrs:{\"label\":_vm.$t('Tags'),\"color\":\"rgb(145, 32, 159)\",\"placeholder\":_vm.$t('NewElement')},model:{value:(_vm.form.tags),callback:function ($$v) {_vm.$set(_vm.form, \"tags\", $$v)},expression:\"form.tags\"}},_vm._l((_vm.form.tags),function(tag){return _c('vs-chip',{key:tag,attrs:{\"closable\":\"\"},on:{\"click\":function($event){return _vm.remove(tag)}}},[_vm._v(\"\\n          \"+_vm._s(tag)+\"\\n        \")])}),1)],1)],1),_c('div',{staticClass:\"vx-col md:w-1/2 w-full mt-5\"},[_c('telegram-image-post-preview',{attrs:{\"form\":_vm.form}})],1),_c('div',{staticClass:\"vx-col w-full mt-5\"},[_c('vs-checkbox',{staticClass:\"ml-0\",model:{value:(_vm.schedule),callback:function ($$v) {_vm.schedule=$$v},expression:\"schedule\"}},[_vm._v(\"Schedule\")]),(_vm.schedule)?_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col md:w-1/2 w-full mt-5\"},[_c('small',{staticClass:\"date-label\"},[_vm._v(_vm._s(_vm.$t(\"TimePost\")))]),_c('datepicker',{attrs:{\"name\":\"start-date\",\"label\":\"Time Post\"},model:{value:(_vm.form.time_post),callback:function ($$v) {_vm.$set(_vm.form, \"time_post\", $$v)},expression:\"form.time_post\"}}),_c('vs-select',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],staticClass:\"mt-5 w-full\",attrs:{\"label\":_vm.$t('RepostFrequency'),\"name\":\"item-category\"},model:{value:(_vm.form.repost_day),callback:function ($$v) {_vm.$set(_vm.form, \"repost_day\", $$v)},expression:\"form.repost_day\"}},_vm._l((_vm.items),function(item,i){return _c('vs-select-item',{key:i,attrs:{\"text\":item}})}),1)],1),_c('div',{staticClass:\"vx-col md:w-1/2 w-full mt-5\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required|min:0'),expression:\"'required|min:0'\"}],staticClass:\"w-full\",attrs:{\"type\":\"number\",\"label\":_vm.$t('IntervalPerPost'),\"name\":\"budget\"},model:{value:(_vm.form.interval),callback:function ($$v) {_vm.$set(_vm.form, \"interval\", $$v)},expression:\"form.interval\"}}),_c('div',{staticClass:\"mt-5\"},[_c('small',{staticClass:\"date-label \"},[_vm._v(_vm._s(_vm.$t(\"RepostUntil\")))]),_c('datepicker',{attrs:{\"name\":\"start-date\"},model:{value:(_vm.form.repost_end),callback:function ($$v) {_vm.$set(_vm.form, \"repost_end\", $$v)},expression:\"form.repost_end\"}})],1)],1)]):_vm._e()],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"vx-row\">\n    <div class=\"vx-col md:w-1/2 w-full mt-5\">\n      <vx-input-group\n        class=\"mb-base\"\n        prependClasses=\"border border-solid border-grey border-r-0\"\n      >\n        <el-upload\n          class=\"upload-demo\"\n          drag\n          action=\"https://api.adstor.uz/api/v1/upload\"\n          :on-success=\"handleChange\"\n          :on-remove=\"handleRemove\"\n          :file-list=\"fileList\"\n          :multiple=\"false\"\n        >\n          <i class=\"el-icon-upload\"></i>\n          <div class=\"el-upload__text\">\n            Drop file here or <em>click to upload</em>\n          </div>\n          <div class=\"el-upload__tip\" slot=\"tip\">\n            {{ $t(\"UploadImageRule\") }}\n          </div>\n        </el-upload>\n      </vx-input-group>\n      <vx-input-group\n        class=\"mb-base\"\n        prependClasses=\"border border-solid border-grey border-r-0\"\n      >\n        <vs-input :label=\"$t('Title')\" v-model=\"form.title\" />\n      </vx-input-group>\n      <vx-input-group\n        class=\"mb-base\"\n        prependClasses=\"border border-solid border-grey border-r-0\"\n        style=\"height: 200px;\"\n      >\n        <!-- <vs-textarea cols='60' rows='8' label=\"Description\"  v-model=\"form.description\" height=\"auto\" width=\"auto\"></vs-textarea> -->\n        <vs-textarea\n          rows=\"8\"\n          :label=\"$t('Description')\"\n          v-model=\"form.description\"\n        />\n      </vx-input-group>\n      <vx-input-group\n        class=\"mb-base\"\n        prependClasses=\"border border-solid border-grey border-r-0\"\n      >\n        <vs-input :label=\"$t('Link')\" v-model=\"form.link\"></vs-input>\n      </vx-input-group>\n      <vx-input-group\n        class=\"mb-base\"\n        prependClasses=\"border border-solid border-grey border-r-0\"\n      >\n        <vs-chips\n          :label=\"$t('Tags')\"\n          color=\"rgb(145, 32, 159)\"\n          :placeholder=\"$t('NewElement')\"\n          v-model=\"form.tags\"\n        >\n          <vs-chip\n            :key=\"tag\"\n            @click=\"remove(tag)\"\n            v-for=\"tag in form.tags\"\n            closable\n          >\n            {{ tag }}\n          </vs-chip>\n        </vs-chips>\n      </vx-input-group>\n    </div>\n    <div class=\"vx-col md:w-1/2 w-full mt-5\">\n      <telegram-image-post-preview :form=\"form\" />\n    </div>\n    <div class=\"vx-col w-full mt-5\">\n      <vs-checkbox v-model=\"schedule\" class=\"ml-0\">Schedule</vs-checkbox>\n      <div class=\"vx-row\" v-if=\"schedule\">\n        <div class=\"vx-col md:w-1/2 w-full mt-5\">\n          <small class=\"date-label\">{{ $t(\"TimePost\") }}</small>\n          <datepicker\n            name=\"start-date\"\n            label=\"Time Post\"\n            v-model=\"form.time_post\"\n          ></datepicker>\n          <vs-select\n            v-model=\"form.repost_day\"\n            :label=\"$t('RepostFrequency')\"\n            class=\"mt-5 w-full\"\n            name=\"item-category\"\n            v-validate=\"'required'\"\n          >\n            <vs-select-item :key=\"i\" :text=\"item\" v-for=\"(item, i) in items\" />\n          </vs-select>\n        </div>\n        <div class=\"vx-col md:w-1/2 w-full mt-5\">\n          <vs-input\n            type=\"number\"\n            :label=\"$t('IntervalPerPost')\"\n            v-validate=\"'required|min:0'\"\n            name=\"budget\"\n            v-model=\"form.interval\"\n            class=\"w-full\"\n          />\n          <div class=\"mt-5\">\n            <small class=\"date-label \">{{ $t(\"RepostUntil\") }}</small>\n            <datepicker\n              name=\"start-date\"\n              v-model=\"form.repost_end\"\n            ></datepicker>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nimport TelegramImagePostPreview from './previews/TelegramImagePostPreview'\nimport { mapActions } from 'vuex'\nexport default {\n  name: 'TelegramImagePost',\n  props: {\n    creative: {\n      type: Object,\n      default () {\n        return {}\n      }\n    }\n  },\n  data () {\n    return {\n      schedule: false,\n      items: [],\n      fileList: [],\n      imageUrl: '',\n      form: {\n        interval: '',\n        repost_day: '',\n        time_post: '',\n        repost_end: '',\n        title: '',\n        image: '',\n        description: '',\n        link: '',\n        tags: []\n      },\n      loading: false,\n      selection: 1,\n      rules: [v => v.length <= 500 || 'Max 500 characters']\n    }\n  },\n  components: {\n    TelegramImagePostPreview\n  },\n  methods: {\n    days () {\n      for (let i = 0; i <= 60; i++) {\n        this.items.push(i)\n      }\n    },\n    ...mapActions(['updateCreative']),\n    handleChange (file) {\n      console.log(file)\n      this.form.image = file.file\n    },\n    handleRemove () {\n      this.form.image = ''\n    },\n    handleAvatarSuccess (res, file) {\n      this.imageUrl = URL.createObjectURL(file.raw)\n    },\n    beforeAvatarUpload (file) {\n      const isJPG = file.type === 'image/jpeg'\n      const isLt2M = file.size / 1024 / 1024 < 2\n\n      if (!isJPG) {\n        this.$message.error('Avatar picture must be JPG format!')\n      }\n      if (!isLt2M) {\n        this.$message.error('Avatar picture size can not exceed 2MB!')\n      }\n      return isJPG && isLt2M\n    },\n    remove (item) {\n      this.form.tags.splice(this.form.tags.indexOf(item), 1)\n    },\n    successUpload () {\n      this.$vs.notify({\n        color: 'success',\n        title: 'Upload Success',\n        text: 'Lorem ipsum dolor sit amet, consectetur'\n      })\n    },\n    onDrop (e) {\n      e.stopPropagation()\n      e.preventDefault()\n      const files = e.dataTransfer.files\n      this.createFile(files[0])\n    },\n    onChange (e) {\n      const files = e.target.files\n      this.createFile(files[0])\n    },\n    createFile (file) {\n      if (!file.type.match('image.*')) {\n        alert('Select an image')\n        return\n      }\n      // var img = new Image();\n      const reader = new FileReader()\n      const vm = this\n\n      reader.onload = function (e) {\n        vm.image = e.target.result\n      }\n      reader.readAsDataURL(file)\n    },\n    removeFile () {\n      this.image = ''\n    },\n    reserve () {\n      this.loading = true\n\n      setTimeout(() => (this.loading = false), 2000)\n    }\n  },\n  watch: {\n    'form.title' (value) {\n      this.updateCreative({\n        id: this.creative.id,\n        key: 'title',\n        value\n      })\n    },\n    'form.image' (value) {\n      this.updateCreative({\n        id: this.creative.id,\n        key: 'image',\n        value\n      })\n    },\n    'form.description' (value) {\n      this.updateCreative({\n        id: this.creative.id,\n        key: 'description',\n        value\n      })\n    },\n    'form.tags' (value) {\n      this.updateCreative({\n        id: this.creative.id,\n        key: 'tags',\n        value: value.join()\n      })\n    },\n    'form.link' (value) {\n      this.updateCreative({\n        id: this.creative.id,\n        key: 'link',\n        value\n      })\n    }\n  },\n  mounted () {\n    this.days()\n  }\n}\n</script>\n<style scoped></style>\n","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!./TelegramVideoPost.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!./TelegramVideoPost.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TelegramVideoPost.vue?vue&type=template&id=fbd8f3f4&scoped=true&\"\nimport script from \"./TelegramVideoPost.vue?vue&type=script&lang=js&\"\nexport * from \"./TelegramVideoPost.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  \"fbd8f3f4\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{staticClass:\"preview-card TelegramImagePostPreview\",attrs:{\"loading\":_vm.loading}},[_c('vx-card',{staticClass:\"preview-card\"},[(_vm.form.image)?_c('img',{staticStyle:{\"max-width\":\"369px\",\"max-height\":\"470px\"},attrs:{\"src\":_vm.form.image}}):_vm._e(),_c('div',[_c('b',{domProps:{\"innerHTML\":_vm._s(_vm.form.title)}})]),_c('div',[_c('span',{staticStyle:{\"word-wrap\":\"break-word\",\"overflow-wrap\":\"break-word\"},domProps:{\"innerHTML\":_vm._s(_vm.form.description)}})]),_c('div',{staticClass:\"p-2\"},_vm._l((_vm.form.tags),function(tag,index){return _c('span',{key:index,staticStyle:{\"color\":\"blue\"}},[_vm._v(\"#\"+_vm._s(tag)+\"\\n      \")])}),0),(_vm.form.link)?_c('div',[_vm._v(\"\\n      👉 \"),_c('a',{attrs:{\"href\":_vm.form.link,\"target\":\"_blank\"}},[_vm._v(_vm._s(_vm.form.link))])]):_vm._e(),_c('div',{staticStyle:{\"right\":\"5px\",\"position\":\"absolute\"}},[_c('span',[_c('feather-icon',{attrs:{\"icon\":\"EyeIcon\",\"svgClasses\":\"w-5\"}}),_vm._v(\"\\n        22k\")],1),_c('span',[_vm._v(\" 1:11 PM\")])]),_c('br')])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <vx-card :loading=\"loading\" class=\"preview-card TelegramImagePostPreview\">\n    <vx-card class=\"preview-card\">\n      <img\n        v-if=\"form.image\"\n        :src=\"form.image\"\n        style=\"max-width: 369px; max-height: 470px;\"\n      />\n      <div>\n        <b v-html=\"form.title\"></b>\n      </div>\n      <div>\n        <span\n          style=\"word-wrap: break-word; overflow-wrap: break-word;\"\n          v-html=\"form.description\"\n        ></span>\n      </div>\n      <div class=\"p-2\">\n        <span\n          style=\"color: blue;\"\n          v-for=\"(tag, index) in form.tags\"\n          :key=\"index\"\n          >#{{ tag }}\n        </span>\n      </div>\n      <div v-if=\"form.link\">\n        👉 <a :href=\"form.link\" target=\"_blank\">{{ form.link }}</a>\n      </div>\n      <div style=\"right: 5px; position: absolute;\">\n        <span\n          ><feather-icon icon=\"EyeIcon\" svgClasses=\"w-5\"></feather-icon>\n          22k</span\n        >\n        <span> 1:11 PM</span>\n      </div>\n      <br />\n    </vx-card>\n  </vx-card>\n</template>\n<script>\nexport default {\n  name: 'TelegramImagePostPreview',\n  data () {\n    return {\n      loading: false\n    }\n  },\n  props: {\n    form: {\n      type: Object,\n      default () {\n        return {\n          title: '',\n          image: '',\n          description: '',\n          link: '',\n          tags: ''\n        }\n      }\n    }\n  }\n}\n</script>\n<style scoped>\n.feather-icon {\n  position: absolute;\n  bottom: -6.5px;\n}\n.text {\n  color: blue;\n}\n.preview-card {\n  overflow-wrap: break-word;\n  word-wrap: break-word;\n  hyphens: auto;\n}\n\n.TelegramImagePostPreview {\n  height: 100%;\n  width: 100%;\n  padding: 20px;\n  background-image: url(\"../../../../../../assets/images/creative/telegram-background.png\");\n  background-size: cover;\n}\n</style>\n","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!./TelegramImagePostPreview.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!./TelegramImagePostPreview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TelegramImagePostPreview.vue?vue&type=template&id=7a4f3ef2&scoped=true&\"\nimport script from \"./TelegramImagePostPreview.vue?vue&type=script&lang=js&\"\nexport * from \"./TelegramImagePostPreview.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TelegramImagePostPreview.vue?vue&type=style&index=0&id=7a4f3ef2&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  \"7a4f3ef2\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../../../node_modules/css-loader/index.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!./TelegramImagePostPreview.vue?vue&type=style&index=0&id=7a4f3ef2&scoped=true&lang=css&\""],"sourceRoot":""}