{"version":3,"sources":["webpack:///./src/views/apps/ads/creatives/StreetAds/previews/StreetAdsPostPreview.vue?6969","webpack:///./src/views/apps/ads/creatives/StreetAds/previews/StreetAdsPostPreview.vue?3ef7","webpack:///src/views/apps/ads/creatives/StreetAds/previews/StreetAdsPostPreview.vue","webpack:///./src/views/apps/ads/creatives/StreetAds/previews/StreetAdsPostPreview.vue?6c4b","webpack:///./src/views/apps/ads/creatives/StreetAds/previews/StreetAdsPostPreview.vue?15ff","webpack:///./src/views/apps/ads/creatives/StreetAds/StreetAdsPost.vue?4297","webpack:///src/views/apps/ads/creatives/StreetAds/StreetAdsPost.vue","webpack:///./src/views/apps/ads/creatives/StreetAds/StreetAdsPost.vue?0711","webpack:///./src/views/apps/ads/creatives/StreetAds/StreetAdsPost.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","loading","form","staticStyle","image","_e","domProps","_s","title","description","staticRenderFns","component","handleChange","handleRemove","fileList","_v","slot","$t","model","value","callback","$$v","$set","expression","name","props","creative","type","Object","default","data","imageUrl","selection","rules","components","StreetAdsPostPreview","methods","console","log","file","handleAvatarSuccess","URL","createObjectURL","raw","beforeAvatarUpload","isJPG","$message","error","isLt2M","remove","tags","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","key","join"],"mappings":"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","file":"js/chunk-425a94f6.31b377cb.js","sourcesContent":["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!./StreetAdsPostPreview.vue?vue&type=style&index=0&id=969e565a&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 StreetAdsPostPreview\",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('br')])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <vx-card :loading=\"loading\" class=\"preview-card StreetAdsPostPreview\">\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            <br>\n        </vx-card>\n    </vx-card>\n</template>\n<script>\nexport default {\n    name: 'StreetAdsPostPreview',\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                }\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.StreetAdsPostPreview {\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>","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!./StreetAdsPostPreview.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!./StreetAdsPostPreview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./StreetAdsPostPreview.vue?vue&type=template&id=969e565a&scoped=true&\"\nimport script from \"./StreetAdsPostPreview.vue?vue&type=script&lang=js&\"\nexport * from \"./StreetAdsPostPreview.vue?vue&type=script&lang=js&\"\nimport style0 from \"./StreetAdsPostPreview.vue?vue&type=style&index=0&id=969e565a&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  \"969e565a\",\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('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)],1),_c('div',{staticClass:\"vx-col md:w-1/2 w-full mt-5\"},[_c('street-ads-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    </div>\n    <div class=\"vx-col md:w-1/2 w-full mt-5\">\n      <street-ads-post-preview :form=\"form\" />\n    </div>\n  </div>\n</template>\n<script>\nimport StreetAdsPostPreview from './previews/StreetAdsPostPreview'\nimport { mapActions } from 'vuex'\nexport default {\n  name: 'StreetAdsPost',\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      },\n      loading: false,\n      selection: 1,\n      rules: [v => v.length <= 500 || 'Max 500 characters']\n    }\n  },\n  components: {\n    StreetAdsPostPreview\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!./StreetAdsPost.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!./StreetAdsPost.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./StreetAdsPost.vue?vue&type=template&id=96ce1fd2&scoped=true&\"\nimport script from \"./StreetAdsPost.vue?vue&type=script&lang=js&\"\nexport * from \"./StreetAdsPost.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  \"96ce1fd2\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}