{"version":3,"sources":["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/benefits/BenefitApproval.vue","webpack:///src/views/benefits/BenefitApproval.vue","webpack:///./src/views/benefits/BenefitApproval.vue?8386","webpack:///./src/views/benefits/BenefitApproval.vue?8744","webpack:///./src/views/benefits/BenefitApproval.vue?91cf"],"names":["render","_vm","this","_c","_self","attrs","model","value","show","callback","$$v","expression","staticClass","_v","_s","title","btnTitle","loading","on","btnAction","$event","stopPropagation","staticRenderFns","components","Button","props","type","String","dialog","Boolean","isLoading","computed","get","set","$emit","methods","component","class","alertType","alert","alertMessage","headers","pendingBenefitSetup","scopedSlots","_u","key","fn","_ref","item","_f","statusDate","_ref2","openConfiModal","openDeleteModal","approve","ConfirmationDialog","data","text","$store","getters","showAlertMessage","message","_this","action","status","dispatch","APPROVE_BENEFIT","then","result","catch","finally","deleteItem","console","log","mounted","_this2","FETCH_PENDING_BENEFIT","error"],"mappings":"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","file":"js/chunk-07c61344.845f70a5.js","sourcesContent":["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","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(\"Pending Allowance Setup\")])]),_c('v-data-table',{attrs:{\"headers\":_vm.headers,\"items\":_vm.pendingBenefitSetup},scopedSlots:_vm._u([{key:\"item.statusDate\",fn:function({ item }){return [_vm._v(\" \"+_vm._s(_vm._f(\"formatDate\")(item.statusDate))+\" \")]}},{key:\"item.actions\",fn:function({ item }){return [_c('div',{staticClass:\"d-flex\"},[_c('Button',{staticClass:\"mr-2\",attrs:{\"btnType\":'Submit',\"label\":'Approve'},on:{\"onClick\":function($event){return _vm.openConfiModal(item)}}}),_c('Button',{staticClass:\"mr-2\",attrs:{\"btnType\":'Cancel',\"label\":'Reject'},on:{\"onClick\":function($event){return _vm.openDeleteModal(item)}}})],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.approve}})],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>Pending Allowance Setup</h1>\r\n          </div>\r\n          <!-- <DataTable :headers=\"headers\" :items=\"pendingBenefitSetup\" :approve=\"approve\" /> -->\r\n\r\n          <v-data-table\r\n              :headers= 'headers'\r\n              :items=\"pendingBenefitSetup\"\r\n             >\r\n                <template v-slot:item.statusDate=\"{ item }\" >\r\n                  {{item.statusDate | formatDate}}\r\n              </template>\r\n                <template v-slot:item.actions=\"{ item }\" >\r\n                    <div class=\"d-flex\">\r\n                      <Button :btnType=\"'Submit'\" :label=\"'Approve'\" @onClick=\"openConfiModal(item)\" class=\"mr-2\"/>\r\n                    <Button :btnType=\"'Cancel'\" :label=\"'Reject'\" @onClick=\"openDeleteModal(item)\" class=\"mr-2\" />\r\n                    <!-- <Button :btnType=\"'Submit'\" :label=\"'Return'\" @onClick=\"(item)={}\" /> -->\r\n                    </div>\r\n              </template>\r\n\r\n             </v-data-table>\r\n   <ConfirmationDialog :title=\"'Are you sure you want to submit?'\" :dialog=\"dialog\" :btnTitle=\"'Yes'\" @close=\"dialog = false\" @btnAction=\"approve\"/>\r\n        </v-container>\r\n      </div>\r\n    </div>\r\n  </v-app>\r\n</template>\r\n<script>\r\nimport Button from '@/components/ui/form/Button.vue'\r\nimport ConfirmationDialog from '@/components/ui/confirmationDialog.vue'\r\nimport {\r\n  APPROVE_BENEFIT,\r\n  FETCH_PENDING_BENEFIT\r\n} from '@/store/action-type'\r\n\r\nexport default {\r\n  components: {\r\n    Button,\r\n    ConfirmationDialog\r\n  },\r\n  data () {\r\n    return {\r\n      alertMessage: '',\r\n      alert: false,\r\n      alertType: '',\r\n      dialog: false,\r\n      isLoading: false,\r\n      item: null,\r\n      headers: [\r\n        {\r\n          text: 'Work Area',\r\n          value: 'workArea.name'\r\n        },\r\n        {\r\n          text: 'Rotation',\r\n          value: 'rotation.name'\r\n        },\r\n        {\r\n          text: 'Salary Component',\r\n          value: 'salaryComponent.description'\r\n        },\r\n        {\r\n          text: 'Added By',\r\n          value: 'actionedBy'\r\n        },\r\n        {\r\n          text: 'Date Added',\r\n          value: 'statusDate'\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    pendingBenefitSetup () {\r\n      return this.$store.getters.pendingBenefitSetup\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    openConfiModal (item) {\r\n      this.item = item\r\n      this.dialog = true\r\n    },\r\n    approve () {\r\n      this.item.action = 'Activate'\r\n      this.item.status = 1\r\n\r\n      this.isLoading = true\r\n      this.$store\r\n        .dispatch(APPROVE_BENEFIT, this.item)\r\n        .then((result) => {\r\n          this.showAlertMessage('Approve Benefit Setup successful', 'success')\r\n          // eslint-disable-next-line handle-callback-err\r\n        })\r\n        .catch(() => {\r\n          this.showAlertMessage('Approve Benefit setup failed', 'error')\r\n        }).finally(() => {\r\n          this.isLoading = false\r\n          this.dialog = false\r\n        })\r\n    },\r\n    deleteItem (item) {\r\n      console.log(item)\r\n    }\r\n  },\r\n  mounted () {\r\n    this.$store\r\n      .dispatch(FETCH_PENDING_BENEFIT)\r\n      .then(() => {})\r\n      .catch((error) => {\r\n        if (error) {\r\n          this.showAlertMessage('There are no items pending your approval', 'warning')\r\n        }\r\n      })\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.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!./BenefitApproval.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!./BenefitApproval.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./BenefitApproval.vue?vue&type=template&id=5f3164d6&scoped=true\"\nimport script from \"./BenefitApproval.vue?vue&type=script&lang=js\"\nexport * from \"./BenefitApproval.vue?vue&type=script&lang=js\"\nimport style0 from \"./BenefitApproval.vue?vue&type=style&index=0&id=5f3164d6&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  \"5f3164d6\",\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!./BenefitApproval.vue?vue&type=style&index=0&id=5f3164d6&prod&scoped=true&lang=css\""],"sourceRoot":""}