{"version":3,"sources":["webpack:///./src/views/deduction/index.vue?3777","webpack:///./node_modules/core-js/internals/same-value.js","webpack:///./node_modules/core-js/modules/es.string.search.js","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/views/deduction/index.vue","webpack:///src/views/deduction/index.vue","webpack:///./src/views/deduction/index.vue?1a19","webpack:///./src/views/deduction/index.vue?1590"],"names":["module","exports","Object","is","x","y","call","fixRegExpWellKnownSymbolLogic","anObject","isNullOrUndefined","requireObjectCoercible","sameValue","toString","getMethod","regExpExec","SEARCH","nativeSearch","maybeCallNative","regexp","O","this","searcher","undefined","RegExp","string","rx","S","res","done","value","previousLastIndex","lastIndex","result","index","render","_vm","_c","_self","attrs","persistent","width","model","showModal","callback","$$v","expression","staticClass","_v","_s","title","_t","staticRenderFns","props","type","String","default","subTitle","Number","Boolean","data","methods","closeModal","openModal","toggleModal","component","class","alertType","alert","alertMessage","on","addNew","search","isLoading","headers","deductionList","scopedSlots","_u","key","fn","_ref","item","getEmployeeName","employee","_ref2","_f","effectiveDate","_ref3","dedecutionAmount","_ref4","$event","edit","openCancel","ref","cancelRecord","cancel","proxy","components","Button","Dialog","formData","name","id","valid","isSavingUser","medicalRecords","text","computed","$router","push","showAlertMessage","message","$refs","deleteModal","_this","that","employeeDeductionService","deleteEmployeeDeduction","then","getDeductions","catch","modal","formatStatus","status","_this2","getEmployeeDeductions","items","concat","lastName","firstName","middleName","mounted"],"mappings":"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","file":"js/chunk-75c272ff.94b071cb.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=9590fd20&prod&scoped=true&lang=css\"","'use strict';\n// `SameValue` abstract operation\n// https://tc39.es/ecma262/#sec-samevalue\n// eslint-disable-next-line es/no-object-is -- safe\nmodule.exports = Object.is || function is(x, y) {\n  // eslint-disable-next-line no-self-compare -- NaN check\n  return x === y ? x !== 0 || 1 / x === 1 / y : x !== x && y !== y;\n};\n","'use strict';\nvar call = require('../internals/function-call');\nvar fixRegExpWellKnownSymbolLogic = require('../internals/fix-regexp-well-known-symbol-logic');\nvar anObject = require('../internals/an-object');\nvar isNullOrUndefined = require('../internals/is-null-or-undefined');\nvar requireObjectCoercible = require('../internals/require-object-coercible');\nvar sameValue = require('../internals/same-value');\nvar toString = require('../internals/to-string');\nvar getMethod = require('../internals/get-method');\nvar regExpExec = require('../internals/regexp-exec-abstract');\n\n// @@search logic\nfixRegExpWellKnownSymbolLogic('search', function (SEARCH, nativeSearch, maybeCallNative) {\n  return [\n    // `String.prototype.search` method\n    // https://tc39.es/ecma262/#sec-string.prototype.search\n    function search(regexp) {\n      var O = requireObjectCoercible(this);\n      var searcher = isNullOrUndefined(regexp) ? undefined : getMethod(regexp, SEARCH);\n      return searcher ? call(searcher, regexp, O) : new RegExp(regexp)[SEARCH](toString(O));\n    },\n    // `RegExp.prototype[@@search]` method\n    // https://tc39.es/ecma262/#sec-regexp.prototype-@@search\n    function (string) {\n      var rx = anObject(this);\n      var S = toString(string);\n      var res = maybeCallNative(nativeSearch, rx, S);\n\n      if (res.done) return res.value;\n\n      var previousLastIndex = rx.lastIndex;\n      if (!sameValue(previousLastIndex, 0)) rx.lastIndex = 0;\n      var result = regExpExec(rx, S);\n      if (!sameValue(rx.lastIndex, previousLastIndex)) rx.lastIndex = previousLastIndex;\n      return result === null ? -1 : result.index;\n    }\n  ];\n});\n","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","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-4 mt-8 d-flex\"},[_c('div',{staticClass:\"col-md-11\"},[_c('h1',[_vm._v(\"Personnel Deductions\")])]),_c('div',{staticClass:\"col-md-1\"},[_c('Button',{staticClass:\"mr-2\",attrs:{\"btnType\":'Submit',\"label\":'+'},on:{\"onClick\":_vm.addNew}})],1)]),_c('v-text-field',{attrs:{\"append-icon\":\"mdi-magnify\",\"label\":\"Search\",\"single-line\":\"\",\"hide-details\":\"\"},model:{value:(_vm.search),callback:function ($$v) {_vm.search=$$v},expression:\"search\"}}),_c('v-data-table',{attrs:{\"loading\":_vm.isLoading,\"loading-text\":\"Fetching records... Please wait\",\"headers\":_vm.headers,\"items\":_vm.deductionList,\"search\":_vm.search},scopedSlots:_vm._u([{key:\"item.id\",fn:function({ item }){return [_vm._v(\" \"+_vm._s(_vm.getEmployeeName(item.employee))+\" \")]}},{key:\"item.effectiveDate\",fn:function({ item }){return [_vm._v(\" \"+_vm._s(_vm._f(\"formatDate\")(item.effectiveDate))+\" \")]}},{key:\"item.dedecutionAmount\",fn:function({ item }){return [_vm._v(\" \"+_vm._s(_vm._f(\"formatMoney\")(item.dedecutionAmount))+\" \")]}},{key:\"item.actions\",fn:function({ item }){return [_c('div',{staticClass:\"d-flex\"},[_c('Button',{staticClass:\"mr-2\",attrs:{\"btnType\":'Submit',\"label\":'Edit'},on:{\"onClick\":function($event){return _vm.edit(item)}}}),_c('Button',{staticClass:\"mr-2\",attrs:{\"btnType\":'Cancel',\"label\":'Delete'},on:{\"onClick\":function($event){return _vm.openCancel(item)}}})],1)]}}])}),_c('Dialog',{ref:\"deleteModal\",attrs:{\"title\":'Are you sure you want to delete this deduction',\"width\":420},scopedSlots:_vm._u([{key:\"footer\",fn:function(){return [_c('Button',{staticClass:\"mr-2\",attrs:{\"btnType\":'Submit',\"label\":'Yes'},on:{\"onClick\":_vm.cancelRecord}}),_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 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        {{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-4 mt-8 d-flex\">\r\n            <div class=\"col-md-11\">\r\n              <h1>Personnel Deductions</h1>\r\n            </div>\r\n            <div class=\"col-md-1\">\r\n              <Button :btnType=\"'Submit'\" :label=\"'+'\" @onClick=\"addNew\" class=\"mr-2\" />\r\n            </div>\r\n          </div>\r\n          <v-text-field v-model=\"search\"\r\n            append-icon=\"mdi-magnify\"\r\n            label=\"Search\"\r\n            single-line\r\n            hide-details></v-text-field>\r\n          <v-data-table :loading=\"isLoading\"\r\n            loading-text=\"Fetching records... Please wait\"\r\n            :headers=\"headers\"\r\n            :items=\"deductionList\"\r\n            :search=\"search\">\r\n            <template v-slot:item.id=\"{ item }\">\r\n              {{ getEmployeeName(item.employee) }}\r\n            </template>\r\n            <template v-slot:item.effectiveDate=\"{ item }\">\r\n              {{ item.effectiveDate | formatDate }}\r\n            </template>\r\n            <template v-slot:item.dedecutionAmount=\"{ item }\">\r\n              {{ item.dedecutionAmount | formatMoney }}\r\n            </template>\r\n            <template v-slot:item.actions=\"{ item }\">\r\n              <div class=\"d-flex\">\r\n                <Button :btnType=\"'Submit'\" :label=\"'Edit'\" @onClick=\"edit(item)\" class=\"mr-2\" />\r\n                <Button :btnType=\"'Cancel'\" :label=\"'Delete'\" @onClick=\"openCancel(item)\" class=\"mr-2\" />\r\n              </div>\r\n            </template>\r\n          </v-data-table>\r\n\r\n          <!-- confirm delete modal  -->\r\n          <Dialog ref=\"deleteModal\" :title=\"'Are you sure you want to delete this deduction'\" :width=\"420\">\r\n            <template v-slot:footer>\r\n              <Button :btnType=\"'Submit'\" :label=\"'Yes'\" @onClick=\"cancelRecord\" class=\"mr-2\" />\r\n              <Button :btnType=\"'Cancel'\" :label=\"'No'\" @onClick=\"cancel('deleteModal')\" />\r\n            </template>\r\n          </Dialog>\r\n        </v-container>\r\n      </div>\r\n    </div>\r\n  </v-app>\r\n</template>\r\n<script>\r\n// import TextField from '@/components/ui/form/TextField.vue'\r\nimport Button from '@/components/ui/form/Button.vue'\r\nimport Dialog from '@/components/ui/Dialog.vue'\r\nimport { employeeDeductionService } from '@/services'\r\n// import moment from 'moment'\r\n// import { UPDATE_JOBTITLE, FETCH_EMPLOYEES, DELETE_JOBTITLE } from '@/store/action-type'\r\nexport default {\r\n  components: {\r\n    Button,\r\n    Dialog\r\n  },\r\n  data () {\r\n    return {\r\n      search: '',\r\n      isLoading: false,\r\n      formData: {\r\n        name: '',\r\n        id: ''\r\n      },\r\n      valid: false,\r\n      isSavingUser: false,\r\n      alertMessage: '',\r\n      alert: false,\r\n      alertType: '',\r\n      medicalRecords: [],\r\n      deductionList: [],\r\n      headers: [\r\n        {\r\n          text: 'Personnel',\r\n          value: 'id'\r\n        },\r\n        {\r\n          text: 'Deduction Type',\r\n          value: 'salaryComponent.description'\r\n        },\r\n        {\r\n          text: 'Amount',\r\n          value: 'dedecutionAmount'\r\n        },\r\n        {\r\n          text: 'Effective Date',\r\n          value: 'effectiveDate'\r\n        },\r\n        {\r\n          text: 'Year',\r\n          value: 'deductionYear'\r\n        },\r\n        {\r\n          text: 'Department',\r\n          value: 'employee.department.name'\r\n        },\r\n        {\r\n          text: 'Location',\r\n          value: 'employee.location.name'\r\n        },\r\n        {\r\n          text: 'Actions',\r\n          value: 'actions'\r\n        }\r\n      ]\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('/personnel-deduction/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    },\r\n    edit (item) {\r\n\r\n    },\r\n    openCancel (item) {\r\n      this.$refs.deleteModal.toggleModal()\r\n      this.formData.id = item.id\r\n    },\r\n    cancelRecord () {\r\n      // const approvals = []\r\n      const that = this\r\n      // approvals.push({\r\n      //   id: this.formData.id,\r\n      //   status: 7,\r\n      //   comments: ''\r\n      // })\r\n\r\n      employeeDeductionService.deleteEmployeeDeduction(this.formData.id).then(() => {\r\n        this.showAlertMessage('Deduction successfully deleted', 'success')\r\n        this.getDeductions()\r\n        that.$refs.deleteModal.toggleModal()\r\n      }).catch(() => {\r\n        this.showAlertMessage('Unable to delete deduction', 'error')\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    formatStatus (status) {\r\n      switch (status) {\r\n        case '0':\r\n          return 'Pending'\r\n        case '1':\r\n          return 'Approved'\r\n        case '2':\r\n          return 'Rejected'\r\n        case '7':\r\n          return 'Cancelled'\r\n        default:\r\n          return ''\r\n      }\r\n    },\r\n    getDeductions () {\r\n      this.isLoading = true\r\n      employeeDeductionService.getEmployeeDeductions().then(result => {\r\n        this.deductionList = result.data.items\r\n        this.isLoading = false\r\n      }).catch(() => {\r\n        this.isLoading = false\r\n      })\r\n    },\r\n    getEmployeeName (employee) {\r\n      return `${employee.lastName}, ${employee.firstName} ${employee.middleName}`\r\n    }\r\n  },\r\n  mounted () {\r\n    this.getDeductions()\r\n  }\r\n}\r\n</script>\r\n<style scoped>\r\n  .search-btn {\r\n    background-color: #e6e3e3;\r\n    height: 40px;\r\n    border-radius: 3px !important;\r\n  }\r\n\r\n  .row-pointer > > > tbody tr :hover {\r\n    cursor: pointer;\r\n  }\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\r\n  .alert-success {\r\n    color: #155724;\r\n    background-color: #d4edda;\r\n    border-color: #c3e6cb;\r\n  }\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!./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=9590fd20&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=9590fd20&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  \"9590fd20\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}