{"version":3,"sources":["webpack:///./src/views/end-of-contract/index.vue?9b69","webpack:///./src/views/end-of-contract/index.vue","webpack:///src/views/end-of-contract/index.vue","webpack:///./src/views/end-of-contract/index.vue?ca99","webpack:///./src/views/end-of-contract/index.vue?7e32","webpack:///./src/components/ui/confirmationDialog.vue","webpack:///src/components/ui/confirmationDialog.vue","webpack:///./src/components/ui/confirmationDialog.vue?0e04","webpack:///./src/components/ui/confirmationDialog.vue?dbad"],"names":["render","_vm","this","_c","_self","staticClass","class","alertType","attrs","model","value","alert","callback","$$v","expression","_v","_s","alertMessage","scopedSlots","_u","key","fn","proxy","ref","valid","exitDate","exitMonth","exitYear","BenefitHeader","Benefits","_ref","headers","item","length","_l","benefits","index","description","amount","directives","name","rawName","multiplier","domProps","on","$event","target","composing","$set","isLoading","dialog","onReset","onSave","staticRenderFns","components","TextField","Button","ConfirmationDialog","data","terminalItemValid","search","exitReasonId","text","watch","val","Date","getMonth","toString","getFullYear","methods","openPersonnelSearchModal","$refs","personnelSearch","openModal","showAlertMessage","message","type","loadContractEmployees","_this","benefitService","endOfContract","then","result","catch","error","console","log","_this2","forEach","ben","terminalBenefitItems","terminalBen","push","salaryComponentId","EmployeeId","employee","id","$store","dispatch","CREATE_TERMINALBENEFIT","finally","reset","formData","personnelName","onBoardingDate","salary","workLocation","costCenter","mounted","component","show","title","btnTitle","loading","btnAction","stopPropagation","props","String","Boolean","computed","get","set","$emit"],"mappings":"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","file":"js/chunk-7854687e.754de6b8.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!./index.vue?vue&type=style&index=0&id=8540d378&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-app',[_c('div',[_c('v-alert',{staticClass:\"alert\",class:{\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-8 ml-auto mr-auto\"},[_c('div',{staticClass:\"mb-8 mt-8 text-center\"},[_c('h1',[_vm._v(\"End of Contract\")])]),_c('v-expansion-panels',{staticClass:\"mb-5\"},[_c('v-expansion-panel',[_c('v-expansion-panel-header',{scopedSlots:_vm._u([{key:\"actions\",fn:function(){return [_c('v-icon',{attrs:{\"color\":\"primary\"}},[_vm._v(\" $expand \")])]},proxy:true}])},[_vm._v(\" Exit Date \")]),_c('v-expansion-panel-content',[_c('v-col',{attrs:{\"cols\":\"10\",\"offset\":\"1\"}},[_c('v-form',{ref:\"endOfContract\",model:{value:(_vm.valid),callback:function ($$v) {_vm.valid=$$v},expression:\"valid\"}},[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',[_c('TextField',{attrs:{\"type\":'date',\"label\":'Exit Date'},model:{value:(_vm.exitDate),callback:function ($$v) {_vm.exitDate=$$v},expression:\"exitDate\"}})],1),_c('v-col',{staticClass:\"pr-1\",attrs:{\"cols\":\"6\"}},[_c('TextField',{attrs:{\"type\":'number',\"disable\":true,\"label\":'Exit Month'},model:{value:(_vm.exitMonth),callback:function ($$v) {_vm.exitMonth=$$v},expression:\"exitMonth\"}})],1),_c('v-col',{staticClass:\"pl-1\",attrs:{\"cols\":\"6\"}},[_c('TextField',{attrs:{\"type\":'number',\"disable\":true,\"label\":'Exit Year'},model:{value:(_vm.exitYear),callback:function ($$v) {_vm.exitYear=$$v},expression:\"exitYear\"}})],1)],1)],1)],1)],1)],1)],1),_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-data-table',{attrs:{\"headers\":_vm.BenefitHeader,\"items\":_vm.Benefits,\"single-expand\":false,\"item-key\":\"employee.id\",\"show-expand\":\"\"},scopedSlots:_vm._u([{key:\"expanded-item\",fn:function({headers, item }){return [_c('td',{staticClass:\"pa-0\",attrs:{\"colspan\":headers.length}},[_c('table',{staticClass:\"sub-table\"},[_c('tr',{staticClass:\"table-header\"},[_c('td',[_vm._v(\"Salary Component\")]),_c('td',[_vm._v(\"Amount\")]),_c('td',[_vm._v(\"Multiplier\")])]),_vm._l((item.benefits),function(benefits,index){return _c('tr',{key:index,staticClass:\"table-body\"},[_c('td',[_vm._v(_vm._s(benefits.description))]),_c('td',[_vm._v(_vm._s(benefits.amount))]),_c('td',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(benefits.multiplier),expression:\"benefits.multiplier\"}],staticClass:\"input\",attrs:{\"type\":\"text\"},domProps:{\"value\":(benefits.multiplier)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(benefits, \"multiplier\", $event.target.value)}}})])])})],2)])]}}])})],1)],1)],1)]),_c('v-row',[_c('v-col',{staticClass:\"d-flex justify-end\",attrs:{\"cols\":\"11 mt-5\"}},[_c('Button',{staticClass:\"mr-4\",attrs:{\"label\":'Submit',\"btnType\":'Submit',\"disabled\":!_vm.valid,\"isLoading\":_vm.isLoading},on:{\"onClick\":function($event){_vm.dialog = true}}}),_c('Button',{attrs:{\"label\":'Reset',\"btnType\":'Cancel'},on:{\"onClick\":_vm.onReset}})],1)],1),_c('ConfirmationDialog',{attrs:{\"title\":'Are you sure you want to submit?',\"isLoading\":_vm.isLoading,\"dialog\":_vm.dialog,\"btnTitle\":'Yes'},on:{\"close\":function($event){_vm.dialog = false},\"btnAction\":_vm.onSave}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-app>\r\n    <!-- alert begin -->\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    <!-- alert end  -->\r\n\r\n    <div class=\"row\">\r\n      <div class=\"col-md-8 ml-auto mr-auto\">\r\n        <div class=\"mb-8 mt-8 text-center\">\r\n          <h1>End of Contract</h1>\r\n        </div>\r\n\r\n        <v-expansion-panels class=\"mb-5\">\r\n          <v-expansion-panel>\r\n             <v-expansion-panel-header>\r\n              Exit Date\r\n              <template v-slot:actions>\r\n                <v-icon color=\"primary\">\r\n                  $expand\r\n                </v-icon>\r\n              </template>\r\n            </v-expansion-panel-header>\r\n            <v-expansion-panel-content>\r\n              <v-col cols=\"10\" offset=\"1\">\r\n          <v-form ref=\"endOfContract\" v-model=\"valid\">\r\n          <v-row no-gutters>\r\n            <v-col>\r\n                 <TextField  :type=\"'date'\" v-model=\"exitDate\" :label=\"'Exit Date'\"/>\r\n            </v-col>\r\n            <v-col cols=\"6\" class=\"pr-1\">\r\n               <TextField  :type=\"'number'\" v-model=\"exitMonth\" :disable='true' :label=\"'Exit Month'\"/>\r\n            </v-col>\r\n            <v-col cols=\"6\" class=\"pl-1\">\r\n               <TextField  :type=\"'number'\" v-model=\"exitYear\" :disable='true' :label=\"'Exit Year'\"/>\r\n            </v-col>\r\n          </v-row>\r\n        </v-form>\r\n        </v-col>\r\n            </v-expansion-panel-content>\r\n          </v-expansion-panel>\r\n        </v-expansion-panels>\r\n\r\n        <!-- Terminal Items  -->\r\n\r\n      <!-- end terminal items  -->\r\n\r\n        <!-- <v-row>\r\n          <v-col cols=\"12\" class=\"d-flex justify-end\">\r\n            <Button\r\n              :label=\"'Generate Benefit'\"\r\n              :btnType=\"'Submit'\"\r\n              @onClick=\"generateBenefit\"\r\n              :disabled=\"!valid\"\r\n              :isLoading=\"isLoading\"\r\n              class=\"\"\r\n            />\r\n          </v-col>\r\n        </v-row> -->\r\n\r\n        <!-- table  -->\r\n        <v-row no-gutters>\r\n          <v-col cols=\"12\">\r\n            <v-data-table\r\n            :headers=\"BenefitHeader\"\r\n            :items=\"Benefits\"\r\n            :single-expand=false\r\n            item-key=\"employee.id\"\r\n            show-expand\r\n            >\r\n\r\n            <template v-slot:expanded-item=\"{headers, item }\">\r\n              <td :colspan=\"headers.length\" class=\"pa-0\">\r\n                  <table class=\"sub-table\">\r\n                    <tr class=\"table-header\">\r\n                      <td>Salary Component</td>\r\n                      <td>Amount</td>\r\n                      <td>Multiplier</td>\r\n                    </tr>\r\n                    <tr class=\"table-body\" v-for=\"(benefits, index) in item.benefits\" :key=\"index\">\r\n                      <td>{{benefits.description}}</td>\r\n                     <td>{{benefits.amount}}</td>\r\n                     <td>  <input type=\"text\" class=\"input\" v-model=\"benefits.multiplier\" /></td>\r\n                    </tr>\r\n                  </table>\r\n\r\n              </td>\r\n\r\n            </template>\r\n\r\n            </v-data-table>\r\n          </v-col>\r\n        </v-row>\r\n\r\n         <!-- table end  -->\r\n      </div>\r\n    </div>\r\n\r\n    <v-row>\r\n      <v-col cols=\"11 mt-5\" class=\"d-flex justify-end\">\r\n        <Button\r\n          :label=\"'Submit'\"\r\n          :btnType=\"'Submit'\"\r\n          @onClick=\"dialog = true\"\r\n          :disabled=\"!valid\"\r\n          :isLoading=\"isLoading\"\r\n          class=\"mr-4\"\r\n        />\r\n\r\n        <Button :label=\"'Reset'\" :btnType=\"'Cancel'\" @onClick=\"onReset\" />\r\n      </v-col>\r\n    </v-row>\r\n     <ConfirmationDialog :title=\"'Are you sure you want to submit?'\" :isLoading=\"isLoading\" :dialog=\"dialog\" :btnTitle=\"'Yes'\" @close=\"dialog = false\" @btnAction=\"onSave\"/>\r\n  </v-app>\r\n</template>\r\n<script>\r\n\r\nimport Button from '@/components/ui/form/Button.vue'\r\nimport TextField from '@/components/ui/form/TextField.vue'\r\nimport { benefitService } from '@/services'\r\nimport ConfirmationDialog from '@/components/ui/confirmationDialog.vue'\r\nimport { CREATE_TERMINALBENEFIT } from '@/store/action-type'\r\nexport default {\r\n  components: {\r\n    TextField,\r\n    Button,\r\n    ConfirmationDialog\r\n  },\r\n  data () {\r\n    return {\r\n      alertMessage: '',\r\n      alert: false,\r\n      dialog: false,\r\n      alertType: '',\r\n      valid: false,\r\n      terminalItemValid: false,\r\n      search: '',\r\n      isLoading: false,\r\n      exitDate: '',\r\n      exitMonth: '',\r\n      exitReasonId: 5,\r\n      exitYear: '',\r\n      Benefits: [\r\n\r\n      ],\r\n      BenefitHeader: [\r\n        {\r\n          text: 'Employee',\r\n          value: 'employee.firstName'\r\n        },        \r\n        {\r\n          text: 'Email',\r\n          value: 'employee.email'\r\n        }\r\n      ]\r\n    }\r\n  },\r\n  watch: {\r\n    'exitDate': function (val) {\r\n      this.exitMonth = (new Date(val).getMonth() + 1).toString()\r\n      this.exitYear = new Date(val).getFullYear().toString()\r\n    }\r\n  },\r\n  methods: {\r\n    openPersonnelSearchModal () {\r\n      this.$refs.personnelSearch.openModal()\r\n    },\r\n    showAlertMessage (message, type) {\r\n      this.alertMessage = message\r\n      this.alert = true\r\n      this.alertType = type\r\n    },\r\n    loadContractEmployees () {\r\n      benefitService.endOfContract(1).then(result => {\r\n        this.Benefits = result.data\r\n      }).catch(error => {\r\n        console.log(error)\r\n        this.showAlertMessage('Fail to load Contract Employee', 'error')\r\n      })\r\n    },\r\n    onSave () {\r\n      const data = []\r\n      this.Benefits.forEach(ben => {\r\n        let terminalBenefitItems = []\r\n        ben.benefits.forEach(terminalBen => {\r\n          terminalBenefitItems.push({ multiplier: terminalBen.multiplier, amount: terminalBen.amount, salaryComponentId: terminalBen.salaryComponentId })\r\n        })\r\n        data.push({ EmployeeId: ben.employee.id, exitReasonId: this.exitReasonId, exitDate: this.exitDate, terminalBenefitItems })\r\n      })\r\n\r\n      this.isLoading = true\r\n\r\n      console.log(data)\r\n\r\n      this.$store.dispatch(CREATE_TERMINALBENEFIT, data).then(() => {\r\n        this.showAlertMessage('End of Contract successful', 'success')\r\n      }).catch((error) => {\r\n        console.log(error)\r\n        this.showAlertMessage('End of Contract failed', 'error')\r\n      }).finally(() => {\r\n        this.isLoading = false\r\n        this.dialog = false\r\n        this.onReset()\r\n      })\r\n    },\r\n    onReset () {\r\n      this.$refs.endOfContract.reset()\r\n      this.formData.personnelName = ''\r\n      this.formData.onBoardingDate = ''\r\n      this.formData.exitDate = ''\r\n      this.formData.salary = ''\r\n      this.formData.workLocation = ''\r\n      this.formData.costCenter = ''\r\n    }\r\n  },\r\n  mounted () {\r\n    this.loadContractEmployees()\r\n  }\r\n}\r\n</script>\r\n<style scoped>\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.btn-style{\r\n  border-color: #9f9a9a;\r\n}\r\n.table-header td{\r\n  font-weight: bold;\r\n}\r\n.table-body td {\r\n  background-color: white;\r\n}\r\n.sub-table {\r\n  border: 1px solid #efefef;\r\n}\r\n.input {\r\n  border: 1px solid grey;\r\n  height: 30px;\r\n  padding-left: 10px;\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=8540d378&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=8540d378&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  \"8540d378\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-dialog',{attrs:{\"persistent\":\"\",\"max-width\":\"500\"},model:{value:(_vm.show),callback:function ($$v) {_vm.show=$$v},expression:\"show\"}},[_c('v-card',[_c('v-card-title',{staticClass:\"headline text-center\"},[_c('h3',[_vm._v(_vm._s(_vm.title))])]),_c('v-divider',{staticClass:\"mx-4 mb-5\"}),_c('v-card-actions',[_c('v-spacer'),_c('Button',{staticClass:\"mr-4\",attrs:{\"label\":_vm.btnTitle,\"btnType\":'Submit',\"isLoading\":_vm.loading},on:{\"onClick\":_vm.btnAction}}),_c('v-btn',{attrs:{\"color\":\"green darken-1\",\"text\":\"\"},on:{\"click\":function($event){$event.stopPropagation();_vm.show=false}}},[_vm._v(\"No\")])],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-dialog v-model=\"show\" persistent max-width=\"500\">\r\n    <v-card>\r\n      <v-card-title class=\"headline text-center\"><h3>{{title}}</h3></v-card-title>\r\n      <v-divider class=\"mx-4 mb-5\"></v-divider>\r\n      <v-card-actions>\r\n        <v-spacer></v-spacer>\r\n        <Button\r\n          :label=\"btnTitle\"\r\n          :btnType=\"'Submit'\"\r\n          @onClick=\"btnAction\"\r\n          :isLoading=\"loading\"\r\n          class=\"mr-4\"\r\n        />\r\n        <v-btn color=\"green darken-1\" text @click.stop=\"show=false\">No</v-btn>\r\n      </v-card-actions>\r\n    </v-card>\r\n  </v-dialog>\r\n</template>\r\n<script>\r\nimport Button from './form/Button.vue'\r\nexport default {\r\n  components: {\r\n    Button\r\n  },\r\n  props: {\r\n    title: {\r\n      type: String\r\n    },\r\n    btnTitle: {\r\n      type: String\r\n    },\r\n    dialog: {\r\n      type: Boolean\r\n    },\r\n    isLoading: {\r\n      type: Boolean\r\n    }\r\n  },\r\n  computed: {\r\n    show: {\r\n      get () {\r\n        return this.dialog\r\n      },\r\n      set (dialog) {\r\n        if (!dialog) {\r\n          this.$emit('close')\r\n        }\r\n      }\r\n    },\r\n    loading: {\r\n      get () {\r\n        return this.isLoading\r\n      },\r\n      set (isLoading) {\r\n        if (!isLoading) {\r\n          this.$emit('close')\r\n        }\r\n      }\r\n    }\r\n  },\r\n  methods: {\r\n    btnAction () {\r\n      this.$emit('btnAction')\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!./confirmationDialog.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!./confirmationDialog.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./confirmationDialog.vue?vue&type=template&id=72eed400\"\nimport script from \"./confirmationDialog.vue?vue&type=script&lang=js\"\nexport * from \"./confirmationDialog.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"],"sourceRoot":""}