{"version":3,"sources":["webpack:///./src/views/Components/Upload.vue?7621","webpack:///./src/views/Components/Upload.vue","webpack:///src/views/Components/Upload.vue","webpack:///./src/views/Components/Upload.vue?8b1b","webpack:///./src/views/Components/Upload.vue?c659"],"names":["render","_vm","this","_c","_self","staticClass","on","$event","preventDefault","dropFile","apply","arguments","_v","staticStyle","attrs","upload","ref","fileManuallyUploaded","staticRenderFns","name","props","imageUrl","width","data","internalWidth","file","base64File","watch","computed","uploadDisabled","files","length","created","methods","e","uploadFile","target","cancel","$emit","$refs","fileupload","click","dataTransfer","_uploadFile","_asyncToGenerator","regeneratorRuntime","mark","_callee","formData","i","r","wrap","_context","prev","next","FormData","append","$client","post","headers","sent","stop","_x","component"],"mappings":"yHAAA,W,2CCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACA,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,IAAIC,GAAG,CAAC,KAAO,SAASC,GAAgC,OAAxBA,EAAOC,iBAAwBP,EAAIQ,SAASC,MAAM,KAAMC,YAAY,UAAY,SAASJ,GAAQA,EAAOC,kBAAmB,SAAW,SAASD,GAAQA,EAAOC,oBAAqB,CAACL,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACJ,EAAIW,GAAG,uDAAuDT,EAAG,MAAM,CAACE,YAAY,0BAA0BQ,YAAY,CAAC,aAAa,SAAS,MAAQ,SAAS,CAACV,EAAG,WAAW,CAACE,YAAY,YAAYQ,YAAY,CAAC,aAAa,SAASC,MAAM,CAAC,KAAO,sBAAsB,KAAO,KAAK,QAAU,WAAWR,GAAG,CAAC,MAAQ,SAASC,GAAgC,OAAxBA,EAAOC,iBAAwBP,EAAIc,OAAOL,MAAM,KAAMC,cAAc,CAACV,EAAIW,GAAG,mBAAmB,GAAGT,EAAG,QAAQ,CAACa,IAAI,aAAaH,YAAY,CAAC,QAAU,QAAQC,MAAM,CAAC,KAAO,OAAO,SAAW,QAAQR,GAAG,CAAC,OAASL,EAAIgB,6BAEl4BC,EAAkB,G,wBCmCP,GACfC,KAAA,eACAC,MAAA,CAAAC,SAAA,KAAAC,MAAA,MACAC,KAAA,WACA,OACAC,cAAA,KACAC,KAAA,KACAC,WAAA,OAIAC,MAAA,CACAL,MAAA,WACA,KAAAE,cAAA,KAAAF,QAGAM,SAAA,CACAC,eAAA,WACA,gBAAAC,MAAAC,SAGAC,QAAA,WACA,KAAAR,cAAA,KAAAF,OAEAW,QAAA,CACAhB,qBAAA,SAAAiB,GACA,KAAAC,WAAAD,EAAAE,OAAAN,QAEAO,OAAA,WACA,KAAAX,WAAA,KACA,KAAAY,MAAA,aAEAvB,OAAA,WACA,KAAAwB,MAAAC,WAAAC,SAEAhC,SAAA,SAAAyB,GACA,KAAAC,WAAAD,EAAAQ,aAAAZ,QAEAK,WAAA,eAAAQ,EAAAC,eAAAC,mBAAAC,MAAA,SAAAC,EAAAjB,GAAA,IAAAkB,EAAAC,EAAAxB,EAAAyB,EAAA,OAAAL,mBAAAM,MAAA,SAAAC,GAAA,eAAAA,EAAAC,KAAAD,EAAAE,MAAA,OAIA,IAHAN,EAAA,IAAAO,SAGAN,EAAA,EAAAA,EAAAnB,EAAAC,OAAAkB,IACAxB,EAAAK,EAAAmB,GACAD,EAAAQ,OAAA,OAAA/B,GACA,OAAA2B,EAAAE,KAAA,EAEA,KAAAG,QAAAC,KAAA,yBAAAV,EAAA,CACAW,QAAA,CACA,wCAEA,OAJAT,EAAAE,EAAAQ,KAMA,KAAAtB,MAAA,WAAAY,EAAA3B,MAAA,wBAAA6B,EAAAS,UAAAd,EAAA,mBAfAZ,EAAA2B,GAAA,OAAAnB,EAAAjC,MAAA,KAAAC,WAAA,OAAAwB,EAAA,KC3E8V,I,wBCQ1V4B,EAAY,eACd,EACA/D,EACAkB,GACA,EACA,KACA,WACA,MAIa,aAAA6C,E","file":"js/Components-Upload-vue.3390146f.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!./Upload.vue?vue&type=style&index=0&id=218b4c3f&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',[_c('div',{staticClass:\"b\",on:{\"drop\":function($event){$event.preventDefault();return _vm.dropFile.apply(null, arguments)},\"dragenter\":function($event){$event.preventDefault();},\"dragover\":function($event){$event.preventDefault();}}},[_c('div',{staticClass:\"mt-5\"},[_vm._v(\"\\n        Drag and drop or select files\\n      \")])]),_c('div',{staticClass:\"has-text-centered w-100\",staticStyle:{\"text-align\":\"center\",\"width\":\"100%\"}},[_c('b-button',{staticClass:\"pl-4 pr-4\",staticStyle:{\"margin-top\":\"-25px\"},attrs:{\"type\":\"is-primary is-light\",\"size\":\"sm\",\"variant\":\"primary\"},on:{\"click\":function($event){$event.preventDefault();return _vm.upload.apply(null, arguments)}}},[_vm._v(\"Select Files\")])],1),_c('input',{ref:\"fileupload\",staticStyle:{\"display\":\"none\"},attrs:{\"type\":\"file\",\"multiple\":\"true\"},on:{\"change\":_vm.fileManuallyUploaded}})])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div>\n      <div\n        class=\"b\"\n        @drop.prevent=\"dropFile\"\n        @dragenter.prevent\n        @dragover.prevent\n      >\n        <div class=\"mt-5\">\n          Drag and drop or select files\n        </div>\n      </div>\n\n      <div class=\"has-text-centered w-100\" style=\"text-align:center;width:100%\">\n        <b-button\n          type=\"is-primary is-light\"\n          size=\"sm\"\n          class=\"pl-4 pr-4\"\n          variant=\"primary\"\n          style=\"margin-top:-25px\"\n          @click.prevent=\"upload\"\n          >Select Files</b-button\n        >\n      </div>\n      <input\n        type=\"file\"\n        style=\"display:none\"\n        ref=\"fileupload\"\n        multiple=\"true\"\n        @change=\"fileManuallyUploaded\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"upload-image\",\n  props: { imageUrl: null, width: null },\n  data() {\n    return {\n      internalWidth: null,\n      file: null,\n      base64File: null,\n    };\n  },\n\n  watch: {\n    width() {\n      this.internalWidth = this.width;\n    },\n  },\n  computed: {\n    uploadDisabled() {\n      return this.files.length === 0;\n    },\n  },\n  created() {\n    this.internalWidth = this.width;\n  },\n  methods: {\n    fileManuallyUploaded(e) {\n      this.uploadFile(e.target.files);\n    },\n    cancel() {\n      this.base64File = null;\n      this.$emit(\"url\", null);\n    },\n    upload() {\n      this.$refs.fileupload.click();\n    },\n    dropFile(e) {\n      this.uploadFile(e.dataTransfer.files);\n    },\n    async uploadFile(files) {\n      let formData = new FormData();\n\n      // enumerate files that were uploaded and add append it to the form\n      for (let i = 0; i < files.length; i++) {\n        let file = files[i];\n        formData.append(\"file\", file);\n      }\n\n      let r = await this.$client.post(\"/api/system/uploadTemp\", formData, {\n        headers: {\n          \"Content-Type\": \"multipart/form-data\",\n        },\n      });\n\n      this.$emit(\"uploaded\", r.data);\n    },\n  },\n};\n</script>\n\n<style scoped>\n.b {\n  border: dashed 5px #efefef;\n  height: 140px;\n  text-align: center;\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!./Upload.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!./Upload.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Upload.vue?vue&type=template&id=218b4c3f&scoped=true\"\nimport script from \"./Upload.vue?vue&type=script&lang=js\"\nexport * from \"./Upload.vue?vue&type=script&lang=js\"\nimport style0 from \"./Upload.vue?vue&type=style&index=0&id=218b4c3f&prod&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  \"218b4c3f\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}