{"version":3,"sources":["webpack:///./src/components/upload/folder.vue","webpack:///src/components/upload/folder.vue","webpack:///./src/components/upload/folder.vue?0b30","webpack:///./src/components/upload/folder.vue?36f3"],"names":["_vm","ref","staticStyle","attrs","filename","on","_c","model","value","dialog","expression","staticClass","staticRenderFns","name","data","message","success","error","process","form","methods","launchFile","changeImage","formData","fetch","method","body","then","id","type","component"],"mappings":"kOAA4I,aAAC,IAAGA,EAAM,KAA8BC,EAAI,QAAM,G,OAACC,QAAY,U,GAAC,CAAiB,kBAACC,OAAM,kB,CAA2D,KAAM,cAAKC,cAAQ,IAAC,OAACC,YAAG,CAAC,QAAS,Q,MAA4D,CAAC,YAAIC,OAAG,mCAAYH,KAAM,YAAc,GAAC,CAACI,OAAM,YAACC,OAAOR,EAAIS,YAAO,oBAAwC,EAAC,Q,MAACC,CAAmB,aAAiBC,OAAwBR,MAAM,SAAC,SAAO,YAAE,YAAiBA,WAAM,WAAuB,WAAE,YAAK,YAAwCA,MAAM,CAAC,KAAO,KAA2B,WAAE,MAAK,CAAUA,MAAM,iB,CAAiB,SAAQ,WAAE,OAAIH,MAAO,eAA+DW,YACvzB,WACGC,OAEJ,MAAe,Q,iMCkCf,GACAC,qBACAC,WACAL,UACAL,gBACAW,SACAC,WACAC,UAEAC,SACAC,WAGAC,SACAC,aACA,yBAEAC,eACA,WACA,cACA,kEACA,eACA,kFACA,kBACA,eACA,6CACA,CACA,mBACAC,uDACAA,0DACAA,sBACAA,8CAEA,qBACA,oBACAL,4BAGAM,gDACAC,cACAC,SAEAC,kBACAA,SACA,qBAEA,oBACAC,gBACAC,oBACAf,oBACAI,kCCxF+V,I,YCO3VY,EAAY,eACd,EACA,EACAlB,GACA,EACA,KACA,KACA,MAIa,aAAAkB,E","file":"js/chunk-2d0d7c65.7f0ebeb4.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{on:{\"click\":function($event){return _vm.launchFile()}}},[_vm._t(\"activator\")],2),_c('input',{ref:\"file\",staticStyle:{\"display\":\"none\"},attrs:{\"type\":\"file\",\"accept\":\"image/png, image/gif, image/jpeg\",\"name\":_vm.filename},on:{\"change\":function($event){return _vm.changeImage($event.target.files)}}}),_c('v-dialog',{attrs:{\"width\":\"500\"},model:{value:(_vm.dialog),callback:function ($$v) {_vm.dialog=$$v},expression:\"dialog\"}},[_c('v-card',{staticClass:\"pa-0 ma-0\",attrs:{\"flat\":\"\"}},[_c('v-card',{attrs:{\"color\":\"red accent-2\"}},[_c('v-list-item',[_c('v-list-item-avatar',{attrs:{\"color\":\"red accent-2\",\"size\":\"30\"}},[_c('v-icon',{attrs:{\"color\":\"white\",\"large\":\"\"}},[_vm._v(\"mdi-alert\")])],1),_c('v-list-item-content',[_c('v-card-text',{staticClass:\"caption white--text pa-0\"},[_vm._v(\"\\n              \"+_vm._s(_vm.message.error)+\"\\n            \")])],1)],1)],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div @click=\"launchFile()\">\n      <slot name=\"activator\"></slot>\n    </div>\n\n    <input type=\"file\"\n      accept=\"image/png, image/gif, image/jpeg\"\n      ref=\"file\"\n      :name=\"filename\"\n      v-on:change=\"changeImage($event.target.files)\"\n      style=\"display:none\">\n\n    <v-dialog \n      v-model=\"dialog\"\n      width=\"500\">\n      <v-card\n        class=\"pa-0 ma-0\"\n        flat>\n        <v-card\n          color=\"red accent-2\">\n          <v-list-item>\n            <v-list-item-avatar color=\"red accent-2\" size=\"30\">\n              <v-icon color=\"white\" large>mdi-alert</v-icon>\n            </v-list-item-avatar>\n            <v-list-item-content>\n              <v-card-text class=\"caption white--text pa-0\">\n                {{ message.error }}\n              </v-card-text>\n            </v-list-item-content>\n          </v-list-item>\n        </v-card>\n      </v-card>\n    </v-dialog>\n  </div>\n</template>\n\n<script>\n  export default {\n    name: 'upload-folder',\n    data: () => ({\n      dialog: false,\n      filename: 'file',\n      message: {\n        success: '',\n        error: ''\n      },\n      process: {\n        form: false\n      }\n    }),\n    methods: {\n      launchFile () {\n        this.$refs.file.click()\n      },\n      changeImage (file) {\n        let image = file[0]\n        if (file.length > 0) {\n          if (image.type != 'image/jpg' && image.type != 'image/jpeg' && image.type != 'image/png') {\n            this.dialog = true\n            this.message.error = 'Silahkan pilih gambar dengan format .jpg / .jpeg / .png'\n          } else if (image.size > 5242880) {\n            this.dialog = true\n            this.message.error = 'Maksimal gambar 5MB'\n          } else {\n            let formData = new FormData()\n                formData.append('api-key', 'd3f8bfb9d73c9ced96c369186ea2743e')\n                formData.append('client-key', '6439dfe784a2be25dd8aec3b403c3949')\n                formData.append('files[]', image)\n                formData.append('user_id', this.$store.state.user.id)\n\n            this.process.form = true\n            this.$emit('input', {\n              process : this.process.form\n            })\n\n            fetch(`${process.env.VUE_APP_API_CDN}/image`, {\n              method: 'POST',\n              body: formData\n            })\n            .then(res => res.json())\n            .then(response => {\n              this.process.form = false\n\n              this.$emit('input', {\n                id: response.data[0].id,\n                type: response.data[0].type,\n                data: response.data[0].data,\n                process: this.process.form\n              })\n            })\n          }\n        }\n      }\n    }\n  }\n</script>","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!./folder.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!./folder.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./folder.vue?vue&type=template&id=5caf27b6&\"\nimport script from \"./folder.vue?vue&type=script&lang=js&\"\nexport * from \"./folder.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"],"sourceRoot":""}