{"version":3,"sources":["webpack:///./src/views/reports/PPE.vue?b23a","webpack:///./src/views/reports/PPE.vue","webpack:///src/views/reports/PPE.vue","webpack:///./src/views/reports/PPE.vue?9beb","webpack:///./src/views/reports/PPE.vue?0dd2","webpack:///./src/components/ui/Dialog.vue","webpack:///src/components/ui/Dialog.vue","webpack:///./src/components/ui/Dialog.vue?031d","webpack:///./src/components/ui/Dialog.vue?85af","webpack:///./src/utils/helper.js"],"names":["render","_vm","this","_c","_self","staticClass","class","alertType","attrs","model","value","alert","callback","$$v","expression","_v","_s","alertMessage","downloadFormat","on","onSelectedFormat","formData","selectedFormat","$set","isDownloading","onDownload","headers","ppeRecords","loadingData","_e","_l","item","key","requestId","personnelName","location","jobTitle","contractEmployerName","items","date","status","ref","scopedSlots","_u","fn","deleteJobtitle","$event","cancel","proxy","staticRenderFns","components","Button","Dialog","SelectField","data","search","name","id","valid","isSavingUser","excelExportRecords","text","computed","methods","addNew","showAlertMessage","message","type","_this","setTimeout","openDeleteModal","$refs","deleteModal","toggleModal","modal","getApprovedPPEItems","_this2","requestService","getApprovedPPE","then","result","records","excelRecords","forEach","ppeItems","ppEs","requestItems","length","ppe","concat","ppeType","narration","excelItem","employeeName","moment","requestDate","format","push","catch","error","console","log","finally","time","doc","JSPDF","autoTable","theme","headStyles","fillColor","textColor","alternateRowStyles","html","align","save","ppeSheet","XLSX","utils","json_to_sheet","ppeWorkBook","book_new","book_append_sheet","writeFile","formattedData","fileHeaders","itemName","itemCount","replace","ExportToCSVFile","mounted","component","persistent","width","showModal","title","_t","props","String","default","subTitle","Number","Boolean","closeModal","openModal","convertToCSV","objectArray","JsonData","_typeof","JSON","parse","csvString","i","line","index","fileTitle","unshift","jsonObject","stringify","csvData","exportedFilename","blob","Blob","navigator","msSaveBlob","link","document","createElement","undefined","download","url","URL","createObjectURL","setAttribute","style","visibility","body","appendChild","click","removeChild"],"mappings":"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","file":"js/chunk-2c98360a.a5ecec48.js","sourcesContent":["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!./PPE.vue?vue&type=style&index=0&id=028ec7cc&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-app',{},[_c('div',[_c('v-alert',{staticClass:\"alert\",class:{'alert-error':_vm.alertType=='error', 'alert-success':_vm.alertType=='success'},attrs:{\"border\":\"left\",\"dark\":\"\",\"dismissible\":\"\"},model:{value:(_vm.alert),callback:function ($$v) {_vm.alert=$$v},expression:\"alert\"}},[_vm._v(\" \"+_vm._s(_vm.alertMessage)+\" \")])],1),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-10 ml-auto mr-auto\"},[_c('v-container',[_c('div',{staticClass:\"mb-8 mt-8 text-center\"},[_c('h1',[_vm._v(\"PPE Requests\")])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-8 d-flex justify-start\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-4\"}),_c('div',{staticClass:\"col-md-4\"})])]),_c('div',{staticClass:\"col-md-4\"},[_c('div',{staticClass:\"export-container\"},[_c('SelectField',{attrs:{\"items\":_vm.downloadFormat,\"label\":'Download Format',\"itemText\":'name',\"itemValue\":'id',\"returnObject\":true},on:{\"input\":_vm.onSelectedFormat},model:{value:(_vm.formData.selectedFormat),callback:function ($$v) {_vm.$set(_vm.formData, \"selectedFormat\", $$v)},expression:\"formData.selectedFormat\"}}),_c('Button',{staticClass:\"mr-2\",attrs:{\"btnType\":'Submit',\"isLoading\":_vm.isDownloading,\"label\":'Export'},on:{\"onClick\":_vm.onDownload}})],1)])]),_c('v-data-table',{attrs:{\"headers\":_vm.headers,\"items\":_vm.ppeRecords}}),(_vm.loadingData)?_c('div',{staticClass:\"text-center\"},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"primary\"}})],1):_vm._e(),_c('table',{attrs:{\"hidden\":\"\",\"id\":\"ppeRequestTable\"}},[_c('thead',[_c('tr',[_c('th',[_vm._v(\"Personnel Name\")]),_c('th',[_vm._v(\"Location\")]),_c('th',[_vm._v(\"Job Title\")]),_c('th',[_vm._v(\"Employer\")]),_c('th',[_vm._v(\"PPE Items\")]),_c('th',[_vm._v(\"Request Date\")]),_c('th',[_vm._v(\"Status\")])])]),_c('tbody',_vm._l((_vm.ppeRecords),function(item){return _c('tr',{key:item.requestId},[_c('td',[_vm._v(\" \"+_vm._s(item.personnelName)+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(item.location)+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(item.jobTitle)+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(item.contractEmployerName)+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(item.items)+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(item.date)+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(item.status)+\" \")])])}),0)]),_c('Dialog',{ref:\"deleteModal\",attrs:{\"title\":'Are you sure you want to delete',\"width\":400},scopedSlots:_vm._u([{key:\"footer\",fn:function(){return [_c('Button',{staticClass:\"mr-2\",attrs:{\"btnType\":'Submit',\"label\":'Yes'},on:{\"onClick\":_vm.deleteJobtitle}}),_c('Button',{attrs:{\"btnType\":'Cancel',\"label\":'No'},on:{\"onClick\":function($event){return _vm.cancel('deleteModal')}}})]},proxy:true}])})],1)],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n      <v-app class>\r\n        <div>\r\n          <v-alert\r\n      v-model=\"alert\"\r\n      border=\"left\"\r\n      dark\r\n      dismissible\r\n      class=\"alert\"\r\n      :class=\"{'alert-error':alertType=='error', 'alert-success':alertType=='success'}\"\r\n    >\r\n    {{alertMessage}}\r\n    </v-alert>\r\n        </div>\r\n        <div class=\"row\">\r\n          <div class=\"col-md-10 ml-auto mr-auto\">\r\n            <v-container>\r\n              <div class=\"mb-8 mt-8 text-center\">\r\n                <h1>PPE Requests</h1>\r\n              </div>\r\n              <div class=\"row\">\r\n                <div class=\"col-md-8 d-flex justify-start\">\r\n                  <div class=\"row\">\r\n                    <div class=\"col-md-4\">\r\n                      <!-- <TextField type=\"date\" :label=\"'From'\" /> -->\r\n                    </div>\r\n                    <div class=\"col-md-4\">\r\n                     <!-- <TextField type=\"date\" :label=\"'to'\" /> -->\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div class=\"col-md-4\">\r\n                  <div class=\"export-container\">\r\n                    <SelectField :items=\"downloadFormat\" v-model=\"formData.selectedFormat\" :label=\"'Download Format'\" :itemText=\"'name'\" :itemValue=\"'id'\" :returnObject=\"true\" @input=\"onSelectedFormat\" />\r\n                    <Button :btnType=\"'Submit'\" :isLoading=\"isDownloading\" :label=\"'Export'\" @onClick=\"onDownload\" class=\"mr-2\"/>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n             <v-data-table\r\n              :headers= 'headers'\r\n              :items=\"ppeRecords\"\r\n             >\r\n             </v-data-table>\r\n             <div v-if=\"loadingData\" class=\"text-center\">\r\n                <v-progress-circular\r\n                  indeterminate\r\n                  color=\"primary\"\r\n                ></v-progress-circular>\r\n             </div>\r\n             <table hidden id=\"ppeRequestTable\">\r\n                <thead>\r\n                    <tr>\r\n                      <th>Personnel Name</th>\r\n                      <th>Location</th>\r\n                      <th>Job Title</th>\r\n                      <th>Employer</th>\r\n                      <th>PPE Items</th>\r\n                      <th>Request Date</th>\r\n                      <th>Status</th>\r\n                    </tr>\r\n                  </thead>\r\n                  <tbody>\r\n                    <tr v-for=\"item in ppeRecords\" :key=\"item.requestId\">\r\n                      <td>\r\n                        {{item.personnelName}}\r\n                      </td>\r\n                      <td>\r\n                        {{item.location}}\r\n                      </td>\r\n                      <td>\r\n                        {{item.jobTitle}}\r\n                      </td>\r\n                      <td>\r\n                        {{item.contractEmployerName}}\r\n                      </td>\r\n                      <td>\r\n                        {{item.items}}\r\n                      </td>\r\n                      <td>\r\n                        {{item.date}}\r\n                      </td>\r\n                      <td>\r\n                        {{item.status}}\r\n                      </td>\r\n                    </tr>\r\n                  </tbody>\r\n              </table>\r\n\r\n              <!-- confirm delete modal  -->\r\n              <Dialog ref=\"deleteModal\" :title=\"'Are you sure you want to delete'\" :width=\"400\">\r\n                <template v-slot:footer>\r\n                  <Button :btnType=\"'Submit'\" :label=\"'Yes'\" @onClick=\"deleteJobtitle\" class=\"mr-2\"/>\r\n                  <Button :btnType=\"'Cancel'\" :label=\"'No'\" @onClick=\"cancel('deleteModal')\" />\r\n                </template>\r\n              </Dialog>\r\n            </v-container>\r\n          </div>\r\n        </div>\r\n      </v-app>\r\n</template>\r\n<script>\r\nimport SelectField from '@/components/ui/form/SelectField.vue'\r\n// import TextField from '@/components/ui/form/TextField.vue'\r\nimport Button from '@/components/ui/form/Button.vue'\r\nimport Dialog from '@/components/ui/Dialog.vue'\r\nimport { requestService } from '@/services'\r\nimport ExportToCSVFile from '@/utils/helper'\r\nimport moment from 'moment'\r\nimport XLSX from 'xlsx'\r\nimport JSPDF from 'jspdf'\r\nimport 'jspdf-autotable'\r\n// import { UPDATE_JOBTITLE, FETCH_EMPLOYEES, DELETE_JOBTITLE } from '@/store/action-type'\r\nexport default {\r\n  components: {\r\n    Button,\r\n    Dialog,\r\n    SelectField\r\n    // TextField\r\n  },\r\n  data () {\r\n    return {\r\n      search: '',\r\n      isDownloading: false,\r\n      loadingData: false,\r\n      formData: {\r\n        name: '',\r\n        id: ''\r\n      },\r\n      valid: false,\r\n      isSavingUser: false,\r\n      alertMessage: '',\r\n      alert: false,\r\n      alertType: '',\r\n      ppeRecords: [],\r\n      excelExportRecords: [],\r\n      headers: [\r\n        {\r\n          text: 'Personnel Name',\r\n          value: 'personnelName'\r\n        },\r\n        {\r\n          text: 'Location',\r\n          value: 'location'\r\n        },\r\n        {\r\n          text: 'Job Title',\r\n          value: 'jobTitle'\r\n        },\r\n        {\r\n          text: 'Employer',\r\n          value: 'contractEmployerName'\r\n        },\r\n        {\r\n          text: 'PPE Items',\r\n          value: 'items'\r\n        },\r\n        {\r\n          text: 'Request Date',\r\n          value: 'date'\r\n        },\r\n        {\r\n          text: 'Status',\r\n          value: 'status'\r\n        }\r\n      ],\r\n      downloadFormat: [\r\n        {\r\n          name: 'Excel',\r\n          id: 'excel'\r\n        },\r\n        {\r\n          name: 'PDF',\r\n          id: 'pdf'\r\n        },\r\n        {\r\n          name: 'CSV',\r\n          id: 'csv'\r\n        }\r\n      ],\r\n      selectedFormat: ''\r\n    }\r\n  },\r\n  computed: {\r\n    // employees () {\r\n    //   return this.$store.getters.employees\r\n    // }\r\n  },\r\n  methods: {\r\n    addNew () {\r\n      // this.$router.push('/medical/add')\r\n    },\r\n    showAlertMessage (message, type) {\r\n      this.alertMessage = message\r\n      this.alert = true\r\n      this.alertType = type\r\n      setTimeout(() => { this.alert = false }, 5000)\r\n    },\r\n    openDeleteModal (item) {\r\n      this.$refs.deleteModal.toggleModal()\r\n      this.formData.name = item.name\r\n      this.formData.id = item.id\r\n    },\r\n    cancel (modal) {\r\n      if (modal === 'deleteModal') {\r\n        this.$refs.deleteModal.toggleModal()\r\n      }\r\n    },\r\n    onSelectedFormat (value) {\r\n      this.selectedFormat = value.id\r\n    },\r\n    getApprovedPPEItems () {\r\n      this.loadingData = true\r\n      requestService.getApprovedPPE().then(result => {\r\n        const data = result.data\r\n        const records = []\r\n        const excelRecords = []\r\n\r\n        data.forEach(item => {\r\n          const ppeItems = item.ppEs\r\n          let requestItems = ''\r\n\r\n          if (ppeItems.length > 0) {\r\n            ppeItems.forEach(ppe => {\r\n              if (requestItems !== '') requestItems += ', '\r\n\r\n              requestItems += `${ppe.ppeType.name} (${ppe.narration})`\r\n              const excelItem = {\r\n                'Personnel Name': item.employeeName,\r\n                'Contract Employer': item.contractEmployerName,\r\n                'Request Date': moment(item.requestDate).format('DD-MMM-yyyy'),\r\n                'Status': item.status,\r\n                'Location': item.location,\r\n                'Job Title': item.jobTitle,\r\n                'Item Name': ppe.ppeType.name,\r\n                'Item Count': ppe.narration\r\n              }\r\n\r\n              excelRecords.push(excelItem)\r\n            })\r\n          } else {\r\n            const excelItem = {\r\n              'Personnel Name': item.employeeName,\r\n              'Contract Employer': item.contractEmployerName,\r\n              'Request Date': moment(item.requestDate).format('DD-MMM-yyyy'),\r\n              'Status': item.status,\r\n              'Location': item.location,\r\n              'Job Title': item.jobTitle,\r\n              'Item Name': '',\r\n              'Item Count': 0\r\n            }\r\n\r\n            excelRecords.push(excelItem)\r\n          }\r\n\r\n          records.push({\r\n            personnelName: item.employeeName,\r\n            contractEmployerName: item.contractEmployerName,\r\n            date: moment(item.requestDate).format('DD-MMM-yyyy'),\r\n            status: item.status,\r\n            location: item.location,\r\n            jobTitle: item.jobTitle,\r\n            items: requestItems\r\n          })\r\n        })\r\n\r\n        this.ppeRecords = records\r\n        this.excelExportRecords = excelRecords\r\n      }).catch(error => {\r\n        console.log(error)\r\n      }).finally(() => {\r\n        this.loadingData = false\r\n      })\r\n    },\r\n    onDownload () {\r\n      if (this.selectedFormat !== '') {\r\n        try {\r\n          this.isDownloading = true\r\n          const time = moment().format()\r\n          switch (this.selectedFormat) {\r\n            case 'pdf':\r\n              const doc = new JSPDF('landscape')\r\n              doc.autoTable({\r\n                theme: 'striped',\r\n                headStyles: { fillColor: '#0B2D71', textColor: '#fff' },\r\n                alternateRowStyles: { fillColor: '#F3F4F8' },\r\n                html: '#ppeRequestTable'\r\n              })\r\n\r\n              doc.text('PPE Requests - CMMS', 150, 10, { align: 'center' })\r\n              // doc.text('L - Leave', 150, 200, { align: 'center' })\r\n              doc.save(`ApprovedPPE_${time}.pdf`)\r\n              this.isDownloading = false\r\n              break\r\n            case 'excel':\r\n              var ppeSheet = XLSX.utils.json_to_sheet(this.excelExportRecords)\r\n              var ppeWorkBook = XLSX.utils.book_new()\r\n              XLSX.utils.book_append_sheet(ppeWorkBook, ppeSheet, 'ApprovedPpe')\r\n              XLSX.writeFile(ppeWorkBook, `PpeRequest${time}.xlsx`)\r\n              this.isDownloading = false\r\n              break\r\n            case 'csv':\r\n              const formattedData = []\r\n              const fileHeaders = {\r\n                personnelName: 'Personnel Name',\r\n                location: 'Location',\r\n                jobTitle: 'Job Title',\r\n                contractEmployerName: 'Employer',\r\n                itemName: 'Item Name',\r\n                itemCount: 'Item Count',\r\n                date: 'Request Date',\r\n                status: 'Status'\r\n              }\r\n\r\n              this.excelExportRecords.forEach(item => {\r\n                formattedData.push({\r\n                  personnelName: item['Personnel Name'].replace(/,/g, ''),\r\n                  location: item['Location'].replace(/,/g, ''),\r\n                  jobTitle: item['Job Title'].replace(/,/g, ''),\r\n                  contractEmployerName: item['Contract Employer'].replace(/,/g, ''),\r\n                  itemName: item['Item Name'].replace(/,/g, ''),\r\n                  itemCount: item['Item Count'],\r\n                  date: item['Request Date'],\r\n                  status: item['Status']\r\n                })\r\n              })\r\n\r\n              ExportToCSVFile(fileHeaders, formattedData, `PpeRequest_${time}`)\r\n              this.isDownloading = false\r\n              break\r\n            default:\r\n              break\r\n          }\r\n        } catch (error) {\r\n          console.error(error)\r\n          this.isDownloading = false\r\n        }\r\n      }\r\n    }\r\n  },\r\n  mounted () {\r\n    this.getApprovedPPEItems()\r\n  }\r\n}\r\n</script>\r\n<style scoped>\r\n.export-container {\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: flex-end;\r\n}\r\n.search-btn {\r\n  background-color: #e6e3e3;\r\n  height: 40px;\r\n  border-radius: 3px !important;\r\n}\r\n.row-pointer >>> tbody tr :hover {\r\n  cursor: pointer;\r\n}\r\n.alert {\r\n  position: fixed;\r\n  z-index: 9999;\r\n  top: 5px;\r\n  min-width: 50%;\r\n}\r\n.alert-success {\r\n  color: #155724;\r\n  background-color: #d4edda;\r\n  border-color: #c3e6cb;\r\n}\r\n.alert-error {\r\n  color: #721c24;\r\n  background-color: #f8d7da;\r\n  border-color: #f5c6cb;\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/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PPE.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/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PPE.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PPE.vue?vue&type=template&id=028ec7cc&scoped=true\"\nimport script from \"./PPE.vue?vue&type=script&lang=js\"\nexport * from \"./PPE.vue?vue&type=script&lang=js\"\nimport style0 from \"./PPE.vue?vue&type=style&index=0&id=028ec7cc&prod&scoped=true&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  \"028ec7cc\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-row',{attrs:{\"justify\":\"center\"}},[_c('v-dialog',{attrs:{\"persistent\":_vm.persistent,\"max-width\":_vm.width},model:{value:(_vm.showModal),callback:function ($$v) {_vm.showModal=$$v},expression:\"showModal\"}},[_c('v-card',[_c('v-card-title',{staticClass:\"headline text-center\"},[_c('h3',{staticClass:\"mt-2 mb-0\"},[_vm._v(_vm._s(_vm.title))])]),_c('v-divider'),_c('v-container',[_c('v-card-text',[_vm._t(\"default\")],2),_c('v-card-actions',{staticClass:\"d-flex justify-content-end\"},[_c('v-spacer'),_vm._t(\"footer\")],2)],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-row justify=\"center\">\r\n    <v-dialog v-model=\"showModal\" :persistent=\"persistent\" :max-width=\"width\">\r\n      <v-card>\r\n        <v-card-title class=\"headline text-center\">\r\n          <h3 class=\"mt-2 mb-0\">{{title}}</h3>\r\n        </v-card-title>\r\n         <v-divider></v-divider>\r\n        <v-container>\r\n          <v-card-text>\r\n          <slot></slot>\r\n        </v-card-text>\r\n\r\n        <v-card-actions class=\"d-flex justify-content-end\">\r\n          <v-spacer></v-spacer>\r\n<slot name=\"footer\"></slot>\r\n\r\n        </v-card-actions>\r\n        </v-container>\r\n      </v-card>\r\n    </v-dialog>\r\n  </v-row>\r\n</template>\r\n<script>\r\nexport default {\r\n  props: {\r\n    title: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    subTitle: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    width: {\r\n      type: Number,\r\n      default: 300\r\n    },\r\n    persistent: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      showModal: false\r\n    }\r\n  },\r\n  methods: {\r\n    closeModal () {\r\n      this.showModal = false\r\n    },\r\n    openModal () {\r\n      this.showModal = true\r\n    },\r\n    toggleModal () {\r\n      this.showModal = !this.showModal\r\n    }\r\n  }\r\n}\r\n</script>\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/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Dialog.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/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Dialog.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Dialog.vue?vue&type=template&id=3c4325c8\"\nimport script from \"./Dialog.vue?vue&type=script&lang=js\"\nexport * from \"./Dialog.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","const convertToCSV = (objectArray) => {\r\n  const JsonData = typeof objectArray !== 'object' ? JSON.parse(objectArray) : objectArray\r\n  let csvString = ''\r\n\r\n  for (var i = 0; i < JsonData.length; i++) {\r\n    let line = ''\r\n    for (var index in JsonData[i]) {\r\n      if (line !== '') line += ','\r\n\r\n      line += JsonData[i][index]\r\n    }\r\n\r\n    csvString += line + '\\r\\n'\r\n  }\r\n\r\n  return csvString\r\n}\r\n\r\nconst ExportToCSVFile = (headers, items, fileTitle) => {\r\n  if (headers) {\r\n    items.unshift(headers)\r\n\r\n    const jsonObject = JSON.stringify(items)\r\n    const csvData = convertToCSV(jsonObject)\r\n    const exportedFilename = `${fileTitle}.csv`\r\n    const blob = new Blob([csvData], { type: 'text/csv;charset=utf-8' })\r\n    if (navigator.msSaveBlob) {\r\n      navigator.msSaveBlob(blob, exportedFilename)\r\n    } else {\r\n      const link = document.createElement('a')\r\n      if (link.download !== undefined) {\r\n        const url = URL.createObjectURL(blob)\r\n        link.setAttribute('href', url)\r\n        link.setAttribute('download', exportedFilename)\r\n        link.style.visibility = 'hidden'\r\n        document.body.appendChild(link)\r\n        link.click()\r\n        document.body.removeChild(link)\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\nexport default ExportToCSVFile\r\n"],"sourceRoot":""}