{"version":3,"sources":["webpack:///./src/views/apps/ads/creatives/LinkedinPost/LinkedinPost.vue?5494","webpack:///src/views/apps/ads/creatives/LinkedinPost/LinkedinPost.vue","webpack:///./src/views/apps/ads/creatives/LinkedinPost/LinkedinPost.vue?bd5f","webpack:///./src/views/apps/ads/creatives/LinkedinPost/LinkedinPost.vue","webpack:///./src/views/apps/ads/creatives/LinkedinPost/previews/LinkedinPostPreview.vue?2e19","webpack:///./src/views/apps/ads/creatives/LinkedinPost/previews/LinkedinPostPreview.vue?2627","webpack:///src/views/apps/ads/creatives/LinkedinPost/previews/LinkedinPostPreview.vue","webpack:///./src/views/apps/ads/creatives/LinkedinPost/previews/LinkedinPostPreview.vue?dced","webpack:///./src/views/apps/ads/creatives/LinkedinPost/previews/LinkedinPostPreview.vue?3990"],"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","staticRenderFns","name","props","creative","type","Object","default","data","imageUrl","title","image","description","link","tags","loading","selection","rules","components","LinkedinPostPreview","methods","console","log","file","handleAvatarSuccess","URL","createObjectURL","raw","beforeAvatarUpload","isJPG","$message","error","isLt2M","splice","indexOf","item","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","component","_e","domProps","index"],"mappings":"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","file":"js/chunk-a30f024c.a5057b97.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('linkedin-post-preview',{attrs:{\"form\":_vm.form}})],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      <linkedin-post-preview :form=\"form\" />\n    </div>\n  </div>\n</template>\n<script>\nimport LinkedinPostPreview from './previews/LinkedinPostPreview'\nimport { mapActions } from 'vuex'\nexport default {\n  name: 'LinkedinPost',\n  props: {\n    creative: {\n      type: Object,\n      default () {\n        return {}\n      }\n    }\n  },\n  data () {\n    return {\n      fileList: [],\n      imageUrl: '',\n      form: {\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    LinkedinPostPreview\n  },\n  methods: {\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}\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!./LinkedinPost.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!./LinkedinPost.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LinkedinPost.vue?vue&type=template&id=360a9122&scoped=true&\"\nimport script from \"./LinkedinPost.vue?vue&type=script&lang=js&\"\nexport * from \"./LinkedinPost.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  \"360a9122\",\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!./LinkedinPostPreview.vue?vue&type=style&index=0&id=1592dda6&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{staticClass:\"preview-card LinkedinPostPreview\",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 LinkedinPostPreview\">\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: 'LinkedinPostPreview',\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.LinkedinPostPreview {\n    height: 100%;\n    width: 100%;\n    padding: 20px;\n    background-color: #8b9dc3;\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!./LinkedinPostPreview.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!./LinkedinPostPreview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LinkedinPostPreview.vue?vue&type=template&id=1592dda6&scoped=true&\"\nimport script from \"./LinkedinPostPreview.vue?vue&type=script&lang=js&\"\nexport * from \"./LinkedinPostPreview.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LinkedinPostPreview.vue?vue&type=style&index=0&id=1592dda6&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  \"1592dda6\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}