{"version":3,"sources":["webpack:///./src/views/apps/ads/creatives/InstagramPost/previews/InstagramPostPreview.vue?3f9e","webpack:///src/views/apps/ads/creatives/InstagramPost/previews/InstagramPostPreview.vue","webpack:///./src/views/apps/ads/creatives/InstagramPost/previews/InstagramPostPreview.vue?fbcc","webpack:///./src/views/apps/ads/creatives/InstagramPost/previews/InstagramPostPreview.vue?85be","webpack:///./src/views/apps/ads/creatives/InstagramPost/previews/InstagramPostPreview.vue?a0da","webpack:///./src/views/apps/ads/creatives/InstagramPost/InstagramPost.vue?72bd","webpack:///src/views/apps/ads/creatives/InstagramPost/InstagramPost.vue","webpack:///./src/views/apps/ads/creatives/InstagramPost/InstagramPost.vue?522d","webpack:///./src/views/apps/ads/creatives/InstagramPost/InstagramPost.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","component","handleChange","handleRemove","fileList","slot","$t","model","value","callback","$$v","$set","expression","on","$event","remove","schedule","directives","name","rawName","item","i","props","creative","type","Object","default","data","items","imageUrl","interval","repost_day","time_post","repost_end","tags","selection","rules","components","InstagramPostPreview","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"],"mappings":"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","file":"js/chunk-4edf9cf6.0792d7c5.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 InstagramPostPreview\",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)+\" \")])}),0),(_vm.form.link)?_c('div',[_vm._v(\"👉 \"),_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(\" 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 InstagramPostPreview\">\n        <vx-card class=\"preview-card\">\n            <img v-if=\"form.image\" :src=\"form.image\" style=\"max-width: 369px; max-height: 470px;\"/>\n            <div>\n                <b v-html=\"form.title\"></b>\n            </div>\n            <div>\n                <span style=\"word-wrap: break-word; overflow-wrap: break-word;\" v-html=\"form.description\"></span>\n            </div>\n            <div class=\"p-2\">\n                <span style=\"color: blue;\" v-for=\"(tag, index) in form.tags\" :key=\"index\">#{{ tag }} </span>\n            </div>\n            <div v-if=\"form.link\">👉 <a :href=\"form.link\" target=\"_blank\">{{ form.link }}</a>\n\n            </div>\n            <div style=\"right: 5px; position: absolute;\">\n                <span><feather-icon icon=\"EyeIcon\" svgClasses=\"w-5\"></feather-icon> 22k</span>\n                <span>   1:11 PM</span>\n            </div>\n            <br>\n        </vx-card>\n    </vx-card>\n</template>\n<script>\nexport default {\n    name: 'InstagramPostPreview',\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.text {\n    color: blue;\n}\n.preview-card {\n    overflow-wrap: break-word;\n    word-wrap: break-word;\n    hyphens: auto;\n}\n\n.InstagramPostPreview {\n    height: 100%;\n    width: 100%;\n    padding: 20px;\n    background-image: url('../../../../../../assets/images/creative/instagram_background.jpg');\n    background-size: cover\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!./InstagramPostPreview.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!./InstagramPostPreview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./InstagramPostPreview.vue?vue&type=template&id=1df1323e&scoped=true&\"\nimport script from \"./InstagramPostPreview.vue?vue&type=script&lang=js&\"\nexport * from \"./InstagramPostPreview.vue?vue&type=script&lang=js&\"\nimport style0 from \"./InstagramPostPreview.vue?vue&type=style&index=0&id=1df1323e&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  \"1df1323e\",\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!./InstagramPostPreview.vue?vue&type=style&index=0&id=1df1323e&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\"},[_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('instagram-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      <instagram-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 InstagramPostPreview from './previews/InstagramPostPreview'\nimport { mapActions } from 'vuex'\nexport default {\n  name: 'InstagramPost',\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    InstagramPostPreview\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!./InstagramPost.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!./InstagramPost.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./InstagramPost.vue?vue&type=template&id=11d69ff8&scoped=true&\"\nimport script from \"./InstagramPost.vue?vue&type=script&lang=js&\"\nexport * from \"./InstagramPost.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  \"11d69ff8\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}