{"version":3,"sources":["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","webpack:///./src/views/apps/ads/creatives/TelegramPost/TelegramImagePost.vue?d1fe","webpack:///src/views/apps/ads/creatives/TelegramPost/TelegramImagePost.vue","webpack:///./src/views/apps/ads/creatives/TelegramPost/TelegramImagePost.vue?6209","webpack:///./src/views/apps/ads/creatives/TelegramPost/TelegramImagePost.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","loading","form","staticStyle","image","_e","domProps","_s","title","description","_l","tag","index","key","_v","link","staticRenderFns","name","data","props","type","Object","default","tags","component","handleChange","handleRemove","fileList","$t","slot","model","value","callback","$$v","$set","expression","on","$event","remove","schedule","directives","rawName","item","i","creative","items","imageUrl","interval","repost_day","time_post","repost_end","selection","rules","components","TelegramImagePostPreview","Datepicker","methods","days","push","console","log","file","$emit","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"],"mappings":"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","file":"js/chunk-99079522.c8e7afde.js","sourcesContent":["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&\"","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\",domProps:{\"innerHTML\":_vm._s(_vm.$t('DropFile'))}}),_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\" v-html=\"$t('DropFile')\"></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 Datepicker from 'vuejs-datepicker'\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      items: [],\n      schedule: false,\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    Datepicker\n  },\n  methods: {\n    ...mapActions(['updateCreative']),\n    days () {\n      for (let i = 0; i <= 60; i++) {\n        this.items.push(i)\n      }\n    },\n    handleChange (file) {\n      console.log(file)\n      this.form.image = file.file\n      this.$emit('input', this.form.image)\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!./TelegramImagePost.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!./TelegramImagePost.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TelegramImagePost.vue?vue&type=template&id=4fd727b2&scoped=true&\"\nimport script from \"./TelegramImagePost.vue?vue&type=script&lang=js&\"\nexport * from \"./TelegramImagePost.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  \"4fd727b2\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}