{"version":3,"sources":["webpack:///./src/views/reports/Training.vue","webpack:///src/views/reports/Training.vue","webpack:///./src/views/reports/Training.vue?b7d9","webpack:///./src/views/reports/Training.vue?913d","webpack:///./src/views/reports/Training.vue?1cfa","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","trainingRecords","loadingData","_e","_l","training","key","requestId","personnelName","name","amount","startDate","endDate","days","date","status","ref","scopedSlots","_u","fn","deleteJobtitle","$event","cancel","proxy","staticRenderFns","components","SelectField","Button","Dialog","data","search","id","valid","isSavingUser","text","computed","methods","addNew","showAlertMessage","message","type","_this","setTimeout","openDeleteModal","item","$refs","deleteModal","toggleModal","modal","time","moment","format","doc","JSPDF","autoTable","theme","headStyles","fillColor","textColor","alternateRowStyles","html","align","save","concat","trainingSheet","XLSX","utils","json_to_sheet","trainingWorkBook","book_new","book_append_sheet","writeFile","formattedData","fileHeaders","trainingName","resumptionDate","requestDate","forEach","push","replace","ExportToCSVFile","formatAmount","toString","mounted","_this2","requestService","getApprovedTraining","then","result","records","request","employee","requestType","firstName","lastName","leaveDays","dateAdded","catch","error","finally","component","persistent","width","showModal","title","_t","props","String","default","subTitle","Number","Boolean","closeModal","openModal","convertToCSV","objectArray","JsonData","_typeof","JSON","parse","csvString","i","length","line","index","items","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":"uIAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,QAAQ,GAAG,CAACA,EAAG,MAAM,CAACA,EAAG,UAAU,CAACE,YAAY,QAAQC,MAAM,CAAC,cAA6B,SAAfL,EAAIM,UAAoB,gBAA+B,WAAfN,EAAIM,WAAsBC,MAAM,CAAC,OAAS,OAAO,KAAO,GAAG,YAAc,IAAIC,MAAM,CAACC,MAAOT,EAAIU,MAAOC,SAAS,SAAUC,GAAMZ,EAAIU,MAAME,GAAKC,WAAW,UAAU,CAACb,EAAIc,GAAG,IAAId,EAAIe,GAAGf,EAAIgB,cAAc,QAAQ,GAAGd,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,6BAA6B,CAACF,EAAG,cAAc,CAACA,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACF,EAAG,KAAK,CAACF,EAAIc,GAAG,yBAAyBZ,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,kCAAkCF,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,cAAc,CAACK,MAAM,CAAC,MAAQP,EAAIiB,eAAe,MAAQ,kBAAkB,SAAW,OAAO,UAAY,KAAK,cAAe,GAAMC,GAAG,CAAC,MAAQlB,EAAImB,kBAAkBX,MAAM,CAACC,MAAOT,EAAIoB,SAASC,eAAgBV,SAAS,SAAUC,GAAMZ,EAAIsB,KAAKtB,EAAIoB,SAAU,iBAAkBR,IAAMC,WAAW,6BAA6BX,EAAG,SAAS,CAACE,YAAY,OAAOG,MAAM,CAAC,QAAU,SAAS,UAAYP,EAAIuB,cAAc,MAAQ,UAAUL,GAAG,CAAC,QAAUlB,EAAIwB,eAAe,OAAOtB,EAAG,eAAe,CAACK,MAAM,CAAC,QAAUP,EAAIyB,QAAQ,MAAQzB,EAAI0B,mBAAoB1B,EAAI2B,YAAazB,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,sBAAsB,CAACK,MAAM,CAAC,cAAgB,GAAG,MAAQ,cAAc,GAAGP,EAAI4B,KAAK1B,EAAG,QAAQ,CAACK,MAAM,CAAC,OAAS,GAAG,GAAK,kBAAkB,CAACL,EAAG,QAAQ,CAACA,EAAG,KAAK,CAACA,EAAG,KAAK,CAACF,EAAIc,GAAG,oBAAoBZ,EAAG,KAAK,CAACF,EAAIc,GAAG,mBAAmBZ,EAAG,KAAK,CAACF,EAAIc,GAAG,YAAYZ,EAAG,KAAK,CAACF,EAAIc,GAAG,gBAAgBZ,EAAG,KAAK,CAACF,EAAIc,GAAG,qBAAqBZ,EAAG,KAAK,CAACF,EAAIc,GAAG,iBAAiBZ,EAAG,KAAK,CAACF,EAAIc,GAAG,kBAAkBZ,EAAG,KAAK,CAACF,EAAIc,GAAG,kBAAkBZ,EAAG,QAAQF,EAAI6B,GAAI7B,EAAI0B,iBAAiB,SAASI,GAAU,OAAO5B,EAAG,KAAK,CAAC6B,IAAID,EAASE,WAAW,CAAC9B,EAAG,KAAK,CAACF,EAAIc,GAAG,IAAId,EAAIe,GAAGe,EAASG,eAAe,OAAO/B,EAAG,KAAK,CAACF,EAAIc,GAAG,IAAId,EAAIe,GAAGe,EAASI,MAAM,OAAOhC,EAAG,KAAK,CAACF,EAAIc,GAAG,IAAId,EAAIe,GAAGe,EAASK,QAAQ,OAAOjC,EAAG,KAAK,CAACF,EAAIc,GAAG,IAAId,EAAIe,GAAGe,EAASM,WAAW,OAAOlC,EAAG,KAAK,CAACF,EAAIc,GAAG,IAAId,EAAIe,GAAGe,EAASO,SAAS,OAAOnC,EAAG,KAAK,CAACF,EAAIc,GAAG,IAAId,EAAIe,GAAGe,EAASQ,MAAM,OAAOpC,EAAG,KAAK,CAACF,EAAIc,GAAG,IAAId,EAAIe,GAAGe,EAASS,MAAM,OAAOrC,EAAG,KAAK,CAACF,EAAIc,GAAG,IAAId,EAAIe,GAAGe,EAASU,QAAQ,YAAW,KAAKtC,EAAG,SAAS,CAACuC,IAAI,cAAclC,MAAM,CAAC,MAAQ,kCAAkC,MAAQ,KAAKmC,YAAY1C,EAAI2C,GAAG,CAAC,CAACZ,IAAI,SAASa,GAAG,WAAW,MAAO,CAAC1C,EAAG,SAAS,CAACE,YAAY,OAAOG,MAAM,CAAC,QAAU,SAAS,MAAQ,OAAOW,GAAG,CAAC,QAAUlB,EAAI6C,kBAAkB3C,EAAG,SAAS,CAACK,MAAM,CAAC,QAAU,SAAS,MAAQ,MAAMW,GAAG,CAAC,QAAU,SAAS4B,GAAQ,OAAO9C,EAAI+C,OAAO,qBAAqBC,OAAM,QAAW,IAAI,QAElpFC,EAAkB,G,qMCiHP,G,UAAA,CACfC,WAAA,CACAC,mBACAC,cACAC,eAGAC,KAAA,WACA,OACA3B,aAAA,EACAJ,eAAA,EACAgC,OAAA,GACAnC,SAAA,CACAc,KAAA,GACAsB,GAAA,IAEAC,OAAA,EACAC,cAAA,EACA1C,aAAA,GACAN,OAAA,EACAJ,UAAA,GACAoB,gBAAA,GACAD,QAAA,CACA,CACAkC,KAAA,iBACAlD,MAAA,iBAEA,CACAkD,KAAA,gBACAlD,MAAA,QAEA,CACAkD,KAAA,SACAlD,MAAA,UAEA,CACAkD,KAAA,aACAlD,MAAA,aAEA,CACAkD,KAAA,kBACAlD,MAAA,WAEA,CACAkD,KAAA,cACAlD,MAAA,QAEA,CACAkD,KAAA,eACAlD,MAAA,QAEA,CACAkD,KAAA,SACAlD,MAAA,WAGAQ,eAAA,CACA,CACAiB,KAAA,QACAsB,GAAA,SAEA,CACAtB,KAAA,MACAsB,GAAA,OAEA,CACAtB,KAAA,MACAsB,GAAA,QAGAnC,eAAA,KAGAuC,SAAA,GAKAC,QAAA,CACAC,OAAA,aAGAC,iBAAA,SAAAC,EAAAC,GAAA,IAAAC,EAAA,KACA,KAAAlD,aAAAgD,EACA,KAAAtD,OAAA,EACA,KAAAJ,UAAA2D,EACAE,YAAA,WAAAD,EAAAxD,OAAA,UAEA0D,gBAAA,SAAAC,GACA,KAAAC,MAAAC,YAAAC,cACA,KAAApD,SAAAc,KAAAmC,EAAAnC,KACA,KAAAd,SAAAoC,GAAAa,EAAAb,IAEAX,eAAA,aASAE,OAAA,SAAA0B,GACA,gBAAAA,GACA,KAAAH,MAAAC,YAAAC,eAGArD,iBAAA,SAAAV,GACA,KAAAY,eAAAZ,EAAA+C,IAEAhC,WAAA,WACA,aAAAH,eAAA,CACA,KAAAE,eAAA,EACA,IAAAmD,EAAAC,MAAAC,SACA,YAAAvD,gBACA,UACA,IAAAwD,EAAA,IAAAC,aAAA,aACAD,EAAAE,UAAA,CACAC,MAAA,UACAC,WAAA,CAAAC,UAAA,UAAAC,UAAA,QACAC,mBAAA,CAAAF,UAAA,WACAG,KAAA,mBAGAR,EAAAlB,KAAA,mCAAA2B,MAAA,WAEAT,EAAAU,KAAA,oBAAAC,OAAAd,EAAA,SACA,KAAAnD,eAAA,EACA,MACA,YACA,IAAAkE,EAAAC,aAAAC,MAAAC,cAAA,KAAAlE,iBACAmE,EAAAH,aAAAC,MAAAG,WACAJ,aAAAC,MAAAI,kBAAAF,EAAAJ,EAAA,oBACAC,aAAAM,UAAAH,EAAA,oBAAAL,OAAAd,EAAA,UACA,KAAAnD,eAAA,EACA,MACA,UACA,IAAA0E,EAAA,GACAC,EAAA,CACAjE,cAAA,iBACAkE,aAAA,gBACAhE,OAAA,SACAC,UAAA,aACAgE,eAAA,kBACA9D,KAAA,aACA+D,YAAA,eACA7D,OAAA,UAEA,KAAAd,gBAAA4E,SAAA,SAAAjC,GACA4B,EAAAM,KAAA,CACAtE,cAAAoC,EAAApC,cAAAuE,QAAA,SACAtE,KAAAmC,EAAAnC,KAAAsE,QAAA,SACArE,OAAAkC,EAAAlC,OAAAqE,QAAA,SACApE,UAAAiC,EAAAjC,UAAAoE,QAAA,SACAnE,QAAAgC,EAAAhC,QACAC,KAAA+B,EAAA/B,KACAC,KAAA8B,EAAA9B,KACAC,OAAA,gBAIAiE,eAAAP,EAAAD,EAAA,oBAAAT,OAAAd,IACA,KAAAnD,eAAA,EACA,MACA,QACA,SAIAmF,aAAA,SAAAjG,GACA,OAAAA,EAAAkG,WAAAH,QAAA,mCAGAI,QAAA,eAAAC,EAAA,KACA,KAAAlF,aAAA,EACAmF,OAAAC,sBAAAC,MAAA,SAAAC,GACA,IAAA3D,EAAA2D,EAAA3D,KACA4D,EAAA,GACA5D,EAAAgD,SAAA,SAAAjC,GACA,IAAA8C,EAAA9C,EAAA8C,QACAC,EAAA/C,EAAA8C,QAAAC,SACAC,EAAAhD,EAAA8C,QAAAE,YACAH,EAAAX,KAAA,CACAtE,cAAA,GAAAuD,OAAA4B,EAAAE,UAAA,MAAA9B,OAAA4B,EAAAG,UACArF,KAAAmF,EAAAnF,KACAC,OAAA0E,EAAAH,aAAArC,EAAAlC,QACAC,UAAAuC,IAAAwC,EAAA/E,WAAAwC,OAAA,eACAvC,QAAAsC,IAAAwC,EAAAf,gBAAAxB,OAAA,eACAtC,KAAA6E,EAAAK,UACAjF,KAAAoC,IAAAwC,EAAAM,WAAA7C,OAAA,eACApC,OAAA,gBAGAqE,EAAAnF,gBAAAwF,KACAQ,OAAA,SAAAC,GACAd,EAAA7F,aAAA2G,EAAA3D,QAAA,YACA4D,SAAA,WACAf,EAAAlF,aAAA,QCxTgW,I,wBCQ5VkG,EAAY,eACd,EACA9H,EACAkD,GACA,EACA,KACA,WACA,MAIa,aAAA4E,E,6CCnBf,W,kCCAA,IAAI9H,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,QAAQ,CAACK,MAAM,CAAC,QAAU,WAAW,CAACL,EAAG,WAAW,CAACK,MAAM,CAAC,WAAaP,EAAI8H,WAAW,YAAY9H,EAAI+H,OAAOvH,MAAM,CAACC,MAAOT,EAAIgI,UAAWrH,SAAS,SAAUC,GAAMZ,EAAIgI,UAAUpH,GAAKC,WAAW,cAAc,CAACX,EAAG,SAAS,CAACA,EAAG,eAAe,CAACE,YAAY,wBAAwB,CAACF,EAAG,KAAK,CAACE,YAAY,aAAa,CAACJ,EAAIc,GAAGd,EAAIe,GAAGf,EAAIiI,YAAY/H,EAAG,aAAaA,EAAG,cAAc,CAACA,EAAG,cAAc,CAACF,EAAIkI,GAAG,YAAY,GAAGhI,EAAG,iBAAiB,CAACE,YAAY,8BAA8B,CAACF,EAAG,YAAYF,EAAIkI,GAAG,WAAW,IAAI,IAAI,IAAI,IAAI,IAErlBjF,EAAkB,GCsBP,G,UAAA,CACfkF,MAAA,CACAF,MAAA,CACAhE,KAAAmE,OACAC,QAAA,IAEAC,SAAA,CACArE,KAAAmE,OACAC,QAAA,IAEAN,MAAA,CACA9D,KAAAsE,OACAF,QAAA,KAEAP,WAAA,CACA7D,KAAAuE,QACAH,SAAA,IAGA/E,KAAA,WACA,OACA0E,WAAA,IAGAnE,QAAA,CACA4E,WAAA,WACA,KAAAT,WAAA,GAEAU,UAAA,WACA,KAAAV,WAAA,GAEAxD,YAAA,WACA,KAAAwD,WAAA,KAAAA,cCxD8V,I,YCO1VH,EAAY,eACd,EACA9H,EACAkD,GACA,EACA,KACA,KACA,MAIa,OAAA4E,E,2DClBTc,G,8GAAe,SAACC,GAIpB,IAHA,IAAMC,EAAkC,WAAvBC,eAAOF,GAA2BG,KAAKC,MAAMJ,GAAeA,EACzEK,EAAY,GAEPC,EAAI,EAAGA,EAAIL,EAASM,OAAQD,IAAK,CACxC,IAAIE,EAAO,GACX,IAAK,IAAIC,KAASR,EAASK,GACZ,KAATE,IAAaA,GAAQ,KAEzBA,GAAQP,EAASK,GAAGG,GAGtBJ,GAAaG,EAAO,OAGtB,OAAOH,IAGHxC,EAAkB,SAAChF,EAAS6H,EAAOC,GACvC,GAAI9H,EAAS,CACX6H,EAAME,QAAQ/H,GAEd,IAAMgI,EAAaV,KAAKW,UAAUJ,GAC5BK,EAAUhB,EAAac,GACvBG,EAAmB,GAAHpE,OAAM+D,EAAS,QAC/BM,EAAO,IAAIC,KAAK,CAACH,GAAU,CAAE1F,KAAM,2BACzC,GAAI8F,UAAUC,WACZD,UAAUC,WAAWH,EAAMD,OACtB,CACL,IAAMK,EAAOC,SAASC,cAAc,KACpC,QAAsBC,IAAlBH,EAAKI,SAAwB,CAC/B,IAAMC,EAAMC,IAAIC,gBAAgBX,GAChCI,EAAKQ,aAAa,OAAQH,GAC1BL,EAAKQ,aAAa,WAAYb,GAC9BK,EAAKS,MAAMC,WAAa,SACxBT,SAASU,KAAKC,YAAYZ,GAC1BA,EAAKa,QACLZ,SAASU,KAAKG,YAAYd,OAMnBxD,U","file":"js/chunk-7b0c3b0c.24bc3923.js","sourcesContent":["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(\"Training Requests\")])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-8 d-flex justify-start\"}),_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.trainingRecords}}),(_vm.loadingData)?_c('div',{staticClass:\"text-center\"},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"primary\"}})],1):_vm._e(),_c('table',{attrs:{\"hidden\":\"\",\"id\":\"trainingTable\"}},[_c('thead',[_c('tr',[_c('th',[_vm._v(\"Personnel Name\")]),_c('th',[_vm._v(\"Training Name\")]),_c('th',[_vm._v(\"Amount\")]),_c('th',[_vm._v(\"Start Date\")]),_c('th',[_vm._v(\"Resumption Date\")]),_c('th',[_vm._v(\"No. of Days\")]),_c('th',[_vm._v(\"Reqeust Date\")]),_c('th',[_vm._v(\"Approved\")])])]),_c('tbody',_vm._l((_vm.trainingRecords),function(training){return _c('tr',{key:training.requestId},[_c('td',[_vm._v(\" \"+_vm._s(training.personnelName)+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(training.name)+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(training.amount)+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(training.startDate)+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(training.endDate)+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(training.days)+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(training.date)+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(training.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>Training 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=\"trainingRecords\"\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=\"trainingTable\">\r\n                <thead>\r\n                  <tr>\r\n                    <th>Personnel Name</th>\r\n                    <th>Training Name</th>\r\n                    <th>Amount</th>\r\n                    <th>Start Date</th>\r\n                    <th>Resumption Date</th>\r\n                    <th>No. of Days</th>\r\n                    <th>Reqeust Date</th>\r\n                    <th>Approved</th>\r\n                  </tr>\r\n                </thead>\r\n                <tbody>\r\n                  <tr v-for=\"training in trainingRecords\" :key=\"training.requestId\">\r\n                    <td>\r\n                      {{training.personnelName}}\r\n                    </td>\r\n                    <td>\r\n                      {{training.name}}\r\n                    </td>\r\n                    <td>\r\n                      {{training.amount}}\r\n                    </td>\r\n                    <td>\r\n                      {{training.startDate}}\r\n                    </td>\r\n                    <td>\r\n                      {{training.endDate}}\r\n                    </td>\r\n                    <td>\r\n                      {{training.days}}\r\n                    </td>\r\n                    <td>\r\n                      {{training.date}}\r\n                    </td>\r\n                    <td>\r\n                      {{training.status}}\r\n                    </td>\r\n                  </tr>\r\n                </tbody>\r\n              </table>\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\n// import TextField from '@/components/ui/form/TextField.vue'\r\nimport SelectField from '@/components/ui/form/SelectField.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    SelectField,\r\n    Button,\r\n    Dialog\r\n    // TextField\r\n  },\r\n  data () {\r\n    return {\r\n      loadingData: false,\r\n      isDownloading: false,\r\n      search: '',\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      trainingRecords: [],\r\n      headers: [\r\n        {\r\n          text: 'Personnel Name',\r\n          value: 'personnelName'\r\n        },\r\n        {\r\n          text: 'Training Name',\r\n          value: 'name'\r\n        },\r\n        {\r\n          text: 'Amount',\r\n          value: 'amount'\r\n        },\r\n        {\r\n          text: 'Start Date',\r\n          value: 'startDate'\r\n        },\r\n        {\r\n          text: 'Resumption Date',\r\n          value: 'endDate'\r\n        },\r\n        {\r\n          text: 'No. of Days',\r\n          value: 'days'\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    deleteJobtitle () {\r\n      // this.$store.dispatch(DELETE_JOBTITLE, this.formData).then((result) => {\r\n      //   this.showAlertMessage('Jobtitle deleted successfully', 'success')\r\n      //   // TODO remove this console.log\r\n      // }).catch(error => {\r\n      //   console.log(error.message)\r\n      //   // TODO please put an alert component here\r\n      // })\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    onDownload () {\r\n      if (this.selectedFormat !== '') {\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: '#trainingTable'\r\n            })\r\n\r\n            doc.text('Approved Training - CMMS', 150, 10, { align: 'center' })\r\n            // doc.text('L - Leave', 150, 200, { align: 'center' })\r\n            doc.save(`ApprovedTraining_${time}.pdf`)\r\n            this.isDownloading = false\r\n            break\r\n          case 'excel':\r\n            var trainingSheet = XLSX.utils.json_to_sheet(this.trainingRecords)\r\n            var trainingWorkBook = XLSX.utils.book_new()\r\n            XLSX.utils.book_append_sheet(trainingWorkBook, trainingSheet, 'ApprovedTraining')\r\n            XLSX.writeFile(trainingWorkBook, `ApprovedTraining_${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              trainingName: 'Training Name',\r\n              amount: 'Amount',\r\n              startDate: 'Start Date',\r\n              resumptionDate: 'Resumption Date',\r\n              days: 'No of Days',\r\n              requestDate: 'Request Date',\r\n              status: 'Status'\r\n            }\r\n            this.trainingRecords.forEach(item => {\r\n              formattedData.push({\r\n                personnelName: item.personnelName.replace(/,/g, ''),\r\n                name: item.name.replace(/,/g, ''),\r\n                amount: item.amount.replace(/,/g, ''),\r\n                startDate: item.startDate.replace(/,/g, ''),\r\n                endDate: item.endDate,\r\n                days: item.days,\r\n                date: item.date,\r\n                status: 'Approved'\r\n              })\r\n            })\r\n\r\n            ExportToCSVFile(fileHeaders, formattedData, `ApprovedTraining_${time}`)\r\n            this.isDownloading = false\r\n            break\r\n          default:\r\n            break\r\n        }\r\n      }\r\n    },\r\n    formatAmount (value) {\r\n      return value.toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,')\r\n    }\r\n  },\r\n  mounted () {\r\n    this.loadingData = true\r\n    requestService.getApprovedTraining().then(result => {\r\n      const data = result.data\r\n      const records = []\r\n      data.forEach(item => {\r\n        const request = item.request\r\n        const employee = item.request.employee\r\n        const requestType = item.request.requestType\r\n        records.push({\r\n          personnelName: `${employee.firstName}, ${employee.lastName}`,\r\n          name: requestType.name,\r\n          amount: this.formatAmount(item.amount),\r\n          startDate: moment(request.startDate).format('DD-MMM-yyyy'),\r\n          endDate: moment(request.resumptionDate).format('DD-MMM-yyyy'),\r\n          days: request.leaveDays,\r\n          date: moment(request.dateAdded).format('DD-MMM-yyyy'),\r\n          status: 'Approved'\r\n        })\r\n      })\r\n      this.trainingRecords = records\r\n    }).catch((error) => {\r\n      this.alertMessage(error.message, 'error')\r\n    }).finally(() => {\r\n      this.loadingData = false\r\n    })\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!./Training.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!./Training.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Training.vue?vue&type=template&id=2e8b6a99&scoped=true\"\nimport script from \"./Training.vue?vue&type=script&lang=js\"\nexport * from \"./Training.vue?vue&type=script&lang=js\"\nimport style0 from \"./Training.vue?vue&type=style&index=0&id=2e8b6a99&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  \"2e8b6a99\",\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!./Training.vue?vue&type=style&index=0&id=2e8b6a99&prod&scoped=true&lang=css\"","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":""}