{"version":3,"sources":["webpack:///./src/router/views/Test.vue","webpack:///src/router/views/Test.vue","webpack:///./src/router/views/Test.vue?f910","webpack:///./src/router/views/Test.vue?3b95","webpack:///./src/router/views/Test.vue?7dd1"],"names":["render","_vm","this","_c","_self","attrs","staticClass","uploadList","length","_v","_e","_l","items","item","index","key","_s","name","on","getFiles","saving","_addDoc","staticRenderFns","data","methods","_this","self","_loop","file","i","fileReader","FileReader","readAsDataURL","onload","contents","result","split","obj","FileName","MimeType","type","File","axios","post","then","response","console","log","catch","error","event","target","files","push","component"],"mappings":"kJAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,cAAc,CAACA,EAAG,WAAW,CAACA,EAAG,SAAS,CAACE,MAAM,CAAC,KAAO,KAAK,CAACF,EAAG,MAAM,CAACG,YAAY,WAAW,CAA2B,GAAzBL,EAAIM,WAAWC,OAAaL,EAAG,IAAI,CAACG,YAAY,gBAAgB,CAACL,EAAIQ,GAAG,4CAA4CR,EAAIS,KAAMT,EAAIM,WAAWC,OAAS,EAAGL,EAAG,MAAM,CAACG,YAAY,gBAAgBL,EAAIU,GAAIV,EAAIW,OAAO,SAASC,EAAKC,GAAO,OAAOX,EAAG,IAAI,CAACY,IAAID,EAAMR,YAAY,cAAc,CAACL,EAAIQ,GAAGR,EAAIe,GAAGH,EAAKI,YAAW,GAAGhB,EAAIS,KAAKP,EAAG,QAAQ,CAACG,YAAY,aAAaD,MAAM,CAAC,KAAO,QAAQa,GAAG,CAAC,OAASjB,EAAIkB,cAAchB,EAAG,MAAMA,EAAG,QAAQ,CAACE,MAAM,CAAC,MAAQ,UAAU,SAAWJ,EAAImB,QAAQF,GAAG,CAAC,MAAQjB,EAAIoB,UAAU,CAACpB,EAAIQ,GAAG,mBAAmB,IAAI,IAAI,IAErsBa,EAAkB,GCoBP,GACfC,KAAA,WACA,OACAhB,WAAA,GACAK,MAAA,GACAQ,QAAA,IAGAI,QAAA,CACAH,QAAA,eAAAI,EAAA,KACAC,EAAA,KACA,KAAAN,QAAA,EACA,IADA,IAAAO,EAAA,WAEA,IAAAC,EAAAH,EAAAlB,WAAAsB,GACAC,EAAA,IAAAC,WACAD,GAAAF,IACAE,EAAAE,cAAAJ,GACAE,EAAAG,OAAA,WACA,IAAAC,EAAAJ,EAAAK,OAAAC,MAAA,QACAC,EAAA,CACAC,SAAAV,EAAAX,KACAsB,SAAAX,EAAAY,KACAC,KAAAP,GAEAQ,MAAAC,KAAA,uBAAAN,GACAO,MAAA,SAAAC,GACAC,QAAAC,IAAAF,GACAnB,EAAAd,MAAA,GACAc,EAAAnB,WAAA,MAEAyC,OAAA,SAAAC,GACAH,QAAAC,IAAAE,SAnBApB,EAAA,EAAAA,EAAA,KAAAtB,WAAAC,OAAA,EAAAqB,IAAAF,IAwBA,KAAAP,QAAA,GAEAD,SAAA,SAAA+B,GAEA,QAAAtB,KADA,KAAArB,WAAA,GACA2C,EAAAC,OAAAC,MACA,KAAA7C,WAAA8C,KAAAH,EAAAC,OAAAC,MAAAxB,IAEA,QAAAC,EAAA,EAAAA,EAAA,KAAAtB,WAAAC,OAAA,EAAAqB,IACA,KAAAtB,WAAAsB,GAAAZ,MACA,KAAAL,MAAAyC,KAAA,KAAA9C,WAAAsB,OCnEqZ,I,wBCQjZyB,EAAY,eACd,EACAtD,EACAsB,GACA,EACA,KACA,KACA,MAIa,aAAAgC,E,2CCnBf","file":"js/chunk-0cc5686f.f046d595.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-container',[_c('v-layout',[_c('v-flex',{attrs:{\"xs12\":\"\"}},[_c('div',{staticClass:\"dropbox\"},[(_vm.uploadList.length == 0)?_c('p',{staticClass:\"extra-margin\"},[_vm._v(\"Drag file to upload or click to browse\")]):_vm._e(),(_vm.uploadList.length > 0)?_c('div',{staticClass:\"extra-margin\"},_vm._l((_vm.items),function(item,index){return _c('p',{key:index,staticClass:\"uploadList\"},[_vm._v(_vm._s(item.name))])}),0):_vm._e(),_c('input',{staticClass:\"input-file\",attrs:{\"type\":\"file\"},on:{\"change\":_vm.getFiles}})]),_c('br'),_c('v-btn',{attrs:{\"color\":\"primary\",\"disabled\":_vm.saving},on:{\"click\":_vm._addDoc}},[_vm._v(\"Upload Files\")])],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-container>\r\n    <v-layout>\r\n      <v-flex xs12>\r\n        <div class=\"dropbox\">\r\n          <p\r\n            v-if=\"uploadList.length == 0\"\r\n            class=\"extra-margin\"\r\n          >Drag file to upload or click to browse</p>\r\n          <div v-if=\"uploadList.length > 0\" class=\"extra-margin\">\r\n            <p class=\"uploadList\" v-for=\"(item, index) in items\" :key=\"index\">{{item.name}}</p>\r\n          </div>\r\n          <input class=\"input-file\" type=\"file\" @change=\"getFiles\">\r\n        </div>\r\n        <br>\r\n        <v-btn color=\"primary\" @click=\"_addDoc\" :disabled=\"saving\">Upload Files</v-btn>\r\n      </v-flex>\r\n    </v-layout>\r\n  </v-container>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data () {\r\n    return {\r\n      uploadList: [],\r\n      items: [],\r\n      saving: false\r\n    }\r\n  },\r\n  methods: {\r\n    _addDoc () {\r\n      var self = this\r\n      this.saving = true\r\n      for (let i = 0; i < (this.uploadList.length - 2); i++) {\r\n        let file = this.uploadList[i];\r\n        let fileReader = new FileReader();\r\n        if (fileReader && file) {\r\n          fileReader.readAsDataURL(file);\r\n          fileReader.onload = function () {\r\n            let contents = fileReader.result.split(',')[1];\r\n            let obj = {\r\n              FileName: file.name,\r\n              MimeType: file.type,\r\n              File: contents\r\n            };\r\n            axios.post(`/LetterTemplateFiles`, obj)\r\n              .then(function (response) {\r\n                console.log(response)\r\n                self.items = []\r\n                self.uploadList = [];\r\n              })\r\n              .catch(function (error) {\r\n                console.log(error)\r\n              });\r\n          }\r\n        }\r\n      }\r\n      this.saving = false\r\n    },\r\n    getFiles: function (event) {\r\n      this.uploadList = [];\r\n      for (let file in event.target.files) {\r\n        this.uploadList.push(event.target.files[file])\r\n      }\r\n      for (let i = 0; i < (this.uploadList.length - 2); i++) {\r\n        if (this.uploadList[i].name)\r\n          this.items.push(this.uploadList[i]);\r\n      }\r\n    },\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\nspan.v-tooltip span {\r\n  vertical-align: bottom;\r\n}\r\n.dropbox {\r\n  outline: 2px dashed rgb(190, 190, 190); /* the dash box */\r\n  outline-offset: -10px;\r\n  background: #fafafa;\r\n  color: dimgray;\r\n  padding: 10px 10px;\r\n  position: relative;\r\n  cursor: pointer;\r\n  /* width: 20%; */\r\n  height: 100px;\r\n  /* margin-left: auto;\r\n  margin-right: auto;  */\r\n  margin-top: 10px;\r\n}\r\n\r\n.input-file {\r\n  outline: 2px solid black;\r\n  opacity: 10%; /* invisible but it's there! */\r\n  width: 100%;\r\n  height: 100px;\r\n  position: absolute;\r\n  cursor: pointer;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/babel-loader/lib/index.js??ref--14!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Test.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/babel-loader/lib/index.js??ref--14!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Test.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Test.vue?vue&type=template&id=0f9e86ce\"\nimport script from \"./Test.vue?vue&type=script&lang=js\"\nexport * from \"./Test.vue?vue&type=script&lang=js\"\nimport style0 from \"./Test.vue?vue&type=style&index=0&id=0f9e86ce&prod&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  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Test.vue?vue&type=style&index=0&id=0f9e86ce&prod&lang=css\""],"sourceRoot":""}