{"version":3,"sources":["webpack:///./src/views/terminal-benefits/Terminal-benefits-rate.vue","webpack:///src/views/terminal-benefits/Terminal-benefits-rate.vue","webpack:///./src/views/terminal-benefits/Terminal-benefits-rate.vue?860e","webpack:///./src/views/terminal-benefits/Terminal-benefits-rate.vue?f24d","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/components/ui/confirmationDialog.vue","webpack:///src/components/ui/confirmationDialog.vue","webpack:///./src/components/ui/confirmationDialog.vue?0e04","webpack:///./src/components/ui/confirmationDialog.vue?dbad","webpack:///./src/views/terminal-benefits/Terminal-benefits-rate.vue?2660"],"names":["render","_vm","this","_c","_self","staticClass","class","alertType","attrs","model","value","alert","callback","$$v","expression","_v","_s","alertMessage","ref","valid","exitReasons","formData","ExitReason","$set","salaryComponents","on","getInputLabel","SalaryComponent","label","rate","addBenefit","TerminalBenefitRates","length","rateHeader","scopedSlots","_u","key","fn","_ref","item","$event","removeRate","_e","isSaving","dialog","onReset","onSave","staticRenderFns","components","SelectField","TextField","Button","ConfirmationDialog","data","text","methods","showAlertMessage","message","type","_this","setTimeout","push","ExitReasonId","id","name","SalaryComponentId","salaryComponent","description","index","i","console","log","splice","_this2","forEach","$store","dispatch","CREATE_TERMINALRATE","then","catch","error","finally","$refs","terminalBenefitRate","reset","_this3","salaryComponentService","getLabel","result","mounted","_this4","benefitService","getExitReasons","getAllSalaryBenefits","component","items","itemText","itemValue","returnObject","validate","v","$emit","onChange","props","Array","required","String","default","Boolean","event","show","title","btnTitle","loading","btnAction","stopPropagation","isLoading","computed","get","set"],"mappings":"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","file":"js/chunk-0bac3852.fad553bc.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-6 ml-auto mr-auto\"},[_c('div',{staticClass:\"mb-8 mt-8 text-center\"},[_c('h1',[_vm._v(\"Terminal Benefit Rate\")])]),_c('v-form',{ref:\"terminalBenefitRate\",model:{value:(_vm.valid),callback:function ($$v) {_vm.valid=$$v},expression:\"valid\"}},[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',[_c('SelectField',{attrs:{\"items\":_vm.exitReasons,\"label\":'Exit Reason',\"returnObject\":true,\"itemText\":'name',\"itemValue\":'id'},model:{value:(_vm.formData.ExitReason),callback:function ($$v) {_vm.$set(_vm.formData, \"ExitReason\", $$v)},expression:\"formData.ExitReason\"}})],1),_c('v-col',[_c('SelectField',{attrs:{\"items\":_vm.salaryComponents,\"label\":'Salary Component',\"returnObject\":true,\"itemText\":'description',\"itemValue\":'id'},on:{\"onChange\":_vm.getInputLabel},model:{value:(_vm.formData.SalaryComponent),callback:function ($$v) {_vm.$set(_vm.formData, \"SalaryComponent\", $$v)},expression:\"formData.SalaryComponent\"}})],1),_c('v-col',[_c('TextField',{attrs:{\"type\":'number',\"label\":_vm.label},model:{value:(_vm.formData.rate),callback:function ($$v) {_vm.$set(_vm.formData, \"rate\", $$v)},expression:\"formData.rate\"}})],1),_c('v-col',{staticClass:\"d-flex justify-end mb-6\",attrs:{\"cols\":\"12\"}},[_c('Button',{attrs:{\"label\":'Add',\"btnType\":'Submit',\"disabled\":!_vm.valid},on:{\"onClick\":_vm.addBenefit}})],1),_c('v-row',[_c('div',{staticClass:\"col-sm-12 ml-auto mr-auto\"},[(_vm.TerminalBenefitRates.length > 0)?_c('v-col',{staticClass:\"mb-6\"},[_c('v-data-table',{attrs:{\"loading-text\":\"Loading Terminal Benefit Rate... Please wait\",\"loading\":!_vm.TerminalBenefitRates.length,\"headers\":_vm.rateHeader,\"items\":_vm.TerminalBenefitRates},scopedSlots:_vm._u([{key:\"item.actions\",fn:function({ item }){return [_c('v-icon',{attrs:{\"small\":\"\"},on:{\"click\":function($event){return _vm.removeRate(item)}}},[_vm._v(\" mdi-delete \")])]}}],null,false,3462205254)})],1):_vm._e()],1)]),_c('v-col',{staticClass:\"d-flex justify-end\",attrs:{\"cols\":\"12\"}},[_c('Button',{staticClass:\"mr-4\",attrs:{\"label\":'Submit',\"btnType\":'Submit',\"disabled\":!_vm.valid,\"isLoading\":_vm.isSaving},on:{\"onClick\":function($event){_vm.dialog = true}}}),_c('Button',{attrs:{\"label\":'Reset',\"btnType\":'Cancel'},on:{\"onClick\":_vm.onReset}})],1)],1)],1)],1)]),_c('ConfirmationDialog',{attrs:{\"title\":'Are you sure you want to submit?',\"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    <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    <div class=\"row\">\r\n      <div class=\"col-md-6 ml-auto mr-auto\">\r\n        <div class=\"mb-8 mt-8 text-center\">\r\n          <h1>Terminal Benefit Rate</h1>\r\n        </div>\r\n        <v-form ref=\"terminalBenefitRate\" v-model=\"valid\">\r\n          <v-row no-gutters>\r\n            <v-col>\r\n              <SelectField\r\n                :items=\"exitReasons\"\r\n                v-model=\"formData.ExitReason\"\r\n                :label=\"'Exit Reason'\"\r\n                :returnObject=\"true\"\r\n                :itemText=\"'name'\"\r\n                :itemValue=\"'id'\"\r\n              />\r\n            </v-col>\r\n            <v-col>\r\n              <SelectField\r\n                :items=\"salaryComponents\"\r\n                v-model=\"formData.SalaryComponent\"\r\n                :label=\"'Salary Component'\"\r\n                :returnObject=\"true\"\r\n                :itemText=\"'description'\"\r\n                :itemValue=\"'id'\"\r\n                @onChange=\"getInputLabel\"\r\n              />\r\n            </v-col>\r\n            <v-col>\r\n              <TextField\r\n                v-model=\"formData.rate\"\r\n                :type=\"'number'\"\r\n                :label=\"label\"\r\n              />\r\n            </v-col>\r\n            <v-col cols=\"12\" class=\"d-flex justify-end mb-6\">\r\n              <Button\r\n                :label=\"'Add'\"\r\n                :btnType=\"'Submit'\"\r\n                :disabled=\"!valid\"\r\n                @onClick=\"addBenefit\"\r\n                class=\"\"\r\n              />\r\n            </v-col>\r\n\r\n            <v-row>\r\n              <div class=\"col-sm-12 ml-auto mr-auto\">\r\n                <v-col v-if=\"TerminalBenefitRates.length > 0\" class=\"mb-6\">\r\n                  <v-data-table\r\n                      loading-text=\"Loading Terminal Benefit Rate... Please wait\"\r\n                      :loading=\"!TerminalBenefitRates.length\"\r\n                    :headers=\"rateHeader\"\r\n                    :items=\"TerminalBenefitRates\"\r\n                  >\r\n                    <template v-slot:item.actions=\"{ item }\">\r\n                      <v-icon small @click=\"removeRate(item)\">\r\n                        mdi-delete\r\n                      </v-icon>\r\n                    </template>\r\n                  </v-data-table>\r\n                </v-col>\r\n              </div>\r\n            </v-row>\r\n\r\n            <v-col cols=\"12\" 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=\"isSaving\"\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        </v-form>\r\n      </div>\r\n    </div>\r\n    <ConfirmationDialog :title=\"'Are you sure you want to submit?'\" :dialog=\"dialog\" :btnTitle=\"'Yes'\" @close=\"dialog = false\" @btnAction=\"onSave\"/>\r\n  </v-app>\r\n</template>\r\n<script>\r\nimport SelectField from '@/components/ui/form/SelectField.vue'\r\nimport TextField from '@/components/ui/form/TextField.vue'\r\nimport Button from '@/components/ui/form/Button.vue'\r\nimport ConfirmationDialog from '@/components/ui/confirmationDialog.vue'\r\nimport { benefitService, salaryComponentService } from '@/services'\r\nimport { CREATE_TERMINALRATE } from '@/store/action-type'\r\nexport default {\r\n  components: {\r\n    SelectField,\r\n    TextField,\r\n    Button,\r\n    ConfirmationDialog\r\n  },\r\n  data () {\r\n    return {\r\n      dialog: false,\r\n      alertMessage: '',\r\n      alert: false,\r\n      alertType: '',\r\n      valid: false,\r\n      isSaving: false,\r\n      formData: {\r\n        ExitReason: '',\r\n        SalaryComponent: '',\r\n        rate: 0\r\n      },\r\n      label: 'Rate',\r\n      exitReasons: [],\r\n      salaryComponents: [],\r\n      TerminalBenefitRates: [],\r\n      rateHeader: [\r\n        { text: 'Exit Reason', value: 'ExitReason' },\r\n        { text: 'Salary Component', value: 'salaryComponent' },\r\n        { text: 'Rate', value: 'rate' },\r\n        { text: 'Actions', value: 'actions' }\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      setTimeout(() => { this.alert = false }, 5000)\r\n    },\r\n    addBenefit () {\r\n      this.TerminalBenefitRates.push({\r\n        ExitReasonId: this.formData.ExitReason.id,\r\n        ExitReason: this.formData.ExitReason.name,\r\n        SalaryComponentId: this.formData.SalaryComponent.id,\r\n        salaryComponent: this.formData.SalaryComponent.description,\r\n        rate: this.formData.rate\r\n      })\r\n    },\r\n    removeRate (item) {\r\n      let index = null\r\n      for (let i = 0; i < this.TerminalBenefitRates.length; i++) {\r\n        if (this.TerminalBenefitRates[i].id === item.id) {\r\n          index = i\r\n          break\r\n        }\r\n      }\r\n      console.log(index)\r\n      this.TerminalBenefitRates.splice(index, 1)\r\n    },\r\n\r\n    onSave () {\r\n      let data = []\r\n      this.TerminalBenefitRates.forEach(rate => {\r\n        return data.push({\r\n          ExitReasonId: rate.ExitReasonId,\r\n          SalaryComponentId: rate.SalaryComponentId,\r\n          rate: rate.rate\r\n        })\r\n      })\r\n      this.isSaving = true\r\n      this.$store\r\n        .dispatch(CREATE_TERMINALRATE, data)\r\n        .then(() => {\r\n          this.showAlertMessage('Terminal Rate creation successful', 'success')\r\n        })\r\n        .catch(error => {\r\n          console.log(error)\r\n          this.showAlertMessage('Terminal Rate creation failed', 'error')\r\n        })\r\n        .finally(() => {\r\n          this.isSaving = false\r\n          this.dialog = false\r\n          this.onReset()\r\n        })\r\n    },\r\n    onReset () {\r\n      this.$refs.terminalBenefitRate.reset()\r\n    },\r\n    getInputLabel (item) {\r\n      salaryComponentService.getLabel(item.id).then(result => {\r\n        this.label = result.data.label\r\n      }).catch(error => {\r\n        console.log(error)\r\n      })\r\n    }\r\n  },\r\n  mounted () {\r\n    benefitService.getExitReasons().then(result => {\r\n      this.exitReasons = result.data\r\n    })\r\n    salaryComponentService.getAllSalaryBenefits().then(result => {\r\n      this.salaryComponents = result.data\r\n    })\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</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!./Terminal-benefits-rate.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!./Terminal-benefits-rate.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Terminal-benefits-rate.vue?vue&type=template&id=23d9d350&scoped=true\"\nimport script from \"./Terminal-benefits-rate.vue?vue&type=script&lang=js\"\nexport * from \"./Terminal-benefits-rate.vue?vue&type=script&lang=js\"\nimport style0 from \"./Terminal-benefits-rate.vue?vue&type=style&index=0&id=23d9d350&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  \"23d9d350\",\n  null\n  \n)\n\nexport default component.exports","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","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","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!./Terminal-benefits-rate.vue?vue&type=style&index=0&id=23d9d350&prod&scoped=true&lang=css\""],"sourceRoot":""}