{"version":3,"sources":["webpack:///./src/views/reports/Allowance.vue?ed22","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","webpack:///./src/views/reports/Allowance.vue","webpack:///src/views/reports/Allowance.vue","webpack:///./src/views/reports/Allowance.vue?d877","webpack:///./src/views/reports/Allowance.vue?8e0a"],"names":["render","_vm","this","_c","_self","attrs","persistent","width","model","value","showModal","callback","$$v","expression","staticClass","_v","_s","title","_t","staticRenderFns","props","type","String","default","subTitle","Number","Boolean","data","methods","closeModal","openModal","toggleModal","component","convertToCSV","objectArray","JsonData","_typeof","JSON","parse","csvString","i","length","line","index","ExportToCSVFile","headers","items","fileTitle","unshift","jsonObject","stringify","csvData","exportedFilename","concat","blob","Blob","navigator","msSaveBlob","link","document","createElement","undefined","download","url","URL","createObjectURL","setAttribute","style","visibility","body","appendChild","click","removeChild","class","alertType","alert","alertMessage","salaryPeriods","on","changeSalaryPeriod","formData","salaryPeriod","$set","paymentStatus","changePaymentStatus","payment","refPayment","isSubmit","onSubmit","contractEmployers","contractEmployerChange","contractEmployerId","downloadFormat","onSelectedFormat","selectedFormat","isDownloading","onDownload","loadingData","_e","filteredAllowanceRecords","_l","item","key","requestId","employeeName","cai","email","employer","allowance","salaryPeriodDescription","frequency","total","paymentBatchNumber","ref","scopedSlots","_u","fn","deleteJobtitle","$event","cancel","proxy","components","SelectField","Button","Dialog","TextField","search","name","id","valid","isSavingUser","allowanceRecords","text","computed","addNew","showAlertMessage","message","_this","setTimeout","openDeleteModal","$refs","deleteModal","modal","_this2","SalaryPeriodId","PaymentStatus","PaymentReference","requestService","getApprovedAllowance","then","result","forEach","requestItems","requestInfo","requestDetails","request","isNaN","requestDate","moment","format","push","contractEmployerName","employerId","summary","catch","error","finally","time","doc","JSPDF","autoTable","theme","headStyles","fillColor","textColor","alternateRowStyles","html","align","save","allowanceSheet","XLSX","json_to_sheet","allowanceWorkBook","book_new","book_append_sheet","formattedData","fileHeaders","approvalStatus","replace","formatAmount","toString","salaryPeriodId","paymentStatusId","_this3","comment","isLoading","searchRecords","filter","mounted","_this4","salaryPeriodService","getAllSalaryPeriod","contractEmployerService","getAllContractEmployers"],"mappings":"kHAAA,W,kCCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,QAAQ,CAACE,MAAM,CAAC,QAAU,WAAW,CAACF,EAAG,WAAW,CAACE,MAAM,CAAC,WAAaJ,EAAIK,WAAW,YAAYL,EAAIM,OAAOC,MAAM,CAACC,MAAOR,EAAIS,UAAWC,SAAS,SAAUC,GAAMX,EAAIS,UAAUE,GAAKC,WAAW,cAAc,CAACV,EAAG,SAAS,CAACA,EAAG,eAAe,CAACW,YAAY,wBAAwB,CAACX,EAAG,KAAK,CAACW,YAAY,aAAa,CAACb,EAAIc,GAAGd,EAAIe,GAAGf,EAAIgB,YAAYd,EAAG,aAAaA,EAAG,cAAc,CAACA,EAAG,cAAc,CAACF,EAAIiB,GAAG,YAAY,GAAGf,EAAG,iBAAiB,CAACW,YAAY,8BAA8B,CAACX,EAAG,YAAYF,EAAIiB,GAAG,WAAW,IAAI,IAAI,IAAI,IAAI,IAErlBC,EAAkB,GCsBP,G,UAAA,CACfC,MAAA,CACAH,MAAA,CACAI,KAAAC,OACAC,QAAA,IAEAC,SAAA,CACAH,KAAAC,OACAC,QAAA,IAEAhB,MAAA,CACAc,KAAAI,OACAF,QAAA,KAEAjB,WAAA,CACAe,KAAAK,QACAH,SAAA,IAGAI,KAAA,WACA,OACAjB,WAAA,IAGAkB,QAAA,CACAC,WAAA,WACA,KAAAnB,WAAA,GAEAoB,UAAA,WACA,KAAApB,WAAA,GAEAqB,YAAA,WACA,KAAArB,WAAA,KAAAA,cCxD8V,I,YCO1VsB,EAAY,eACd,EACAhC,EACAmB,GACA,EACA,KACA,KACA,MAIa,OAAAa,E,kFClBTC,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,IAGHK,EAAkB,SAACC,EAASC,EAAOC,GACvC,GAAIF,EAAS,CACXC,EAAME,QAAQH,GAEd,IAAMI,EAAaZ,KAAKa,UAAUJ,GAC5BK,EAAUlB,EAAagB,GACvBG,EAAmB,GAAHC,OAAMN,EAAS,QAC/BO,EAAO,IAAIC,KAAK,CAACJ,GAAU,CAAE9B,KAAM,2BACzC,GAAImC,UAAUC,WACZD,UAAUC,WAAWH,EAAMF,OACtB,CACL,IAAMM,EAAOC,SAASC,cAAc,KACpC,QAAsBC,IAAlBH,EAAKI,SAAwB,CAC/B,IAAMC,EAAMC,IAAIC,gBAAgBX,GAChCI,EAAKQ,aAAa,OAAQH,GAC1BL,EAAKQ,aAAa,WAAYd,GAC9BM,EAAKS,MAAMC,WAAa,SACxBT,SAASU,KAAKC,YAAYZ,GAC1BA,EAAKa,QACLZ,SAASU,KAAKG,YAAYd,OAMnBd,U,yCC3Cf,IAAI5C,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,QAAQ,GAAG,CAACA,EAAG,MAAM,CAACA,EAAG,UAAU,CAACW,YAAY,QAAQ2D,MAAM,CAAC,cAA6B,SAAfxE,EAAIyE,UAAoB,gBAA+B,WAAfzE,EAAIyE,WAAsBrE,MAAM,CAAC,OAAS,OAAO,KAAO,GAAG,YAAc,IAAIG,MAAM,CAACC,MAAOR,EAAI0E,MAAOhE,SAAS,SAAUC,GAAMX,EAAI0E,MAAM/D,GAAKC,WAAW,UAAU,CAACZ,EAAIc,GAAG,IAAId,EAAIe,GAAGf,EAAI2E,cAAc,QAAQ,GAAGzE,EAAG,MAAM,CAACW,YAAY,OAAO,CAACX,EAAG,MAAM,CAACW,YAAY,6BAA6B,CAACX,EAAG,cAAc,CAACA,EAAG,MAAM,CAACW,YAAY,yBAAyB,CAACX,EAAG,KAAK,CAACF,EAAIc,GAAG,kBAAkBZ,EAAG,MAAM,CAACW,YAAY,OAAO,CAACX,EAAG,MAAM,CAACW,YAAY,kCAAkC,CAACX,EAAG,MAAM,CAACW,YAAY,OAAO,CAACX,EAAG,MAAM,CAACW,YAAY,YAAY,CAACX,EAAG,cAAc,CAACE,MAAM,CAAC,MAAQJ,EAAI4E,cAAc,MAAQ,eAAe,SAAW,cAAc,UAAY,KAAK,cAAe,GAAMC,GAAG,CAAC,SAAW7E,EAAI8E,oBAAoBvE,MAAM,CAACC,MAAOR,EAAI+E,SAASC,aAActE,SAAS,SAAUC,GAAMX,EAAIiF,KAAKjF,EAAI+E,SAAU,eAAgBpE,IAAMC,WAAW,4BAA4B,GAAGV,EAAG,MAAM,CAACW,YAAY,YAAY,CAACX,EAAG,cAAc,CAACE,MAAM,CAAC,MAAQJ,EAAIkF,cAAc,MAAQ,iBAAiB,SAAW,OAAO,UAAY,KAAK,cAAe,GAAML,GAAG,CAAC,SAAW7E,EAAImF,qBAAqB5E,MAAM,CAACC,MAAOR,EAAIoF,QAAS1E,SAAS,SAAUC,GAAMX,EAAIoF,QAAQzE,GAAKC,WAAW,cAAc,GAAGV,EAAG,MAAM,CAACW,YAAY,YAAY,CAACX,EAAG,YAAY,CAACE,MAAM,CAAC,MAAQ,gBAAgBG,MAAM,CAACC,MAAOR,EAAIqF,WAAY3E,SAAS,SAAUC,GAAMX,EAAIqF,WAAW1E,GAAKC,WAAW,iBAAiB,GAAGV,EAAG,MAAM,CAACA,EAAG,SAAS,CAACW,YAAY,WAAWT,MAAM,CAAC,QAAU,SAAS,UAAYJ,EAAIsF,SAAS,MAAQ,UAAUT,GAAG,CAAC,QAAU7E,EAAIuF,aAAa,SAASrF,EAAG,MAAM,CAACW,YAAY,iCAAiC,CAACX,EAAG,MAAM,CAACW,YAAY,OAAO,CAACX,EAAG,MAAM,CAACW,YAAY,YAAY,CAACX,EAAG,iBAAiB,CAACE,MAAM,CAAC,MAAQJ,EAAIwF,kBAAkB,SAAW,GAAG,MAAQ,GAAG,YAAY,OAAO,MAAQ,sBAAsB,aAAa,MAAMX,GAAG,CAAC,OAAS7E,EAAIyF,wBAAwBlF,MAAM,CAACC,MAAOR,EAAI0F,mBAAoBhF,SAAS,SAAUC,GAAMX,EAAI0F,mBAAmB/E,GAAKC,WAAW,yBAAyB,GAAGV,EAAG,MAAM,CAACW,YAAY,6BAA6B,CAACX,EAAG,cAAc,CAACE,MAAM,CAAC,MAAQJ,EAAI2F,eAAe,MAAQ,kBAAkB,SAAW,OAAO,UAAY,KAAK,cAAe,GAAMd,GAAG,CAAC,MAAQ7E,EAAI4F,kBAAkBrF,MAAM,CAACC,MAAOR,EAAI6F,eAAgBnF,SAAS,SAAUC,GAAMX,EAAI6F,eAAelF,GAAKC,WAAW,oBAAoBV,EAAG,SAAS,CAACW,YAAY,gBAAgBT,MAAM,CAAC,QAAU,SAAS,UAAYJ,EAAI8F,cAAc,MAAQ,UAAUjB,GAAG,CAAC,QAAU7E,EAAI+F,eAAe,OAAQ/F,EAAIgG,YAAa9F,EAAG,MAAM,CAACW,YAAY,eAAe,CAACX,EAAG,sBAAsB,CAACE,MAAM,CAAC,cAAgB,GAAG,MAAQ,cAAc,GAAGJ,EAAIiG,KAAK/F,EAAG,eAAe,CAACE,MAAM,CAAC,QAAUJ,EAAI4C,QAAQ,MAAQ5C,EAAIkG,4BAA4BhG,EAAG,QAAQ,CAACE,MAAM,CAAC,OAAS,GAAG,GAAK,mBAAmB,CAACF,EAAG,QAAQ,CAACA,EAAG,KAAK,CAACA,EAAG,KAAK,CAACF,EAAIc,GAAG,oBAAoBZ,EAAG,KAAK,CAACF,EAAIc,GAAG,SAASZ,EAAG,KAAK,CAACF,EAAIc,GAAG,WAAWZ,EAAG,KAAK,CAACF,EAAIc,GAAG,yBAAyBZ,EAAG,KAAK,CAACF,EAAIc,GAAG,oBAAoBZ,EAAG,KAAK,CAACF,EAAIc,GAAG,kBAAkBZ,EAAG,KAAK,CAACF,EAAIc,GAAG,WAAWZ,EAAG,KAAK,CAACF,EAAIc,GAAG,WAAWZ,EAAG,KAAK,CAACF,EAAIc,GAAG,mBAAmBZ,EAAG,QAAQF,EAAImG,GAAInG,EAAIkG,0BAA0B,SAASE,GAAM,OAAOlG,EAAG,KAAK,CAACmG,IAAID,EAAKE,WAAW,CAACpG,EAAG,KAAK,CAACF,EAAIc,GAAG,IAAId,EAAIe,GAAGqF,EAAKG,cAAc,OAAOrG,EAAG,KAAK,CAACF,EAAIc,GAAG,IAAId,EAAIe,GAAGqF,EAAKI,KAAK,OAAOtG,EAAG,KAAK,CAACF,EAAIc,GAAG,IAAId,EAAIe,GAAGqF,EAAKK,OAAO,OAAOvG,EAAG,KAAK,CAACF,EAAIc,GAAG,IAAId,EAAIe,GAAGqF,EAAKM,UAAU,OAAOxG,EAAG,KAAK,CAACF,EAAIc,GAAG,IAAId,EAAIe,GAAGqF,EAAKO,WAAW,OAAOzG,EAAG,KAAK,CAACF,EAAIc,GAAG,IAAId,EAAIe,GAAGqF,EAAKQ,yBAAyB,OAAO1G,EAAG,KAAK,CAACF,EAAIc,GAAG,IAAId,EAAIe,GAAGqF,EAAKS,WAAW,OAAO3G,EAAG,KAAK,CAACF,EAAIc,GAAG,IAAId,EAAIe,GAAGqF,EAAKU,OAAO,OAAO5G,EAAG,KAAK,CAACF,EAAIc,GAAG,IAAId,EAAIe,GAAGqF,EAAKW,oBAAoB,YAAW,KAAK7G,EAAG,SAAS,CAAC8G,IAAI,cAAc5G,MAAM,CAAC,MAAQ,kCAAkC,MAAQ,KAAK6G,YAAYjH,EAAIkH,GAAG,CAAC,CAACb,IAAI,SAASc,GAAG,WAAW,MAAO,CAACjH,EAAG,SAAS,CAACW,YAAY,OAAOT,MAAM,CAAC,QAAU,SAAS,MAAQ,OAAOyE,GAAG,CAAC,QAAU7E,EAAIoH,kBAAkBlH,EAAG,SAAS,CAACE,MAAM,CAAC,QAAU,SAAS,MAAQ,MAAMyE,GAAG,CAAC,QAAU,SAASwC,GAAQ,OAAOrH,EAAIsH,OAAO,qBAAqBC,OAAM,QAAW,IAAI,QAE5mIrG,EAAkB,G,yPC8JP,G,UAAA,CACfsG,WAAA,CACAC,mBACAC,cACAC,cACAC,kBAEAlG,KAAA,WACA,OACAgE,mBAAA,EACAF,kBAAA,GACAM,eAAA,EACAR,UAAA,EACAU,aAAA,EACA6B,OAAA,GACA9C,SAAA,CACA+C,KAAA,GACAC,GAAA,GACA/C,aAAA,IAEAI,QAAA,GACAC,WAAA,GACA2C,OAAA,EACAC,cAAA,EACAtD,aAAA,GACAD,OAAA,EACAD,UAAA,GACAyD,iBAAA,GACAhC,yBAAA,GACAtB,cAAA,GACAhC,QAAA,CACA,CACAuF,KAAA,iBACA3H,MAAA,gBAEA,CACA2H,KAAA,sBACA3H,MAAA,YAEA,CACA2H,KAAA,iBACA3H,MAAA,aAEA,CACA2H,KAAA,eACA3H,MAAA,2BAEA,CACA2H,KAAA,YACA3H,MAAA,aAEA,CACA2H,KAAA,QACA3H,MAAA,SAEA,CACA2H,KAAA,YACA3H,MAAA,uBAGA0E,cAAA,CACA,CAAA6C,GAAA,EAAAD,KAAA,WAAAC,GAAA,EAAAD,KAAA,SAEAnC,eAAA,CACA,CACAmC,KAAA,QACAC,GAAA,SAEA,CACAD,KAAA,MACAC,GAAA,OAEA,CACAD,KAAA,MACAC,GAAA,QAGAlC,eAAA,KAGAuC,SAAA,GAKAzG,QAAA,CACA0G,OAAA,aAGAC,iBAAA,SAAAC,EAAAnH,GAAA,IAAAoH,EAAA,KACA,KAAA7D,aAAA4D,EACA,KAAA7D,OAAA,EACA,KAAAD,UAAArD,EACAqH,YAAA,WAAAD,EAAA9D,OAAA,UAEAgE,gBAAA,SAAAtC,GACA,KAAAuC,MAAAC,YAAA9G,cACA,KAAAiD,SAAA+C,KAAA1B,EAAA0B,KACA,KAAA/C,SAAAgD,GAAA3B,EAAA2B,IAEAX,eAAA,aASAE,OAAA,SAAAuB,GACA,gBAAAA,GACA,KAAAF,MAAAC,YAAA9G,eAGA8D,iBAAA,SAAApF,GACA,KAAAqF,eAAArF,EAAAuH,IAEAxC,SAAA,eAAAuD,EAAA,KACA,KAAAxD,UAAA,EACA,KAAA4C,iBAAA,GAGA,IAAAxG,EAAA,CACAqH,eAAA,KAAAhE,SAAAC,aAAA+C,GACAiB,cAAA,KAAA5D,QAAA2C,GACAkB,iBAAA,KAAA5D,YAGA6D,OAAAC,qBAAAzH,GAAA0H,MAAA,SAAAC,GACAA,EAAA3H,KAAAc,OAAA,GACA6G,EAAA3H,KAAA4H,SAAA,SAAAlD,GACA,IAAAmD,EAAAnD,EAAAoD,YACAC,EAAA,GACAF,EAAA/G,OAGA+G,EAAA/G,OAAA,GACA+G,EAAAD,SAAA,SAAAI,GACA,KAAAD,OAAA,MAEAE,MAAAD,EAAAlJ,QACA,OAAAkJ,EAAAE,cACAH,GAAAI,IAAAH,EAAAE,aAAAE,OAAA,WAIAH,MAAAD,EAAAlJ,SACAiJ,GAAA,GAAArG,OAAAyG,IAAAH,EAAAE,aAAAE,OAAA,gBAAA1G,OAAAsG,EAAAlJ,MAAA,KACAgB,OAAAkI,EAAAlJ,WAKAsI,EAAAZ,iBAAA6B,KAAA,CACAxD,aAAAH,EAAAG,aACAE,MAAAL,EAAAK,MACAD,IAAAJ,EAAAI,IACAG,UAAAP,EAAAO,UAIAD,SAAAN,EAAA4D,qBACAC,WAAA7D,EAAAV,mBAGAoB,MAAAV,EAAA8D,QACArD,UAAAT,EAAAS,UACAE,mBAAAX,EAAAW,mBACAH,wBAAAR,EAAAQ,6BAIAkC,EAAA5C,yBAAA4C,EAAAZ,oBACAiC,OAAA,SAAAC,GACAtB,EAAAR,iBAAA8B,EAAA7B,QAAA,YACA8B,SAAA,WACAvB,EAAAxD,UAAA,MAOAS,WAAA,WACA,aAAAF,eACA,IACA,KAAAC,eAAA,EACA,IAAAwE,EAAAT,MAAAC,SACA,YAAAjE,gBACA,UACA,IAAA0E,EAAA,IAAAC,aAAA,aACAD,EAAAE,UAAA,CACAC,MAAA,UACAC,WAAA,CAAAC,UAAA,UAAAC,UAAA,QACAC,mBAAA,CAAAF,UAAA,WACAG,KAAA,oBAGAR,EAAApC,KAAA,qCAAA6C,MAAA,WAEAT,EAAAU,KAAA,sBAAA7H,OAAAkH,EAAA,SACA,KAAAxE,eAAA,EACA,MACA,YACA,IAAAoF,EAAAC,OAAAC,cAAA,KAAAlF,0BACAmF,EAAAF,OAAAG,WACAH,OAAAI,kBAAAF,EAAAH,EAAA,sBACAC,OAAAE,EAAA,sBAAAjI,OAAAkH,EAAA,UACA,KAAAxE,eAAA,EACA,MACA,UACA,IAAA0F,EAAA,GACAC,EAAA,CACAlF,aAAA,iBACAC,IAAA,MACAC,MAAA,QACAE,UAAA,iBACA+E,eAAA,kBACA5E,MAAA,QACAD,UAAA,YACAE,mBAAA,oBACAH,wBAAA,gBAGA,KAAAV,yBAAAoD,SAAA,SAAAlD,GACAoF,EAAAzB,KAAA,CACAxD,aAAAH,EAAAG,aAAAoF,QAAA,SACAnF,IAAAJ,EAAAI,IACAC,MAAAL,EAAAK,MACAE,UAAAP,EAAAO,UACAG,MAAAV,EAAAU,MACAD,UAAAT,EAAAS,UACAE,mBAAAX,EAAAW,mBACAH,wBAAAR,EAAAQ,6BAIAjE,eAAA8I,EAAAD,EAAA,sBAAApI,OAAAkH,IACA,KAAAxE,eAAA,EACA,MACA,QACA,OAEA,MAAAsE,GACA,KAAAtE,eAAA,IAIA8F,aAAA,SAAApL,GACA,OAAAA,EAAAqL,WAAAF,QAAA,kCAEA7G,mBAAA,aAGAK,oBAAA,aAcAgE,qBAAA,SAAA2C,EAAAC,GAAA,IAAAC,EAAA,KACA,KAAAhG,aAAA,EACA,KAAAkC,iBAAA,GACAgB,OAAAC,qBAAA2C,EAAAC,GAAA3C,MAAA,SAAAC,GACAA,EAAA3H,KAAAc,OAAA,GACA6G,EAAA3H,KAAA4H,SAAA,SAAAlD,GACA,IAAAmD,EAAAnD,EAAAoD,YACAC,EAAA,GACAF,EAAA/G,OAGA+G,EAAA/G,OAAA,GACA+G,EAAAD,SAAA,SAAAI,GACA,KAAAD,OAAA,MAEAE,MAAAD,EAAAlJ,QACA,OAAAkJ,EAAAE,cACAH,GAAAI,IAAAH,EAAAE,aAAAE,OAAA,WAIAH,MAAAD,EAAAlJ,SACAiJ,GAAA,GAAArG,OAAAyG,IAAAH,EAAAE,aAAAE,OAAA,gBAAA1G,OAAAsG,EAAAlJ,MAAA,KACAgB,OAAAkI,EAAAlJ,WAKAwL,EAAA9D,iBAAA6B,KAAA,CACAxD,aAAAH,EAAAG,aACAI,UAAAP,EAAAO,UACA+E,eAAAtF,EAAAsF,eAEAO,QAAA7F,EAAAgC,SACA1B,SAAAN,EAAA4D,qBACAC,WAAA7D,EAAAV,mBAEAoB,MAAAV,EAAA8D,QACArD,UAAAT,EAAAS,UACAE,mBAAAX,EAAAW,mBACAH,wBAAAR,EAAAQ,6BAIAoF,EAAA9F,yBAAA8F,EAAA9D,oBACAiC,OAAA,SAAAC,GACA4B,EAAA1D,iBAAA8B,EAAA7B,QAAA,YACA8B,SAAA,WACA2B,EAAAhG,aAAA,MAGAP,uBAAA,SAAAW,GAGA,GADA,KAAA8F,WAAA,EACA,KAAA9F,EAAA,CAIA,IAAA+F,EAAA,KAAAjG,yBAAAkG,QAAA,SAAAzF,GAAA,OAAAA,EAAAsD,aAAA7D,KACA,KAAAF,yBAAAiG,EACA,KAAAD,WAAA,OALA,KAAAhG,yBAAA,KAAAgC,mBAQAmE,QAAA,eAAAC,EAAA,KAGAC,OACAC,qBACApD,MAAA,SAAAC,GACAiD,EAAA1H,cAAAyE,EAAA3H,QAEAyI,OAAA,eAEAsC,OAAAC,0BAAAtD,MAAA,SAAAC,GACAiD,EAAA9G,kBAAA6D,EAAA3H,KAAAmB,MACAwG,EAAA3H,KAAAmB,MAAAL,OAAA,GACA8J,EAAA9G,kBAAAzC,QAAA,0BCxfiW,I,wBCQ7VhB,EAAY,eACd,EACAhC,EACAmB,GACA,EACA,KACA,WACA,MAIa,aAAAa,E","file":"js/chunk-88f8083e.a1d5d336.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!./Allowance.vue?vue&type=style&index=0&id=62b7b618&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","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(\"Allowances\")])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12 d-flex justify-start\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-3\"},[_c('SelectField',{attrs:{\"items\":_vm.salaryPeriods,\"label\":'Salary Cycle',\"itemText\":'description',\"itemValue\":'id',\"returnObject\":true},on:{\"onChange\":_vm.changeSalaryPeriod},model:{value:(_vm.formData.salaryPeriod),callback:function ($$v) {_vm.$set(_vm.formData, \"salaryPeriod\", $$v)},expression:\"formData.salaryPeriod\"}})],1),_c('div',{staticClass:\"col-md-3\"},[_c('SelectField',{attrs:{\"items\":_vm.paymentStatus,\"label\":'Payment Status',\"itemText\":'name',\"itemValue\":'id',\"returnObject\":true},on:{\"onChange\":_vm.changePaymentStatus},model:{value:(_vm.payment),callback:function ($$v) {_vm.payment=$$v},expression:\"payment\"}})],1),_c('div',{staticClass:\"col-md-3\"},[_c('TextField',{attrs:{\"label\":'Payment Ref.'},model:{value:(_vm.refPayment),callback:function ($$v) {_vm.refPayment=$$v},expression:\"refPayment\"}})],1),_c('div',[_c('Button',{staticClass:\"col-md-3\",attrs:{\"btnType\":'Submit',\"isLoading\":_vm.isSubmit,\"label\":'Submit'},on:{\"onClick\":_vm.onSubmit}})],1)])])]),_c('div',{staticClass:\"col-md-8 d-flex justify-start\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-4\"},[_c('v-autocomplete',{attrs:{\"items\":_vm.contractEmployers,\"outlined\":\"\",\"dense\":\"\",\"item-text\":\"name\",\"label\":\"Contractor Employer\",\"item-value\":\"id\"},on:{\"change\":_vm.contractEmployerChange},model:{value:(_vm.contractEmployerId),callback:function ($$v) {_vm.contractEmployerId=$$v},expression:\"contractEmployerId\"}})],1),_c('div',{staticClass:\"col-md-6 export-container\"},[_c('SelectField',{attrs:{\"items\":_vm.downloadFormat,\"label\":'Download Format',\"itemText\":'name',\"itemValue\":'id',\"returnObject\":true},on:{\"input\":_vm.onSelectedFormat},model:{value:(_vm.selectedFormat),callback:function ($$v) {_vm.selectedFormat=$$v},expression:\"selectedFormat\"}}),_c('Button',{staticClass:\"col-md-3 mr-2\",attrs:{\"btnType\":'Submit',\"isLoading\":_vm.isDownloading,\"label\":'Export'},on:{\"onClick\":_vm.onDownload}})],1)])]),(_vm.loadingData)?_c('div',{staticClass:\"text-center\"},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"primary\"}})],1):_vm._e(),_c('v-data-table',{attrs:{\"headers\":_vm.headers,\"items\":_vm.filteredAllowanceRecords}}),_c('table',{attrs:{\"hidden\":\"\",\"id\":\"allowanceTable\"}},[_c('thead',[_c('tr',[_c('th',[_vm._v(\"Personnel Name\")]),_c('th',[_vm._v(\"CAI\")]),_c('th',[_vm._v(\"Email\")]),_c('th',[_vm._v(\"Contractor Employer\")]),_c('th',[_vm._v(\"Allowance Name\")]),_c('th',[_vm._v(\"Salary Cycle\")]),_c('th',[_vm._v(\"Basis\")]),_c('th',[_vm._v(\"Total\")]),_c('th',[_vm._v(\"Reference\")])])]),_c('tbody',_vm._l((_vm.filteredAllowanceRecords),function(item){return _c('tr',{key:item.requestId},[_c('td',[_vm._v(\" \"+_vm._s(item.employeeName)+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(item.cai)+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(item.email)+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(item.employer)+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(item.allowance)+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(item.salaryPeriodDescription)+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(item.frequency)+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(item.total)+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(item.paymentBatchNumber)+\" \")])])}),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>Allowances</h1>\r\n              </div>\r\n              <div class=\"row\">\r\n                <div class=\"col-md-12 d-flex justify-start\">\r\n                  <div class=\"row\">\r\n                    <div class=\"col-md-3\">\r\n                      <SelectField\r\n                        :items=\"salaryPeriods\"\r\n                        v-model=\"formData.salaryPeriod\"\r\n                        :label=\"'Salary Cycle'\"\r\n                        :itemText=\"'description'\"\r\n                        :itemValue=\"'id'\"\r\n                        :returnObject=\"true\"\r\n                        @onChange=\"changeSalaryPeriod\"\r\n                      />\r\n                    </div>\r\n                    <div class=\"col-md-3\">\r\n                      <SelectField\r\n                        :items=\"paymentStatus\"\r\n                        v-model=\"payment\"\r\n                        :label=\"'Payment Status'\"\r\n                        :itemText=\"'name'\"\r\n                        :itemValue=\"'id'\"\r\n                        :returnObject=\"true\"\r\n                        @onChange=\"changePaymentStatus\"\r\n                      />\r\n                    </div>\r\n                    <div class=\"col-md-3\">\r\n                        <TextField v-model=\"refPayment\" :label=\"'Payment Ref.'\" />\r\n                    </div>\r\n                    <div>\r\n                      <Button :btnType=\"'Submit'\" :isLoading=\"isSubmit\" :label=\"'Submit'\" @onClick=\"onSubmit\" class=\"col-md-3\"/>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n\r\n              </div>\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                      <v-autocomplete\r\n                        :items=\"contractEmployers\"\r\n                        v-model=\"contractEmployerId\"\r\n                        outlined\r\n                        dense\r\n                        item-text=\"name\"\r\n                        label=\"Contractor Employer\"\r\n                        item-value=\"id\"\r\n                        @change=\"contractEmployerChange\"\r\n                      ></v-autocomplete>\r\n                  </div>\r\n                  <div class=\"col-md-6 export-container\">\r\n                    <SelectField :items=\"downloadFormat\" v-model=\"selectedFormat\" :label=\"'Download Format'\" :itemText=\"'name'\" :itemValue=\"'id'\" :returnObject=\"true\" @input=\"onSelectedFormat\" />\r\n                    <Button :btnType=\"'Submit'\" :isLoading=\"isDownloading\" :label=\"'Export'\" @onClick=\"onDownload\" class=\"col-md-3 mr-2\"/>\r\n                  </div>\r\n                </div>\r\n                </div>\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             <v-data-table\r\n              :headers= 'headers'\r\n              :items=\"filteredAllowanceRecords\"\r\n             >\r\n             </v-data-table>\r\n              <table hidden id=\"allowanceTable\">\r\n                <thead>\r\n                  <tr>\r\n                    <th>Personnel Name</th>\r\n                    <th>CAI</th>\r\n                    <th>Email</th>\r\n                    <th>Contractor Employer</th>\r\n                    <th>Allowance Name</th>\r\n                    <th>Salary Cycle</th>\r\n                    <th>Basis</th>\r\n                    <th>Total</th>\r\n                    <th>Reference</th>\r\n                  </tr>\r\n                  </thead>\r\n                  <tbody>\r\n                    <tr v-for=\"item in filteredAllowanceRecords\" :key=\"item.requestId\">\r\n                      <td>\r\n                        {{item.employeeName}}\r\n                      </td>\r\n                      <td>\r\n                        {{item.cai}}\r\n                      </td>\r\n                      <td>\r\n                        {{item.email}}\r\n                      </td>\r\n                      <td>\r\n                        {{item.employer}}\r\n                      </td>\r\n                      <td>\r\n                        {{item.allowance}}\r\n                      </td>\r\n                      <td>\r\n                        {{item.salaryPeriodDescription}}\r\n                      </td>\r\n                      <!-- <td>\r\n    {{item.approvalStatus}}\r\n  </td> -->\r\n                      <td>\r\n                        {{item.frequency}}\r\n                      </td>\r\n                      <td>\r\n                        {{item.total}}\r\n                      </td>\r\n                      <td>\r\n                        {{item.paymentBatchNumber}}\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\nimport 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, salaryPeriodService, contractEmployerService } from '@/services'\r\nimport ExportToCSVFile from '@/utils/helper'\r\nimport moment from 'moment'\r\n/*import XLSX from 'xlsx'*/\r\nimport * as XLSX from 'xlsx/xlsx.mjs';\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      contractEmployerId: 0,\r\n      contractEmployers: [],\r\n      isDownloading: false,\r\n      isSubmit: false,\r\n      loadingData: false,\r\n      search: '',\r\n      formData: {\r\n        name: '',\r\n        id: '',\r\n        salaryPeriod: ''\r\n      },\r\n      payment: '',\r\n      refPayment: '',\r\n      valid: false,\r\n      isSavingUser: false,\r\n      alertMessage: '',\r\n      alert: false,\r\n      alertType: '',\r\n      allowanceRecords: [],\r\n      filteredAllowanceRecords: [],\r\n      salaryPeriods: [],\r\n      headers: [\r\n        {\r\n          text: 'Personnel Name',\r\n          value: 'employeeName'\r\n        },\r\n        {\r\n          text: 'Contractor Employer',\r\n          value: 'employer'\r\n        },\r\n        {\r\n          text: 'Allowance Name',\r\n          value: 'allowance'\r\n        },\r\n        {\r\n          text: 'Salary Cycle',\r\n          value: 'salaryPeriodDescription'\r\n        },\r\n        {\r\n          text: 'Frequency',\r\n          value: 'frequency'\r\n        },\r\n        {\r\n          text: 'Total',\r\n          value: 'total'\r\n        },\r\n        {\r\n          text: 'Reference',\r\n          value: 'paymentBatchNumber'\r\n        }\r\n      ],\r\n      paymentStatus: [\r\n        { id: 0, name: 'Unpaid' }, { id: 1, name: 'Paid' }\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    onSubmit () {\r\n      this.isSubmit = true\r\n      this.allowanceRecords = []\r\n\r\n      // if (this.refPayment !== '') {\r\n      const data = {\r\n        SalaryPeriodId: this.formData.salaryPeriod.id,\r\n        PaymentStatus: this.payment.id,\r\n        PaymentReference: this.refPayment\r\n      }\r\n\r\n      requestService.getApprovedAllowance(data).then(result => {\r\n        if (result.data.length > 0) {\r\n          result.data.forEach(item => {\r\n            const requestItems = item.requestInfo\r\n            let requestDetails = ''\r\n            let totalCount = requestItems.length\r\n            let itemsTotalValue = 0\r\n\r\n            if (requestItems.length > 0) {\r\n              requestItems.forEach(request => {\r\n                if (requestDetails !== '') requestDetails += ', '\r\n\r\n                if (isNaN(request.value)) {\r\n                  if (request.requestDate !== null) {\r\n                    requestDetails += moment(request.requestDate).format('MMM Do')\r\n                  }\r\n                }\r\n\r\n                if (!isNaN(request.value)) {\r\n                  requestDetails += `${moment(request.requestDate).format('MMM Do')} (${request.value})`\r\n                  itemsTotalValue += Number(request.value)\r\n                }\r\n              })\r\n            }\r\n\r\n            this.allowanceRecords.push({\r\n              employeeName: item.employeeName,\r\n              email: item.email,\r\n              cai: item.cai,\r\n              allowance: item.allowance,\r\n              // approvalStatus: item.approvalStatus,\r\n              // dates: requestDetails,\r\n              // comment: item.computed,              \r\n              employer: item.contractEmployerName,\r\n              employerId: item.contractEmployerId,\r\n              // employerId: item.contractEmployerId,\r\n              // total: itemsTotalValue === 0 ? totalCount : itemsTotalValue,\r\n              total: item.summary,\r\n              frequency: item.frequency,\r\n              paymentBatchNumber: item.paymentBatchNumber,\r\n              salaryPeriodDescription: item.salaryPeriodDescription\r\n            })\r\n          })\r\n        }\r\n        this.filteredAllowanceRecords = this.allowanceRecords\r\n      }).catch(error => {\r\n        this.showAlertMessage(error.message, 'error')\r\n      }).finally(() => {\r\n        this.isSubmit = false\r\n      })\r\n      // } else {\r\n      //  this.isSubmit = false\r\n      //  this.showAlertMessage('Payment Reference required.', 'error')\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: '#allowanceTable'\r\n              })\r\n\r\n              doc.text('Approved Allowances - CMMS', 150, 10, { align: 'center' })\r\n              // doc.text('L - Leave', 150, 200, { align: 'center' })\r\n              doc.save(`ApprovedAllowances_${time}.pdf`)\r\n              this.isDownloading = false\r\n              break\r\n            case 'excel':\r\n              var allowanceSheet = XLSX.utils.json_to_sheet(this.filteredAllowanceRecords)\r\n              var allowanceWorkBook = XLSX.utils.book_new()\r\n              XLSX.utils.book_append_sheet(allowanceWorkBook, allowanceSheet, 'ApprovedAllowances')\r\n              XLSX.writeFile(allowanceWorkBook, `ApprovedAllowances_${time}.xlsx`)\r\n              this.isDownloading = false\r\n              break\r\n            case 'csv':\r\n              const formattedData = []\r\n              const fileHeaders = {\r\n                employeeName: 'Personnel Name',\r\n                cai: 'CAI',\r\n                email: 'Email',\r\n                allowance: 'Allowance Name',\r\n                approvalStatus: 'Approval Status',\r\n                total: 'Total',\r\n                frequency: 'Frequency',\r\n                paymentBatchNumber: 'Payment Reference',\r\n                salaryPeriodDescription: 'Salary Cycle'\r\n\r\n              }\r\n              this.filteredAllowanceRecords.forEach(item => {\r\n                formattedData.push({\r\n                  employeeName: item.employeeName.replace(/,/g, ''),\r\n                  cai: item.cai,\r\n                  email: item.email,\r\n                  allowance: item.allowance,\r\n                  total: item.total,\r\n                  frequency: item.frequency,\r\n                  paymentBatchNumber: item.paymentBatchNumber,\r\n                  salaryPeriodDescription: item.salaryPeriodDescription\r\n                })\r\n              })\r\n\r\n              ExportToCSVFile(fileHeaders, formattedData, `ApprovedAllowances_${time}`)\r\n              this.isDownloading = false\r\n              break\r\n            default:\r\n              break\r\n          }\r\n        } catch (error) {\r\n          this.isDownloading = false\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    changeSalaryPeriod () {\r\n      // this.getApprovedAllowance(this.formData.salaryPeriod.id)\r\n    },\r\n    changePaymentStatus () {\r\n      // this.getApprovedAllowance(this.formData.salaryPeriod.id, this.payment.id)\r\n\r\n      // console.log('Paymet Status', this.payment.id)\r\n      // requestService.paymentStatus(this.payment.id, this.formData.salaryPeriod.id).then((result) => {\r\n      //   this.showAlertMessage('Successful', 'success')\r\n      //   console.log('Result', result.data)\r\n      // }).catch((error) => {\r\n      //   console.log(error)\r\n      //   this.showAlertMessage('Failed', 'error')\r\n      // }).finally(() => {\r\n\r\n      // })\r\n    },\r\n    getApprovedAllowance (salaryPeriodId, paymentStatusId) {\r\n      this.loadingData = true\r\n      this.allowanceRecords = []\r\n      requestService.getApprovedAllowance(salaryPeriodId, paymentStatusId).then(result => {\r\n        if (result.data.length > 0) {\r\n          result.data.forEach(item => {\r\n            const requestItems = item.requestInfo\r\n            let requestDetails = ''\r\n            let totalCount = requestItems.length\r\n            let itemsTotalValue = 0\r\n\r\n            if (requestItems.length > 0) {\r\n              requestItems.forEach(request => {\r\n                if (requestDetails !== '') requestDetails += ', '\r\n\r\n                if (isNaN(request.value)) {\r\n                  if (request.requestDate !== null) {\r\n                    requestDetails += moment(request.requestDate).format('MMM Do')\r\n                  }\r\n                }\r\n\r\n                if (!isNaN(request.value)) {\r\n                  requestDetails += `${moment(request.requestDate).format('MMM Do')} (${request.value})`\r\n                  itemsTotalValue += Number(request.value)\r\n                }\r\n              })\r\n            }\r\n\r\n            this.allowanceRecords.push({\r\n              employeeName: item.employeeName,\r\n              allowance: item.allowance,\r\n              approvalStatus: item.approvalStatus,\r\n              // dates: requestDetails,\r\n              comment: item.computed,              \r\n              employer: item.contractEmployerName,\r\n              employerId: item.contractEmployerId,\r\n              // total: itemsTotalValue === 0 ? totalCount : itemsTotalValue,\r\n              total: item.summary,\r\n              frequency: item.frequency,\r\n              paymentBatchNumber: item.paymentBatchNumber,\r\n              salaryPeriodDescription: item.salaryPeriodDescription\r\n            })\r\n          })\r\n        }\r\n        this.filteredAllowanceRecords = this.allowanceRecords\r\n      }).catch(error => {\r\n        this.showAlertMessage(error.message, 'error')\r\n      }).finally(() => {\r\n        this.loadingData = false\r\n      })\r\n    },\r\n    contractEmployerChange (item) {\r\n      /*this.filteredAllowanceRecords = []*/\r\n      this.isLoading = true\r\n      if (item === 0.1) {\r\n        this.filteredAllowanceRecords = this.allowanceRecords\r\n        return\r\n      }\r\n      const searchRecords = this.filteredAllowanceRecords.filter(allowance => allowance.employerId === item)      \r\n      this.filteredAllowanceRecords = searchRecords\r\n      this.isLoading = false\r\n    }\r\n  },\r\n  mounted () {\r\n    // this.getApprovedAllowance()\r\n\r\n    salaryPeriodService\r\n      .getAllSalaryPeriod()\r\n      .then(result => {\r\n        this.salaryPeriods = result.data\r\n      })\r\n      .catch(() => {})\r\n\r\n    contractEmployerService.getAllContractEmployers().then((result) => {\r\n      this.contractEmployers = result.data.items\r\n      if (result.data.items.length > 1) {\r\n        this.contractEmployers.unshift({ 'id': 0.1, 'name': 'All' })\r\n      }\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!./Allowance.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!./Allowance.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Allowance.vue?vue&type=template&id=62b7b618&scoped=true\"\nimport script from \"./Allowance.vue?vue&type=script&lang=js\"\nexport * from \"./Allowance.vue?vue&type=script&lang=js\"\nimport style0 from \"./Allowance.vue?vue&type=style&index=0&id=62b7b618&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  \"62b7b618\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}