{"version":3,"sources":["webpack:///src/forms/Uploader.vue","webpack:///./src/forms/Uploader.vue?65df","webpack:///./src/forms/Uploader.vue?af0c","webpack:///./src/forms/Uploader.vue"],"names":["props","name","String","value","path","required","Boolean","attr","Object","accept","uniq","uploadText","isDisable","data","param","uploading","error","resp","fileData","fileType","computed","page","Accept","this","uploader","max_image_size","mounted","init","methods","global","Uploader","elFile","$","$el","find","onUpload","prop","substr","lastIndexOf","toLowerCase","reader","FileReader","onload","img","Image","src","result","readAsDataURL","uploadProcess","e","size","alert","formData","FormData","append","each","k","v","ajax","url","type","enctype","processData","contentType","setTimeout","valid","removeFile","$emit","val","trigger","watch","render","_vm","_h","$createElement","_c","_self","staticClass","_t","attrs","_v","_e","_b","domProps","class","_s","on","file","bytesToSize","staticRenderFns","component"],"mappings":"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","file":"js/chunk-0387ca8e.9fa7f6cb.js","sourcesContent":["<script>\r\nimport 'vue-croppa/dist/vue-croppa.css';\r\n\r\nimport env from '@root/env';\r\n\r\nexport default {\r\n  props: {\r\n    name: String,\r\n    value: String,\r\n    path: String,\r\n    required: Boolean,\r\n    attr: Object,\r\n    accept: String,\r\n    uniq: Boolean,\r\n    uploadText: {default: \"Upload File\"},\r\n    isDisable: {default: false, type: Boolean},\r\n  },\r\n  data: function () {\r\n    return {\r\n      param: {uniq:false},\r\n      uploading: false,\r\n      error: false,\r\n      resp: {},\r\n      fileData: {},\r\n      fileType: \"\",\r\n    }\r\n  },\r\n  computed:{\r\n    page(){ return this.$root.page },\r\n    Accept(){\r\n      if(this.accept==\"image\") return \"image/*\"\r\n      if(this.accept==\"docs\") return \".doc,.docx,.pdf,.xls,.xlsx\"\r\n      if(this.accept==\"excel\") return \".xls,.xlsx\"\r\n      if(this.accept==\"xls\") return \".xls\"\r\n      return this.accept\r\n    },\r\n    uploader(){\r\n      return {\r\n        max_image_size: 5000000\r\n      }\r\n    }\r\n  },\r\n  mounted: function () {\r\n    this.init()\r\n  },\r\n  methods: {\r\n    init(){\r\n      global.Uploader = this\r\n      this.elFile = $(this.$el).find('[type=\"file\"]')\r\n      this.param.path = this.path\r\n      if(this.uniq) this.param.uniq = true\r\n    },\r\n    onUpload: function (e) {\r\n      this.fileData = this.elFile.prop('files')[0];\r\n      this.fileType = this.fileData.name.substr(this.fileData.name.lastIndexOf('.') + 1).toLowerCase();\r\n      if ([\"jpg\",\"jpeg\",\"png\",\"gif\"].indexOf(this.fileType) > -1){\r\n        var reader = new FileReader();\r\n        reader.onload = () => {\r\n          var img = new Image;\r\n          img.onload = () => {\r\n            this.img = img\r\n            this.uploadProcess(e)\r\n          }\r\n          img.src = reader.result\r\n        };\r\n        reader.readAsDataURL(this.fileData);\r\n      }else{\r\n        this.uploadProcess(e)\r\n      }\r\n    },\r\n    uploadProcess: function(e){\r\n      // Validation\r\n      this.error = false;\r\n      // if (this.conf['rule_type'].indexOf(this.fileType) == -1) {\r\n      // \tthis.error = 'File type must be ' + this.conf['rule_type'] + ' type.';\r\n      // }\r\n      if (this.fileData.size > this.uploader['max_image_size']) {\r\n      \tthis.error = 'Max file size is '+this.uploader['max_image_size'].bytesToSize();\r\n      }\r\n      // if (this.conf.rule_size) if(this.img.naturalWidth<this.conf.rule_size[0]||this.img.naturalHeight<this.conf.rule_size[1]){\r\n      // \tthis.error = 'Minimum image size is '+this.conf.rule_size[0]+\"x\"+this.conf.rule_size[1]\r\n      // }\r\n      if (this.error) return alert(this.error);\r\n      var formData = new FormData();\r\n      formData.append('file', this.fileData);\r\n      $.each(this.param, (k, v) => {\r\n        formData.append(k, v);\r\n      });\r\n\r\n      this.uploading = true\r\n      $.ajax({\r\n        url: env.baseUrl + \"/api/uploader\",\r\n        type: \"POST\",\r\n        data: formData,\r\n        enctype: 'multipart/form-data',\r\n        processData: false, // tell jQuery not to process the data\r\n        contentType: false // tell jQuery not to set contentType\r\n      }).done((resp) => {\r\n        this.resp = resp\r\n        setTimeout(()=>{ this.uploading = false; }, 3000)\r\n        this.$emit('input', resp.filetarget)\r\n        this.$emit('response', this)\r\n        this.valid()\r\n      });\r\n    },\r\n    valid(){\r\n      setTimeout(()=>{ $(this.$el).find(\".image-preview input\").valid() }, 100)\r\n    },\r\n    removeFile(){\r\n      this.$emit(\"input\", \"\")\r\n      $(this.$el).find(\"[type=file]\").val(\"\").trigger(\"change\")\r\n      this.resp = {}\r\n    }\r\n  },\r\n  watch:{\r\n    type(){\r\n      setTimeout(()=>{ this.init() },300)\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div class=\"upload-container\">\r\n    <slot name=\"preview\">\r\n      <div class=\"image-preview\">\r\n        <div>\r\n          <ImagePreview :src=\"page.uploader(value)\" v-if=\"value\"><span v-if=\"isDisable\" class=\"ml-2\">View More</span></ImagePreview>\r\n          <input type=\"hidden\" :name=\"name\" :value=\"value\" v-bind=\"attr\">          \r\n        </div>\r\n      </div>\r\n    </slot>\r\n    <a href=\"javascript:;\" v-if=\"!isDisable\" :class=\"isDisable ? 'btn btn-info upload-btn disabled' : 'btn btn-info upload-btn'\">\r\n      <span class=\"upload-label\">\r\n        <slot v-if=\"!uploading\" name=\"label\" :uploadText=\"uploadText\"><i class=\"ti-file\"></i> {{value?\"Update File\":uploadText}}</slot>\r\n        <span v-if=\"uploading\">Uploading...</span>\r\n      </span>\r\n      <input type=\"file\" @change=\"onUpload\" :id=\"name\" :accept=\"Accept\">\r\n    </a>\r\n    <p v-if=\"resp.file\" class=\"mt5 mb5\">File : {{resp.file}} \r\n      <button v-if=\"resp.file\" type=\"button\" class=\"btn btn-danger btn-xs ml5\" @click=\"removeFile\"><i class=\"fa fa-times\"></i></button>\r\n    </p>\r\n    <span class=\"help-block\">\r\n      <small>Accepted formats : {{Accept}}. Max file size {{uploader[\"max_image_size\"].bytesToSize()}}</small>\r\n    </span>\r\n  </div>\r\n</template>","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"upload-container\"},[_vm._t(\"preview\",[_c('div',{staticClass:\"image-preview\"},[_c('div',[(_vm.value)?_c('ImagePreview',{attrs:{\"src\":_vm.page.uploader(_vm.value)}},[(_vm.isDisable)?_c('span',{staticClass:\"ml-2\"},[_vm._v(\"View More\")]):_vm._e()]):_vm._e(),_vm._v(\" \"),_c('input',_vm._b({attrs:{\"type\":\"hidden\",\"name\":_vm.name},domProps:{\"value\":_vm.value}},'input',_vm.attr,false))],1)])]),_vm._v(\" \"),(!_vm.isDisable)?_c('a',{class:_vm.isDisable ? 'btn btn-info upload-btn disabled' : 'btn btn-info upload-btn',attrs:{\"href\":\"javascript:;\"}},[_c('span',{staticClass:\"upload-label\"},[(!_vm.uploading)?_vm._t(\"label\",[_c('i',{staticClass:\"ti-file\"}),_vm._v(\" \"+_vm._s(_vm.value?\"Update File\":_vm.uploadText))],{uploadText:_vm.uploadText}):_vm._e(),_vm._v(\" \"),(_vm.uploading)?_c('span',[_vm._v(\"Uploading...\")]):_vm._e()],2),_vm._v(\" \"),_c('input',{attrs:{\"type\":\"file\",\"id\":_vm.name,\"accept\":_vm.Accept},on:{\"change\":_vm.onUpload}})]):_vm._e(),_vm._v(\" \"),(_vm.resp.file)?_c('p',{staticClass:\"mt5 mb5\"},[_vm._v(\"File : \"+_vm._s(_vm.resp.file)+\" \\n    \"),(_vm.resp.file)?_c('button',{staticClass:\"btn btn-danger btn-xs ml5\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.removeFile}},[_c('i',{staticClass:\"fa fa-times\"})]):_vm._e()]):_vm._e(),_vm._v(\" \"),_c('span',{staticClass:\"help-block\"},[_c('small',[_vm._v(\"Accepted formats : \"+_vm._s(_vm.Accept)+\". Max file size \"+_vm._s(_vm.uploader[\"max_image_size\"].bytesToSize()))])])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","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!./Uploader.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!./Uploader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Uploader.vue?vue&type=template&id=8a155f42&\"\nimport script from \"./Uploader.vue?vue&type=script&lang=js&\"\nexport * from \"./Uploader.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":""}