{"version":3,"sources":["webpack:///./src/components/popups/changeAttachment.vue","webpack:///src/components/popups/changeAttachment.vue","webpack:///./src/components/popups/changeAttachment.vue?18b3","webpack:///./src/components/popups/changeAttachment.vue?398d","webpack:///./src/assets/img/file.svg"],"names":["render","_vm","this","_c","_self","staticClass","on","$event","stopPropagation","onHideModal","apply","arguments","_m","_l","tabsList","tab","idx","key","class","active","origin","activeTab","attrs","imgSrc","_v","_s","name","directives","rawName","value","expression","searchInput","domProps","target","composing","require","myAttachmentsMod","i","onChangeAttachment","id","myAttachments","length","_e","fileUploading","ref","onUploadAttachment","style","width","uploadingProgress","staticRenderFns","data","uploading","mounted","$refs","dropSquare","addEventListener","e","dropZone","classList","add","preventDefault","remove","file","dataTransfer","files","attachmentId","uploadAttachment","computed","mapGetters","popupsData","filter","includes","methods","checkUserMemoryLimit","$store","dispatch","type","$emit","callback","clearAll","r","component","module","exports"],"mappings":"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","file":"js/changeAttachment.2bfda3ff.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"popup-wraper\",on:{\"click\":function($event){$event.stopPropagation();return _vm.onHideModal.apply(null, arguments)}}},[_c('div',{staticClass:\"popup-overlay chp\",on:{\"click\":function($event){$event.stopPropagation();}}},[_vm._m(0),_c('div',{staticClass:\"chp-change-attachments-container\"},[_c('div',{staticClass:\"chp-tabs-container\"},_vm._l((_vm.tabsList),function(tab,idx){return _c('div',{key:idx,staticClass:\"chp-tab-item\",class:{ active: tab.origin === _vm.activeTab },on:{\"click\":function($event){_vm.activeTab = tab.origin}}},[_c('img',{attrs:{\"alt\":\"img\",\"src\":tab.imgSrc}}),_c('span',[_vm._v(_vm._s(tab.name))])])}),0),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.activeTab === 'myAttachments'),expression:\"activeTab === 'myAttachments'\"}],staticClass:\"chp-my-attachments-container\"},[_c('div',{staticClass:\"chp-search-container\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.searchInput),expression:\"searchInput\"}],staticClass:\"chp-search-input\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.searchInput)},on:{\"input\":function($event){if($event.target.composing)return;_vm.searchInput=$event.target.value}}}),_c('img',{staticClass:\"chp-search\",attrs:{\"alt\":\"img\",\"src\":require(\"@/assets/img/search.svg\")}})]),_c('div',{staticClass:\"chp-my-attachments-content\"},[_vm._l((_vm.myAttachmentsMod),function(i,idx){return _c('div',{key:idx,staticClass:\"chp-my-attachment-item\"},[_c('div',{staticClass:\"chp-my-attachment-img-container\",on:{\"click\":function($event){return _vm.onChangeAttachment(i.id)}}},[_c('img',{attrs:{\"alt\":\"img\",\"src\":require(\"@/assets/img/file.svg\")}})]),_c('div',{staticClass:\"chp-my-attachment-title\"},[_vm._v(_vm._s(i.name))])])}),(!_vm.myAttachments.length)?_c('div',{staticClass:\"chp-feed-not-found feed-not-found\"},[_vm._v(\" you have no images \")]):(!_vm.myAttachmentsMod.length)?_c('div',{staticClass:\"feed-not-found\"},[_vm._v(\" images not found \")]):_vm._e()],2)]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.activeTab === 'upload'),expression:\"activeTab === 'upload'\"}],staticClass:\"chp-upload-container\"},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.fileUploading),expression:\"!fileUploading\"}],ref:\"dropZone\",staticClass:\"chp-drop-zone\"},[_c('div',{ref:\"dropSquare\",staticClass:\"chp-drop-square\"}),_vm._m(1),_c('div',{staticClass:\"chp-or\"},[_vm._v(\"or\")]),_c('label',[_c('div',{staticClass:\"chp-upload-btn\"},[_vm._v(\"select a file on the device\")]),_c('input',{attrs:{\"type\":\"file\",\"hidden\":\"\"},on:{\"input\":_vm.onUploadAttachment}})])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.fileUploading),expression:\"fileUploading\"}],staticClass:\"chp-drop-zone uploading\"},[_c('div',{staticClass:\"chp-drop-text\"},[_vm._v(\" uploading... \")]),_c('div',{staticClass:\"chp-progress\"},[_c('div',{staticClass:\"chp-progress-value\",style:({ width: _vm.uploadingProgress + '%' })})])])])]),_c('div',{staticClass:\"popup-close\",on:{\"click\":_vm.onHideModal}},[_vm._v(\"×\")])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"popup-overlay-title\"},[_c('img',{attrs:{\"alt\":\"img\",\"src\":require(\"@/assets/img/upload.svg\")}}),_c('span',{staticClass:\"popup-overlay-title-span\"},[_vm._v(\"attachments\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"chp-drop-text\"},[_c('img',{attrs:{\"alt\":\"img\",\"src\":require(\"@/assets/img/upload.svg\")}}),_c('div',[_vm._v(\" drop file to upload \")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"popup-wraper\" @click.stop=\"onHideModal\">\n    <div class=\"popup-overlay chp\" @click.stop=\"\">\n      <div class=\"popup-overlay-title\">\n        <img alt=\"img\" src=\"@/assets/img/upload.svg\" />\n        <span class=\"popup-overlay-title-span\">attachments</span>\n      </div>\n      <div class=\"chp-change-attachments-container\">\n        <div class=\"chp-tabs-container\">\n          <div\n            class=\"chp-tab-item\"\n            :class=\"{ active: tab.origin === activeTab }\"\n            @click=\"activeTab = tab.origin\"\n            v-for=\"(tab, idx) of tabsList\"\n            :key=\"idx\"\n          >\n            <img alt=\"img\" :src=\"tab.imgSrc\" />\n            <span>{{ tab.name }}</span>\n          </div>\n        </div>\n        <div\n          class=\"chp-my-attachments-container\"\n          v-show=\"activeTab === 'myAttachments'\"\n        >\n          <div class=\"chp-search-container\">\n            <input type=\"text\" class=\"chp-search-input\" v-model=\"searchInput\" />\n            <img alt=\"img\" class=\"chp-search\" src=\"@/assets/img/search.svg\" />\n          </div>\n          <div class=\"chp-my-attachments-content\">\n            <div\n              class=\"chp-my-attachment-item\"\n              v-for=\"(i, idx) in myAttachmentsMod\"\n              :key=\"idx\"\n            >\n              <div\n                class=\"chp-my-attachment-img-container\"\n                @click=\"onChangeAttachment(i.id)\"\n              >\n                <img alt=\"img\" src=\"@/assets/img/file.svg\" />\n              </div>\n              <div class=\"chp-my-attachment-title\">{{ i.name }}</div>\n            </div>\n            <div\n              class=\"chp-feed-not-found feed-not-found\"\n              v-if=\"!myAttachments.length\"\n            >\n              you have no images\n            </div>\n            <div class=\"feed-not-found\" v-else-if=\"!myAttachmentsMod.length\">\n              images not found\n            </div>\n          </div>\n        </div>\n        <div class=\"chp-upload-container\" v-show=\"activeTab === 'upload'\">\n          <div class=\"chp-drop-zone\" ref=\"dropZone\" v-show=\"!fileUploading\">\n            <div class=\"chp-drop-square\" ref=\"dropSquare\"></div>\n            <div class=\"chp-drop-text\">\n              <img alt=\"img\" src=\"@/assets/img/upload.svg\" />\n              <div>\n                drop file to upload\n              </div>\n            </div>\n            <div class=\"chp-or\">or</div>\n            <label>\n              <div class=\"chp-upload-btn\">select a file on the device</div>\n              <input type=\"file\" hidden @input=\"onUploadAttachment\" />\n            </label>\n          </div>\n          <div class=\"chp-drop-zone uploading\" v-show=\"fileUploading\">\n            <div class=\"chp-drop-text\">\n              uploading...\n            </div>\n            <div class=\"chp-progress\">\n              <div\n                class=\"chp-progress-value\"\n                :style=\"{ width: uploadingProgress + '%' }\"\n              ></div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"popup-close\" @click=\"onHideModal\">&times;</div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapGetters } from \"vuex\";\nimport { checkUserMemoryLimit } from \"@/util/user/checkLimit\";\nimport \"@/assets/css/popups.css\";\nimport \"@/assets/css/changePopups.css\";\n\nexport default {\n  name: \"ChangeAttachmentPopup\",\n  data() {\n    return {\n      uploading: false,\n      searchInput: \"\",\n      activeTab: \"myAttachments\",\n      tabsList: [\n        {\n          origin: \"myAttachments\",\n          name: \"my attachments\",\n          imgSrc: require(\"@/assets/img/tabs/customPanel/cloud.svg\")\n        },\n        {\n          origin: \"upload\",\n          name: \"upload\",\n          imgSrc: require(\"@/assets/img/upload.svg\")\n        }\n      ]\n    };\n  },\n  mounted() {\n    this.$refs.dropSquare.addEventListener(\"dragover\", e => {\n      this.$refs.dropZone.classList.add(\"drop-effect\");\n      e.preventDefault();\n      e.stopPropagation();\n    });\n\n    this.$refs.dropZone.addEventListener(\"dragenter\", () => {\n      this.$refs.dropZone.classList.add(\"chp-drop-effect\");\n    });\n    this.$refs.dropSquare.addEventListener(\"dragleave\", () => {\n      this.$refs.dropZone.classList.remove(\"chp-drop-effect\");\n    });\n    this.$refs.dropSquare.addEventListener(\"drop\", async e => {\n      e.preventDefault();\n      this.$refs.dropZone.classList.remove(\"chp-drop-effect\");\n      const file = e.dataTransfer.files[0];\n      const attachmentId = await this.uploadAttachment(file);\n      this.onChangeAttachment(attachmentId);\n    });\n  },\n  computed: {\n    ...mapGetters({\n      myAttachments: \"customContent/myAttachments\",\n      uploadingProgress: \"customContent/uploadingProgress\",\n      fileUploading: \"customContent/fileUploading\",\n      popupsData: \"workSpace/popupsData\"\n    }),\n    myAttachmentsMod() {\n      if (!this.searchInput) return this.myAttachments;\n      else\n        return this.myAttachments.filter(i =>\n          i.name.includes(this.searchInput)\n        );\n    }\n  },\n  methods: {\n    uploadAttachment(file) {\n      if (!checkUserMemoryLimit(file)) return;\n      return this.$store.dispatch(\"customContent/uploadCustomItem\", {\n        type: \"myAttachments\",\n        file\n      });\n    },\n    onHideModal() {\n      this.$emit(\"hide-modal\");\n    },\n    async onChangeAttachment(attachmentId) {\n      if (this.popupsData && this.popupsData.callback) {\n        this.popupsData.callback(attachmentId);\n      }\n      this.$store.dispatch(\"workSpace/showPopup\", { clearAll: true });\n    },\n    async onUploadAttachment(e) {\n      const file = e.target.files[0];\n      const r = await this.uploadAttachment(file);\n      if (r) {\n        const attachmentId = this.myAttachments[0].id;\n        this.onChangeAttachment(attachmentId);\n      }\n    }\n  }\n};\n</script>\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!./changeAttachment.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!./changeAttachment.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./changeAttachment.vue?vue&type=template&id=0fce4410&\"\nimport script from \"./changeAttachment.vue?vue&type=script&lang=js&\"\nexport * from \"./changeAttachment.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  null,\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/file.3db5fd48.svg\";"],"sourceRoot":""}