{"version":3,"sources":["webpack:///./src/views/Payment/index.vue","webpack:///src/views/Payment/index.vue","webpack:///./src/views/Payment/index.vue?e24f","webpack:///./src/views/Payment/index.vue?6b25","webpack:///./node_modules/core-js/modules/es.string.trim.js","webpack:///./src/components/ui/form/SelectField.vue","webpack:///src/components/ui/form/SelectField.vue","webpack:///./src/components/ui/form/SelectField.vue?1f28","webpack:///./src/components/ui/form/SelectField.vue?8450","webpack:///./src/views/Payment/index.vue?cc60","webpack:///./node_modules/core-js/internals/string-trim-forced.js"],"names":["render","_vm","this","_c","_self","staticClass","class","alertType","attrs","model","value","alert","callback","$$v","expression","_v","_s","alertMessage","contractEmployer","formData","ContractingCompanyId","$set","salaryPeriods","SalaryPeriodtId","on","$event","preventDefault","filter","apply","arguments","scopedSlots","_u","key","fn","staticStyle","_l","firstPaymentItems","item","description","paymentData","payment","companyName","employeeName","salaryPeriodDescription","payItems","payItem","formatAmount","amount","proxy","length","paymentSchedule","exportFields","_e","staticRenderFns","components","Button","SelectField","data","valid","isLoading","id","paymentHeaders","methods","showAlertMessage","message","type","close","process","toString","replace","loadPaymentSchedule","_this","paymentScheduleService","loadPaymentSchedules","then","result","rows","headers","text","exportColumns","console","clear","firstData","forEach","push","trim","Object","assign","_defineProperty","paymentRows","employee","paymentName","catch","getData","name","array","newVal","find","arg","getContractEmployer","_this2","contractEmployerService","getAllContractEmployers","items","unshift","loadSalaryPeriod","_this3","salaryPeriodService","getAllSalaryPeriod","error","log","parseInt","created","beforeRouteUpdate","to","from","next","params","watch","getPaymentHeaders","getPaymentData","component","$","$trim","forcedStringTrimMethod","target","proto","forced","itemText","itemValue","returnObject","label","validate","v","$emit","onChange","props","Array","required","String","default","Boolean","event","PROPER_FUNCTION_NAME","PROPER","fails","whitespaces","non","module","exports","METHOD_NAME"],"mappings":"kNAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,QAAQ,CAACA,EAAG,MAAM,CAACA,EAAG,UAAU,CAACE,YAAY,QAAQC,MAAM,CACzH,cAAgC,SAAjBL,EAAIM,UACnB,gBAAkC,WAAjBN,EAAIM,WACrBC,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,MAAM,CAACE,YAAY,yBAAyB,CAACF,EAAG,KAAK,CAACF,EAAIc,GAAG,wBAAwBZ,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACE,YAAY,OAAOG,MAAM,CAAC,KAAO,MAAM,CAACL,EAAG,iBAAiB,CAACK,MAAM,CAAC,MAAQP,EAAIiB,iBAAiB,SAAW,GAAG,MAAQ,GAAG,YAAY,OAAO,MAAQ,sBAAsB,aAAa,MAAMT,MAAM,CAACC,MAAOT,EAAIkB,SAASC,qBAAsBR,SAAS,SAAUC,GAAMZ,EAAIoB,KAAKpB,EAAIkB,SAAU,uBAAwBN,IAAMC,WAAW,oCAAoC,GAAGX,EAAG,QAAQ,CAACK,MAAM,CAAC,KAAO,MAAM,CAACL,EAAG,cAAc,CAACK,MAAM,CAAC,MAAQP,EAAIqB,cAAc,MAAQ,eAAe,SAAW,cAAc,UAAY,MAAMb,MAAM,CAACC,MAAOT,EAAIkB,SAASI,gBAAiBX,SAAS,SAAUC,GAAMZ,EAAIoB,KAAKpB,EAAIkB,SAAU,kBAAmBN,IAAMC,WAAW,+BAA+B,GAAGX,EAAG,QAAQ,CAACE,YAAY,YAAYG,MAAM,CAAC,KAAO,MAAM,CAACL,EAAG,QAAQ,CAACE,YAAY,gBAAgBG,MAAM,CAAC,MAAQ,IAAIgB,GAAG,CAAC,MAAQ,SAASC,GAAgC,OAAxBA,EAAOC,iBAAwBzB,EAAI0B,OAAOC,MAAM,KAAMC,cAAc,CAAC5B,EAAIc,GAAG,aAAa,IAAI,IAAI,GAAGZ,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,iBAAiB,CAACK,MAAM,CAAC,eAAe,IAAIsB,YAAY7B,EAAI8B,GAAG,CAAC,CAACC,IAAI,UAAUC,GAAG,WAAW,MAAO,CAAC9B,EAAG,QAAQ,CAACA,EAAG,KAAK,CAACA,EAAG,KAAK,CAACF,EAAIc,GAAG,kBAAkBZ,EAAG,KAAK,CAAC+B,YAAY,CAAC,YAAY,KAAK,cAAc,WAAW,CAACjC,EAAIc,GAAG,oBAAoBZ,EAAG,KAAK,CAACF,EAAIc,GAAG,mBAAmBd,EAAIkC,GAAIlC,EAAImC,mBAAmB,SAASC,GAAM,OAAOlC,EAAG,KAAK,CAAC6B,IAAIK,GAAM,CAACpC,EAAIc,GAAGd,EAAIe,GAAGqB,EAAKC,oBAAmB,KAAKnC,EAAG,QAAQF,EAAIkC,GAAIlC,EAAIsC,aAAa,SAASC,GAAS,OAAOrC,EAAG,KAAK,CAAC6B,IAAIQ,GAAS,CAACrC,EAAG,KAAK,CAAC+B,YAAY,CAAC,YAAY,KAAK,cAAc,WAAW,CAACjC,EAAIc,GAAGd,EAAIe,GAAGwB,EAAQC,gBAAgBtC,EAAG,KAAK,CAAC+B,YAAY,CAAC,YAAY,KAAK,cAAc,WAAW,CAACjC,EAAIc,GAAGd,EAAIe,GAAGwB,EAAQE,iBAAiBvC,EAAG,KAAK,CAACF,EAAIc,GAAGd,EAAIe,GAAGwB,EAAQG,4BAA4B1C,EAAIkC,GAAIK,EAAQI,UAAU,SAASC,GAAS,OAAO1C,EAAG,KAAK,CAAC6B,IAAIa,GAAS,CAAC5C,EAAIc,GAAG,IAAId,EAAIe,GAAGf,EAAI6C,aAAaD,EAAQE,SAAS,WAAU,MAAK,KAAKC,OAAM,QAAW,KAAM/C,EAAIsC,YAAYU,OAAS,EAAG9C,EAAG,MAAM,CAACE,YAAY,qCAAqC,CAACF,EAAG,eAAe,CAACK,MAAM,CAAC,KAAOP,EAAIiD,gBAAgB,OAASjD,EAAIkD,aAAa,KAAO,MAAM,UAAY,kBAAkB,KAAO,wBAAwB,CAAChD,EAAG,SAAS,CAACK,MAAM,CAAC,MAAQ,kBAAkB,QAAU,aAAa,IAAI,GAAGP,EAAImD,UAE7jFC,EAAkB,G,4ICiHP,GACfC,WAAA,CACAC,cACAC,oBAEAC,KAAA,WACA,OACAxC,aAAA,GACAN,OAAA,EACAJ,UAAA,GACAmD,OAAA,EACAC,WAAA,EACAC,GAAA,GACAV,gBAAA,GACAW,eAAA,GACAtB,YAAA,GACAY,aAAA,GACAf,kBAAA,GACAlB,iBAAA,GACAI,cAAA,GACAH,SAAA,CACA,yBACA,uBAKA2C,QAAA,CACAC,iBAAA,SAAAC,EAAAC,GACA,KAAAhD,aAAA+C,EACA,KAAArD,OAAA,EACA,KAAAJ,UAAA0D,GAEAC,MAAA,aAGAC,QAAA,aAGArB,aAAA,SAAApC,GACA,OAAAA,EAAA0D,WAAAC,QAAA,kCAEAC,oBAAA,SAAAb,GAAA,IAAAc,EAAA,KACAC,OAAAC,qBAAAhB,GAAAiB,MAAA,SAAAC,GACA,IAAAlB,EAAAkB,EAAAlB,KACAc,EAAAhC,YAAAkB,EACA,IAAAmB,EAAA,GACAC,EAAA,CACA,CACAC,KAAA,eACApE,MAAA,eAEA,CACAoE,KAAA,gBACApE,MAAA,gBAEA,CACAoE,KAAA,gBACApE,MAAA,4BAIAqE,EAAA,CACA,6BACA,+BACA,2CAGA,GAAAtB,EAAAR,OAAA,GACA+B,QAAAC,QACA,IAAAC,EAAAzB,EAAA,GACAc,EAAAnC,kBAAA8C,EAAAtC,SAEAsC,EAAAtC,SAAAuC,SAAA,SAAA9C,GACAwC,EAAAO,KAAA,CACAN,KAAAzC,EAAAC,YAAA8B,WAAAiB,OACA3E,MAAA2B,EAAAC,YAAA8B,WAAAiB,OAAAhB,QAAA,YAGAiB,OAAAC,OAAAR,EAAAS,eAAA,GAAAnD,EAAAC,YAAA8B,WAAA/B,EAAAC,YAAA8B,WAAAiB,OAAAhB,QAAA,eAGAE,EAAAV,eAAAgB,EACAN,EAAApB,aAAA4B,EAEAtB,EAAA0B,SAAA,SAAA9C,GACA,IAAAoD,EAAA,GACAC,EAAA,CACAjD,YAAAJ,EAAAI,YACAC,aAAAL,EAAAK,aACAC,wBAAAN,EAAAM,yBAGAN,EAAAO,SAAAuC,SAAA,SAAAtC,GACA,IAAA8C,EAAA9C,EAAAP,YAAA8B,WAAAiB,OACAM,IAAAtB,QAAA,UACA,IAAA7B,EAAAgD,eAAA,GAAAG,EAAApB,EAAAzB,aAAAD,EAAAE,SACAuC,OAAAC,OAAAE,EAAAjD,MAGA8C,OAAAC,OAAAG,EAAAD,GACAb,EAAAQ,KAAAM,MAIAnB,EAAArB,gBAAA0B,KAEAgB,OAAA,WACArB,EAAAR,iBAAA,gDAGA8B,QAAA,SAAAC,EAAAC,GACA,IAAAC,EAAAD,EAAAE,MAAA,SAAAC,GAAA,OAAAA,EAAA5D,cAAAwD,KACA,OAAAE,EAAAjD,QAEAoD,oBAAA,eAAAC,EAAA,KACAC,OAAAC,0BAAA5B,MAAA,SAAAC,GACAyB,EAAAlF,iBAAAyD,EAAAlB,KAAA8C,MACAH,EAAAlF,iBAAAsF,QAAA,yBAGAC,iBAAA,eAAAC,EAAA,KACAC,OAAAC,qBAAAlC,MAAA,SAAAC,GACA+B,EAAApF,cAAAqD,EAAAlB,KACAiD,EAAApF,cAAAkF,QAAA,+BACAZ,OAAA,SAAAiB,GACA7B,QAAA8B,IAAAD,OAGAlF,OAAA,WACA,IAAAP,EAAA2F,SAAA,KAAA5F,SAAAC,uBAAA,EACAG,EAAAwF,SAAA,KAAA5F,SAAAI,kBAAA,EACA,KAAA+C,oBAAA,CAAAlD,uBAAAG,sBAIAyF,QAAA,WACA,KAAAb,sBACA,KAAAM,mBACA,KAAAnC,oBAAA,CACA,uBACA,qBAGA2C,kBAAA,SAAAC,EAAAC,EAAAC,GACA,KAAA9C,oBAAA4C,EAAAG,OAAAzD,IACAwD,KAEAE,MAAA,CACAC,kBAAA,WACA,YAAA1D,gBAEA2D,eAAA,WACA,YAAAtE,mBC/Q6V,I,wBCQzVuE,EAAY,eACd,EACAzH,EACAqD,GACA,EACA,KACA,WACA,MAIa,aAAAoE,E,6CClBf,IAAIC,EAAI,EAAQ,QACZC,EAAQ,EAAQ,QAA4BtC,KAC5CuC,EAAyB,EAAQ,QAIrCF,EAAE,CAAEG,OAAQ,SAAUC,OAAO,EAAMC,OAAQH,EAAuB,SAAW,CAC3EvC,KAAM,WACJ,OAAOsC,EAAMzH,U,oCCTjB,IAAIF,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,WAAW,CAACK,MAAM,CAAC,MAAQP,EAAIsG,MAAM,YAAYtG,EAAI+H,SAAS,aAAa/H,EAAIgI,UAAU,MAAQ,GAAG,SAAW,GAAG,gBAAgBhI,EAAIiI,aAAa,MAAQjI,EAAIkI,MAAM,MAAQlI,EAAImI,SAAW,CAAC,SAAAC,GAAC,QAAMA,GAAK,qBAAsB,IAAI7G,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOxB,EAAIqI,MAAM,QAAS7G,IAAS,OAASxB,EAAIsI,aAElXlF,EAAkB,GCaP,GACfmF,MAAA,CACAjC,MAAA,CACAtC,KAAAwE,MACAC,UAAA,GAEAP,MAAA,CACAlE,KAAA0E,OACAD,UAAA,GAEAV,SAAA,CACA/D,KAAA0E,OACAC,QAAA,IAEAV,aAAA,CACAjE,KAAA4E,QACAD,SAAA,GAEAX,UAAA,CACAhE,KAAA0E,OACAC,QAAA,IAEAR,SAAA,CACAQ,SAAA,EACA3E,KAAA4E,UAGApF,KAAA,qBACAK,QAAA,CACAyE,SAAA,SAAAO,GACA,KAAAR,MAAA,WAAAQ,MC7CkX,I,YCO9WrB,EAAY,eACd,EACAzH,EACAqD,GACA,EACA,KACA,WACA,MAIa,OAAAoE,E,2CClBf,W,kCCCA,IAAIsB,EAAuB,EAAQ,QAA8BC,OAC7DC,EAAQ,EAAQ,QAChBC,EAAc,EAAQ,QAEtBC,EAAM,MAIVC,EAAOC,QAAU,SAAUC,GACzB,OAAOL,GAAM,WACX,QAASC,EAAYI,MAChBH,EAAIG,OAAmBH,GACtBJ,GAAwBG,EAAYI,GAAaxD,OAASwD","file":"js/chunk-eb5dc51e.548f35b6.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:{\n        'alert-error': _vm.alertType == 'error',\n        'alert-success': _vm.alertType == 'success'\n      },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-12 ml-auto mr-auto\"},[_c('div',{staticClass:\"mb-8 mt-8 text-center\"},[_c('h1',[_vm._v(\"Payment Schedule\")])]),_c('div',{staticClass:\"pl-5\"},[_c('v-row',[_c('v-col',{staticClass:\"pr-4\",attrs:{\"cols\":\"4\"}},[_c('v-autocomplete',{attrs:{\"items\":_vm.contractEmployer,\"outlined\":\"\",\"dense\":\"\",\"item-text\":\"name\",\"label\":\"Contracting Company\",\"item-value\":\"id\"},model:{value:(_vm.formData.ContractingCompanyId),callback:function ($$v) {_vm.$set(_vm.formData, \"ContractingCompanyId\", $$v)},expression:\"formData.ContractingCompanyId\"}})],1),_c('v-col',{attrs:{\"cols\":\"4\"}},[_c('SelectField',{attrs:{\"items\":_vm.salaryPeriods,\"label\":'Salary Cycle',\"itemText\":'description',\"itemValue\":'id'},model:{value:(_vm.formData.SalaryPeriodtId),callback:function ($$v) {_vm.$set(_vm.formData, \"SalaryPeriodtId\", $$v)},expression:\"formData.SalaryPeriodtId\"}})],1),_c('v-col',{staticClass:\"text-left\",attrs:{\"cols\":\"2\"}},[_c('v-btn',{staticClass:\"btn btnSubmit\",attrs:{\"small\":\"\"},on:{\"click\":function($event){$event.preventDefault();return _vm.filter.apply(null, arguments)}}},[_vm._v(\"Submit\")])],1)],1)],1),_c('div',{staticClass:\"payment-table\"},[_c('v-simple-table',{attrs:{\"fixed-header\":\"\"},scopedSlots:_vm._u([{key:\"default\",fn:function(){return [_c('thead',[_c('tr',[_c('th',[_vm._v(\"Company Name\")]),_c('th',{staticStyle:{\"min-width\":\"1%\",\"white-space\":\"nowrap\"}},[_vm._v(\"Personnel Name\")]),_c('th',[_vm._v(\"Salary Period\")]),_vm._l((_vm.firstPaymentItems),function(item){return _c('th',{key:item},[_vm._v(_vm._s(item.description))])})],2)]),_c('tbody',_vm._l((_vm.paymentData),function(payment){return _c('tr',{key:payment},[_c('td',{staticStyle:{\"min-width\":\"1%\",\"white-space\":\"nowrap\"}},[_vm._v(_vm._s(payment.companyName))]),_c('td',{staticStyle:{\"min-width\":\"1%\",\"white-space\":\"nowrap\"}},[_vm._v(_vm._s(payment.employeeName))]),_c('td',[_vm._v(_vm._s(payment.salaryPeriodDescription))]),_vm._l((payment.payItems),function(payItem){return _c('td',{key:payItem},[_vm._v(\" \"+_vm._s(_vm.formatAmount(payItem.amount))+\" \")])})],2)}),0)]},proxy:true}])})],1)]),(_vm.paymentData.length > 0)?_c('div',{staticClass:\"col-md-12 mt-2 ml-auto text-right\"},[_c('export-excel',{attrs:{\"data\":_vm.paymentSchedule,\"fields\":_vm.exportFields,\"type\":\"xls\",\"worksheet\":\"paymentSchedule\",\"name\":\"paymentSchedule.xls\"}},[_c('Button',{attrs:{\"label\":'Export to Excel',\"btnType\":'Submit'}})],1)],1):_vm._e()])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-app>\r\n    <!-- alert  -->\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=\"{\r\n          'alert-error': alertType == 'error',\r\n          'alert-success': alertType == 'success'\r\n        }\"\r\n      >\r\n        {{ alertMessage }}\r\n      </v-alert>\r\n    </div>\r\n    <!-- end of alert  -->\r\n    <div class=\"row\">\r\n      <div class=\"col-md-12 ml-auto mr-auto\">\r\n        <div class=\"mb-8 mt-8 text-center\">\r\n          <h1>Payment Schedule</h1>\r\n        </div>\r\n      <!-- <v-table\r\n        loading\r\n        :headers=\"getPaymentHeaders\"\r\n        :items=\"getPaymentData\"\r\n      ></v-table> -->\r\n\r\n      <div class=\"pl-5\">\r\n        <v-row>\r\n          <v-col cols=\"4\" class=\"pr-4\">\r\n            <v-autocomplete\r\n            :items=\"contractEmployer\"\r\n            v-model=\"formData.ContractingCompanyId\"\r\n            outlined\r\n            dense\r\n            item-text=\"name\"\r\n            label=\"Contracting Company\"\r\n            item-value=\"id\"\r\n          ></v-autocomplete>\r\n          </v-col>\r\n          <v-col cols=\"4\">\r\n            <SelectField\r\n                :items=\"salaryPeriods\"\r\n                v-model=\"formData.SalaryPeriodtId\"\r\n                :label=\"'Salary Cycle'\"\r\n                :itemText=\"'description'\"\r\n                :itemValue=\"'id'\"\r\n              />\r\n          </v-col>\r\n          <v-col cols=\"2\" class=\"text-left\">\r\n            <v-btn\r\n                    small\r\n                    class=\"btn btnSubmit\"\r\n                    @click.prevent=\"filter\"\r\n                  >Submit</v-btn>\r\n          </v-col>\r\n        </v-row>\r\n      </div>\r\n\r\n      <div class=\"payment-table\">\r\n        <v-simple-table\r\n          fixed-header\r\n        >\r\n          <template v-slot:default>\r\n            <thead>\r\n              <tr>\r\n                <th>Company Name</th>\r\n                <th style=\"min-width: 1%;\r\n    white-space: nowrap;\">Personnel Name</th>\r\n                <th>Salary Period</th>\r\n                <th v-for=\"item in firstPaymentItems\" :key=\"item\">{{item.description}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody>\r\n              <tr v-for=\"payment in paymentData\" :key=\"payment\">\r\n                <td style=\"min-width: 1%; white-space: nowrap;\">{{payment.companyName}}</td>\r\n                <td style=\"min-width: 1%; white-space: nowrap;\">{{payment.employeeName}}</td>\r\n                <td>{{payment.salaryPeriodDescription}}</td>\r\n                <td v-for=\"payItem in payment.payItems\" :key=\"payItem\">\r\n                  {{formatAmount(payItem.amount)}}\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </template>\r\n        </v-simple-table>\r\n      </div>\r\n      <!-- <v-data-table\r\n      :headers=\"paymentScheduleHeader\"\r\n      :items =\"paymentSchedule\"\r\n      >\r\n        <template v-slot:item.monthBasic=\"{ item }\">\r\n      <div class=\"actionBtn\">\r\n        <p>{{item.payItems[0].amount}}</p>\r\n      </div>\r\n    </template>\r\n      </v-data-table> -->\r\n      </div>\r\n      <div v-if=\"paymentData.length > 0\" class=\"col-md-12 mt-2 ml-auto text-right\">\r\n        <export-excel\r\n          :data=\"paymentSchedule\"\r\n          :fields=\"exportFields\"\r\n          type=\"xls\"\r\n          worksheet=\"paymentSchedule\"\r\n          name=\"paymentSchedule.xls\"\r\n        >\r\n          <Button :label=\"'Export to Excel'\" :btnType=\"'Submit'\" />\r\n        </export-excel>\r\n      </div>\r\n    </div>\r\n  </v-app>\r\n</template>\r\n<script>\r\nimport { paymentScheduleService, contractEmployerService, salaryPeriodService } from '@/services'\r\nimport Button from '@/components/ui/form/Button.vue'\r\nimport SelectField from '@/components/ui/form/SelectField.vue'\r\nexport default {\r\n  components: {\r\n    Button,\r\n    SelectField\r\n  },\r\n  data () {\r\n    return {\r\n      alertMessage: '',\r\n      alert: false,\r\n      alertType: '',\r\n      valid: false,\r\n      isLoading: false,\r\n      id: '',\r\n      paymentSchedule: [],\r\n      paymentHeaders: [],\r\n      paymentData: [],\r\n      exportFields: {},\r\n      firstPaymentItems: [],\r\n      contractEmployer: [],\r\n      salaryPeriods: [],\r\n      formData: {\r\n        'ContractingCompanyId': '0',\r\n        'SalaryPeriodtId': '0'\r\n      }\r\n    }\r\n  },\r\n\r\n  methods: {\r\n    showAlertMessage (message, type) {\r\n      this.alertMessage = message\r\n      this.alert = true\r\n      this.alertType = type\r\n    },\r\n    close () {\r\n\r\n    },\r\n    process () {\r\n\r\n    },\r\n    formatAmount (value) {\r\n      return value.toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,')\r\n    },\r\n    loadPaymentSchedule (data) {\r\n      paymentScheduleService.loadPaymentSchedules(data).then(result => {\r\n        const data = result.data\r\n        this.paymentData = data\r\n        const rows = []\r\n        const headers = [\r\n          {\r\n            text: 'Company Name',\r\n            value: 'companyName'\r\n          },\r\n          {\r\n            text: 'Employee Name',\r\n            value: 'employeeName'\r\n          },\r\n          {\r\n            text: 'Salary Period',\r\n            value: 'salaryPeriodDescription'\r\n          }\r\n        ]\r\n\r\n        const exportColumns = {\r\n          'Company Name': 'companyName',\r\n          'Employee Name': 'employeeName',\r\n          'Salary Period': 'salaryPeriodDescription'\r\n        }\r\n\r\n        if (data.length > 0) {\r\n          console.clear()\r\n          const firstData = data[0]\r\n          this.firstPaymentItems = firstData.payItems\r\n          // const paymentRows1 = {}\r\n          firstData.payItems.forEach(item => {\r\n            headers.push({\r\n              text: item.description.toString().trim(),\r\n              value: item.description.toString().trim().replace(/\\s/g, '')\r\n            })\r\n\r\n            Object.assign(exportColumns, { [item.description.toString()]: item.description.toString().trim().replace(/\\s/g, '') })\r\n          })\r\n\r\n          this.paymentHeaders = headers\r\n          this.exportFields = exportColumns\r\n\r\n          data.forEach(item => {\r\n            const paymentRows = {}\r\n            const employee = {\r\n              companyName: item.companyName,\r\n              employeeName: item.employeeName,\r\n              salaryPeriodDescription: item.salaryPeriodDescription\r\n            }\r\n\r\n            item.payItems.forEach(payItem => {\r\n              let paymentName = payItem.description.toString().trim()\r\n              paymentName = paymentName.replace(/\\s/g, '')\r\n              const payment = { [paymentName]: this.formatAmount(payItem.amount) }\r\n              Object.assign(paymentRows, payment)\r\n            })\r\n\r\n            Object.assign(employee, paymentRows)\r\n            rows.push(employee)\r\n          })\r\n        }\r\n        // this.paymentSchedule = result.data\r\n        this.paymentSchedule = rows\r\n        // console.log('🚀 ~ file: index.vue ~ line 145 ~ paymentScheduleService.loadPaymentSchedule ~ rows', rows)\r\n      }).catch(() => {\r\n        this.showAlertMessage('Unable to load payment schedules', 'error')\r\n      })\r\n    },\r\n    getData (name, array) {\r\n      const newVal = array.find(arg => arg.description === name)\r\n      return newVal.amount\r\n    },\r\n    getContractEmployer () {\r\n      contractEmployerService.getAllContractEmployers().then((result) => {\r\n        this.contractEmployer = result.data.items\r\n        this.contractEmployer.unshift({ 'id': '0', 'name': 'All' })\r\n      })\r\n    },\r\n    loadSalaryPeriod () {\r\n      salaryPeriodService.getAllSalaryPeriod().then(result => {\r\n        this.salaryPeriods = result.data\r\n        this.salaryPeriods.unshift({ 'id': '0', 'description': 'All' })\r\n      }).catch(error => {\r\n        console.log(error)\r\n      })\r\n    },\r\n    filter () {\r\n      let ContractingCompanyId = parseInt(this.formData.ContractingCompanyId) || 0\r\n      let SalaryPeriodtId = parseInt(this.formData.SalaryPeriodtId) || 0\r\n      this.loadPaymentSchedule({ ContractingCompanyId, SalaryPeriodtId })\r\n    }\r\n\r\n  },\r\n  created () {\r\n    this.getContractEmployer()\r\n    this.loadSalaryPeriod()\r\n    this.loadPaymentSchedule({\r\n      'ContractingCompanyId': 0,\r\n      'SalaryPeriodtId': 0\r\n    })\r\n  },\r\n  beforeRouteUpdate (to, from, next) {\r\n    this.loadPaymentSchedule(to.params.id)\r\n    next()\r\n  },\r\n  watch: {\r\n    getPaymentHeaders () {\r\n      return this.paymentHeaders\r\n    },\r\n    getPaymentData () {\r\n      return this.paymentSchedule\r\n    }\r\n  }\r\n}\r\n\r\n</script>\r\n<style scoped>\r\n.payment-table {\r\n  max-height: 500px;\r\n  overflow: auto;\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\ntable {\r\n    display: block;\r\n    overflow-x: auto;\r\n    white-space: nowrap;\r\n}\r\n.btn{\r\n    border: 0;\r\n    color: #fff;\r\n    cursor: pointer;\r\n    font-family: \"GothamBold\",Arial,sans-serif;\r\n    font-size: 14px;\r\n    padding: 18.5px 20px  !important;\r\n    text-decoration: none;\r\n    border-bottom-style: none;\r\n    border-radius: 3;\r\n    margin-left: 4px;\r\n}\r\n.btnSubmit{\r\n  background: #0066b2 !important;\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!./index.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!./index.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=62b07434&scoped=true\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=62b07434&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  \"62b07434\",\n  null\n  \n)\n\nexport default component.exports","'use strict';\nvar $ = require('../internals/export');\nvar $trim = require('../internals/string-trim').trim;\nvar forcedStringTrimMethod = require('../internals/string-trim-forced');\n\n// `String.prototype.trim` method\n// https://tc39.es/ecma262/#sec-string.prototype.trim\n$({ target: 'String', proto: true, forced: forcedStringTrimMethod('trim') }, {\n  trim: function trim() {\n    return $trim(this);\n  }\n});\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-select',{attrs:{\"items\":_vm.items,\"item-text\":_vm.itemText,\"item-value\":_vm.itemValue,\"dense\":\"\",\"outlined\":\"\",\"return-object\":_vm.returnObject,\"label\":_vm.label,\"rules\":_vm.validate ? [v => !!v || 'Item is required'] : []},on:{\"input\":function($event){return _vm.$emit('input', $event)},\"change\":_vm.onChange}})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-select\r\n    :items=\"items\"\r\n    :item-text=\"itemText\"\r\n    :item-value=\"itemValue\"\r\n    dense\r\n    outlined\r\n    :return-object=\"returnObject\"\r\n    :label=\"label\"\r\n    :rules=\"validate ? [v => !!v || 'Item is required'] : []\"\r\n    @input=\"$emit('input', $event)\"\r\n    @change=\"onChange\"\r\n  ></v-select>\r\n</template>\r\n<script>\r\nexport default {\r\n  props: {\r\n    items: {\r\n      type: Array,\r\n      required: true\r\n    },\r\n    label: {\r\n      type: String,\r\n      required: true\r\n    },\r\n    itemText: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    returnObject: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    itemValue: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    validate: {\r\n      default: true,\r\n      type: Boolean\r\n    }\r\n  },\r\n  data: () => ({}),\r\n  methods: {\r\n    onChange (event) {\r\n      this.$emit('onChange', event)\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style scoped>\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!./SelectField.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!./SelectField.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./SelectField.vue?vue&type=template&id=39a72acb&scoped=true\"\nimport script from \"./SelectField.vue?vue&type=script&lang=js\"\nexport * from \"./SelectField.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  \"39a72acb\",\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!./index.vue?vue&type=style&index=0&id=62b07434&prod&scoped=true&lang=css\"","'use strict';\nvar PROPER_FUNCTION_NAME = require('../internals/function-name').PROPER;\nvar fails = require('../internals/fails');\nvar whitespaces = require('../internals/whitespaces');\n\nvar non = '\\u200B\\u0085\\u180E';\n\n// check that a method works with the correct list\n// of whitespaces and has a correct name\nmodule.exports = function (METHOD_NAME) {\n  return fails(function () {\n    return !!whitespaces[METHOD_NAME]()\n      || non[METHOD_NAME]() !== non\n      || (PROPER_FUNCTION_NAME && whitespaces[METHOD_NAME].name !== METHOD_NAME);\n  });\n};\n"],"sourceRoot":""}