{"version":3,"file":"194.js","sources":["webpack:///src/views/components/extra-components/import-export/Export.vue","webpack:///./src/views/components/extra-components/import-export/Export.vue","webpack:///./src/views/components/extra-components/import-export/Export.vue?15e2","webpack:///./src/views/components/extra-components/import-export/Export.vue?011f","webpack:///./src/views/components/extra-components/import-export/Export.vue?6c6f"],"sourcesContent":["<template>\n  <vx-card>\n    <vs-prompt title=\"Export To Excel\" class=\"export-options\" @cancle=\"clearFields\" @accept=\"exportToExcel\" accept-text=\"Export\" @close=\"clearFields\" :active.sync=\"activePrompt\">\n        <vs-input v-model=\"fileName\" placeholder=\"Enter File Name..\" class=\"w-full\" />\n        <v-select v-model=\"selectedFormat\" :options=\"formats\" class=\"my-4\" />\n        <div class=\"flex\">\n          <span class=\"mr-4\">Cell Auto Width:</span>\n          <vs-switch v-model=\"cellAutoWidth\">Cell Auto Width</vs-switch>\n        </div>\n    </vs-prompt>\n\n    <div class=\"export-table\">\n      <vs-table :data=\"users\" search>\n\n        <template slot=\"header\">\n          <vs-button @click=\"activePrompt=true\">Export</vs-button>\n        </template>\n\n        <template slot=\"thead\">\n          <vs-th> Email   </vs-th>\n          <vs-th> Name    </vs-th>\n          <vs-th> Website </vs-th>\n          <vs-th> Nro     </vs-th>\n        </template>\n\n        <template slot-scope=\"{data}\">\n          <vs-tr :key=\"indextr\" v-for=\"(tr, indextr) in data\">\n            <vs-td>{{ data[indextr].email   }}</vs-td>\n            <vs-td>{{ data[indextr].name    }}</vs-td>\n            <vs-td>{{ data[indextr].website }}</vs-td>\n            <vs-td>{{ data[indextr].id      }}</vs-td>\n          </vs-tr>\n        </template>\n\n      </vs-table>\n    </div>\n  </vx-card>\n</template>\n\n<script>\nimport vSelect from 'vue-select'\n\nexport default {\n  components: {\n    vSelect\n  },\n  data () {\n    return {\n      fileName: '',\n      formats:['xlsx', 'csv', 'txt'],\n      cellAutoWidth: true,\n      selectedFormat: 'xlsx',\n      headerTitle: ['Id', 'Email', 'Username', 'Name', 'Website'],\n      headerVal: ['id', 'email', 'username', 'name', 'website'],\n      users: [\n        {\n          'id': 1,\n          'name': 'Leanne Graham',\n          'username': 'Bret',\n          'email': 'Sincere@april.biz',\n          'website': 'hildegard.org'\n        },\n        {\n          'id': 2,\n          'name': 'Ervin Howell',\n          'username': 'Antonette',\n          'email': 'Shanna@melissa.tv',\n          'website': 'anastasia.net'\n        },\n        {\n          'id': 3,\n          'name': 'Clementine Bauch',\n          'username': 'Samantha',\n          'email': 'Nathan@yesenia.net',\n          'website': 'ramiro.info'\n        },\n        {\n          'id': 4,\n          'name': 'Patricia Lebsack',\n          'username': 'Karianne',\n          'email': 'Julianne.OConner@kory.org',\n          'website': 'kale.biz'\n        },\n        {\n          'id': 5,\n          'name': 'Chelsey Dietrich',\n          'username': 'Kamren',\n          'email': 'Lucio_Hettinger@annie.ca',\n          'website': 'demarco.info'\n        },\n        {\n          'id': 6,\n          'name': 'Mrs. Dennis Schulist',\n          'username': 'Leopoldo_Corkery',\n          'email': 'Karley_Dach@jasper.info',\n          'website': 'ola.org'\n        },\n        {\n          'id': 7,\n          'name': 'Kurtis Weissnat',\n          'username': 'Elwyn.Skiles',\n          'email': 'Telly.Hoeger@billy.biz',\n          'website': 'elvis.io'\n        },\n        {\n          'id': 8,\n          'name': 'Nicholas Runolfsdottir V',\n          'username': 'Maxime_Nienow',\n          'email': 'Sherwood@rosamond.me',\n          'website': 'jacynthe.com'\n        },\n        {\n          'id': 9,\n          'name': 'Glenna Reichert',\n          'username': 'Delphine',\n          'email': 'Chaim_McDermott@dana.io',\n          'website': 'conrad.com'\n        },\n        {\n          'id': 10,\n          'name': 'Clementina DuBuque',\n          'username': 'Moriah.Stanton',\n          'email': 'Rey.Padberg@karina.biz',\n          'website': 'ambrose.net'\n        }\n      ],\n      activePrompt: false\n    }\n  },\n  methods: {\n    exportToExcel () {\n      import('@/vendor/Export2Excel').then(excel => {\n        const list = this.users\n        const data = this.formatJson(this.headerVal, list)\n        excel.export_json_to_excel({\n          header: this.headerTitle,\n          data,\n          filename: this.fileName,\n          autoWidth: this.cellAutoWidth,\n          bookType: this.selectedFormat\n        })\n        this.clearFields()\n      })\n    },\n    formatJson (filterVal, jsonData) {\n      return jsonData.map(v => filterVal.map(j => {\n        // Add col name which needs to be translated\n        // if (j === 'timestamp') {\n        //   return parseTime(v[j])\n        // } else {\n        //   return v[j]\n        // }\n\n        return v[j]\n      }))\n    },\n    clearFields () {\n      this.filename = ''\n      this.cellAutoWidth = true\n      this.selectedFormat = 'xlsx'\n    }\n  }\n}\n</script>\n","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"vx-card\",\n    [\n      _c(\n        \"vs-prompt\",\n        {\n          staticClass: \"export-options\",\n          attrs: {\n            title: \"Export To Excel\",\n            \"accept-text\": \"Export\",\n            active: _vm.activePrompt,\n          },\n          on: {\n            cancle: _vm.clearFields,\n            accept: _vm.exportToExcel,\n            close: _vm.clearFields,\n            \"update:active\": function ($event) {\n              _vm.activePrompt = $event\n            },\n          },\n        },\n        [\n          _c(\"vs-input\", {\n            staticClass: \"w-full\",\n            attrs: { placeholder: \"Enter File Name..\" },\n            model: {\n              value: _vm.fileName,\n              callback: function ($$v) {\n                _vm.fileName = $$v\n              },\n              expression: \"fileName\",\n            },\n          }),\n          _c(\"v-select\", {\n            staticClass: \"my-4\",\n            attrs: { options: _vm.formats },\n            model: {\n              value: _vm.selectedFormat,\n              callback: function ($$v) {\n                _vm.selectedFormat = $$v\n              },\n              expression: \"selectedFormat\",\n            },\n          }),\n          _c(\n            \"div\",\n            { staticClass: \"flex\" },\n            [\n              _c(\"span\", { staticClass: \"mr-4\" }, [_vm._v(\"Cell Auto Width:\")]),\n              _c(\n                \"vs-switch\",\n                {\n                  model: {\n                    value: _vm.cellAutoWidth,\n                    callback: function ($$v) {\n                      _vm.cellAutoWidth = $$v\n                    },\n                    expression: \"cellAutoWidth\",\n                  },\n                },\n                [_vm._v(\"Cell Auto Width\")]\n              ),\n            ],\n            1\n          ),\n        ],\n        1\n      ),\n      _c(\n        \"div\",\n        { staticClass: \"export-table\" },\n        [\n          _c(\n            \"vs-table\",\n            {\n              attrs: { data: _vm.users, search: \"\" },\n              scopedSlots: _vm._u([\n                {\n                  key: \"default\",\n                  fn: function ({ data }) {\n                    return _vm._l(data, function (tr, indextr) {\n                      return _c(\n                        \"vs-tr\",\n                        { key: indextr },\n                        [\n                          _c(\"vs-td\", [_vm._v(_vm._s(data[indextr].email))]),\n                          _c(\"vs-td\", [_vm._v(_vm._s(data[indextr].name))]),\n                          _c(\"vs-td\", [_vm._v(_vm._s(data[indextr].website))]),\n                          _c(\"vs-td\", [_vm._v(_vm._s(data[indextr].id))]),\n                        ],\n                        1\n                      )\n                    })\n                  },\n                },\n              ]),\n            },\n            [\n              _c(\n                \"template\",\n                { slot: \"header\" },\n                [\n                  _c(\n                    \"vs-button\",\n                    {\n                      on: {\n                        click: function ($event) {\n                          _vm.activePrompt = true\n                        },\n                      },\n                    },\n                    [_vm._v(\"Export\")]\n                  ),\n                ],\n                1\n              ),\n              _c(\n                \"template\",\n                { slot: \"thead\" },\n                [\n                  _c(\"vs-th\", [_vm._v(\" Email   \")]),\n                  _c(\"vs-th\", [_vm._v(\" Name    \")]),\n                  _c(\"vs-th\", [_vm._v(\" Website \")]),\n                  _c(\"vs-th\", [_vm._v(\" Nro     \")]),\n                ],\n                1\n              ),\n            ],\n            2\n          ),\n        ],\n        1\n      ),\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./Export.vue?vue&type=template&id=409f84e4&\"\nimport script from \"./Export.vue?vue&type=script&lang=js&\"\nexport * from \"./Export.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\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/home/node/app/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('409f84e4')) {\n      api.createRecord('409f84e4', component.options)\n    } else {\n      api.reload('409f84e4', component.options)\n    }\n    module.hot.accept(\"./Export.vue?vue&type=template&id=409f84e4&\", function () {\n      api.rerender('409f84e4', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/components/extra-components/import-export/Export.vue\"\nexport default component.exports","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Export.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Export.vue?vue&type=script&lang=js&\"","export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"27e57935-vue-loader-template\\\"}!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Export.vue?vue&type=template&id=409f84e4&\""],"mappings":";;;;;;;;;;AAwCA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;AClKA;AACA;AACA;AACA;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AAAA;AAEA;AAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAWA;AAAA;AAKA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AACA;AACA;AAEA;AAAA;AASA;AACA;AACA;AAEA;AAIA;AAAA;AAKA;AACA;AACA;AACA;AACA;AACA;AAQA;AAAA;AAkBA;AACA;AACA;;;;;;;;;;;;;AC7IA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACtCA;AAAA;AAAA;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;A","sourceRoot":""}