{"version":3,"sources":["webpack:///./src/components/Admin/Import.vue?b082","webpack:///./src/components/Admin/Import.vue?85bd","webpack:///src/components/Admin/Import.vue","webpack:///./src/components/Admin/Import.vue?d3b0","webpack:///./src/components/Admin/Import.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","_m","accountList","model","value","callback","$$v","owner","expression","on","onFileChange","uploadFile","_e","staticRenderFns","name","created","fetchAccountList","then","user1","username","toLowerCase","user2","data","file","channel_name","channel_fields","channel_entries","parse_header","parse_csv","sortOrders","sortKey","components","AdminMenu","methods","files","length","alert","reader","FileReader","readAsText","onload","csv","event","target","result","ParticipantService","res","message","onerror","clean_csv","replace","lines","headers","obj","currentline","j","push","props","currentUser","type","String","default","component"],"mappings":"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","file":"js/chunk-48ca490b.3ec47610.js","sourcesContent":["import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Import.vue?vue&type=style&index=0&id=fb8255aa&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Import.vue?vue&type=style&index=0&id=fb8255aa&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('section',{staticClass:\"hero is-white\"},[_c('div',{staticClass:\"hero-body\"},[_c('div',{staticClass:\"breadcrumb-wrapper\"},[_c('img',{staticClass:\"icon-home\",attrs:{\"src\":require(\"@/assets/images/icons/icon-home.png\"),\"alt\":\"\"}}),_c('nav',{staticClass:\"breadcrumb has-succeeds-separator\",attrs:{\"aria-label\":\"breadcrumbs\"}},[_c('ul',[_c('li',[_c('router-link',{attrs:{\"to\":\"/index\"}},[_vm._v(\"Trang chủ\")])],1),_vm._m(0)])])]),_c('div',{staticClass:\"container\"},[_c('admin-menu',{attrs:{\"activeLink\":'/import'}}),_c('div',{staticClass:\"form-user padding-space no-padding\"},[_c('h2',{staticClass:\"title is-4 has-text-centered\"},[_vm._v(\"Import\")]),_c('div',{staticClass:\"dropbox\"},[_c('div',{staticClass:\"row\"},[_vm._v(\"Select owner: \\n              \"),_c('b-field',[_c('v-select',{staticClass:\"import__select\",attrs:{\"options\":_vm.accountList},model:{value:(_vm.owner),callback:function ($$v) {_vm.owner=$$v},expression:\"owner\"}})],1)],1),_c('h1',[_vm._v(\"Chọn tập tin csv\")]),_c('input',{attrs:{\"type\":\"file\",\"accept\":\".csv\"},on:{\"change\":_vm.onFileChange}}),(_vm.file)?_c('div',[_c('button',{on:{\"click\":_vm.uploadFile}},[_vm._v(\"Tải tập tin\")])]):_vm._e()])])],1)])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{staticClass:\"is-active\"},[_c('a',[_vm._v(\"Admin\")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <section class=\"hero is-white\">\n      <div class=\"hero-body\">\n        <div class=\"breadcrumb-wrapper\">\n          <img src=\"@/assets/images/icons/icon-home.png\" alt=\"\" class=\"icon-home\">\n          <nav class=\"breadcrumb has-succeeds-separator\" aria-label=\"breadcrumbs\">\n            <ul>\n              <li><router-link to=\"/index\">Trang chủ</router-link></li>\n              <li class=\"is-active\"><a>Admin</a></li>\n            </ul>\n          </nav>\n        </div>\n        <div class=\"container\">\n          <admin-menu :activeLink=\"'/import'\"/>\n          <div class=\"form-user padding-space no-padding\">\n            <h2 class=\"title is-4 has-text-centered\">Import</h2>\n            <div class=\"dropbox\">\n              <div class=\"row\">Select owner: \n                <b-field>\n                  <v-select\n                    :options=\"accountList\"\n                    v-model=\"owner\"\n                    class=\"import__select\"\n                  />\n                </b-field>\n              </div>\n              <h1>Chọn tập tin csv</h1>\n              <input type=\"file\" accept=\".csv\" @change=\"onFileChange\">\n              <div v-if=\"file\">\n                <button @click=\"uploadFile\">Tải tập tin</button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </section>\n  </div>\n</template>\n\n<script>\nimport Vue from \"vue\"\nimport vSelect from \"vue-select\"\nimport { mapActions } from \"vuex\"\nimport ParticipantService from \"@/services/ParticipantService\"\n\nVue.component('v-select', vSelect)\n\nexport default {\n  name: \"MultiUserAdd\",\n\n  created() {\n    this.fetchAccountList().then((result) => {\n      const obj = result.data.users.sort((user1, user2) => {\n        return user1.username.toLowerCase() < user2.username.toLowerCase() ? -1 : 1\n      });\n      const data = Object.keys(obj).map((key) =>  obj[key].username);\n      this.accountList = data\n    })\n  },\n\n  data() {\n    return {\n      file: null,\n      owner: '',\n      channel_name: '',\n      channel_fields: [],\n      channel_entries: [],\n      parse_header: [],\n      parse_csv: [],\n      sortOrders:{},\n      sortKey: '',\n      accountList: []\n    };\n  },\n  components: {\n    AdminMenu: () => import(\"./AdminMenu\")\n  },\n  methods: {\n    ...mapActions(\"hostAccount\", [\"fetchAccountList\"]),\n    onFileChange(e) {\n     let files = e.target.files || e.dataTransfer.files;\n      if (!files.length)\n        return;\n      this.file = files[0];\n   },\n   uploadFile() {\n      if(this.owner.length < 1) {\n        alert('Xin nhập owner!');\n        return\n      }\n      const vm = this\n      var reader = new FileReader();\n      reader.readAsText(this.file);\n      reader.onload = (event) => {\n        var csv = event.target.result;\n        const jsonData = vm.csvJSON(csv);\n        const data = {data: jsonData, owner: vm.owner}\n        ParticipantService\n        .createMultiParticipants(data, vm.$store.state.auth.token)\n        .then(res => {\n          if(!res.data.status) {\n            alert(res.data.message);\n            return;\n          }\n          alert(res.data.message);\n        })\n        .catch(() => {\n          alert('Import không thành công!');\n        })\n      };\n      reader.onerror = function(evt) {\n        if(evt.target.error.name == \"NotReadableError\") {\n          alert(\"Can't read file !\");\n        }\n      };\n\n   },\n   csvJSON(csv){\n      var clean_csv = csv.replace(/(?:\\r\\n|\\r|\\n)/g, '|'); \n      var lines=clean_csv.split(\"|\");\n      var result = [];\n      var headers=lines[0].split(\",\");\n\n      for(var i=1;i<lines.length;i++){\n        var obj = {};\n        var currentline=lines[i].split(\",\");\n        for(var j=0;j<headers.length;j++){\n          obj[headers[j]] = currentline[j];\n        }\n        result.push(obj);\n      }\n\n      return result; //JSON\n    }\n  },\n\n  props: {\n    currentUser: {\n      type: String,\n      default: null\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.import__select {\n  width: 200px;\n}\n</style>","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!./Import.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!./Import.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Import.vue?vue&type=template&id=fb8255aa&scoped=true&\"\nimport script from \"./Import.vue?vue&type=script&lang=js&\"\nexport * from \"./Import.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Import.vue?vue&type=style&index=0&id=fb8255aa&lang=scss&scoped=true&\"\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  \"fb8255aa\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}