{"version":3,"sources":["webpack:///./src/components/ui/TableData.vue?3cdd","webpack:///./src/components/ui/TableData.vue","webpack:///src/components/ui/TableData.vue","webpack:///./src/components/ui/TableData.vue?98f2","webpack:///./src/components/ui/TableData.vue?69df","webpack:///./src/views/requests/RequestApproval.vue","webpack:///src/views/requests/RequestApproval.vue","webpack:///./src/views/requests/RequestApproval.vue?4293","webpack:///./src/views/requests/RequestApproval.vue?77df","webpack:///./src/views/requests/RequestApproval.vue?65fa"],"names":["render","_vm","this","_c","_self","attrs","headers","items","scopedSlots","_u","multiSelect","key","fn","staticClass","selected","length","on","$event","preventDefault","approveBulkSelection","apply","arguments","_v","proxy","_ref","item","_s","_f","date","_ref2","approve","openDialog","model","value","callback","$$v","expression","dialog","ref","valid","formData","comments","$set","reject","closeModal","staticRenderFns","components","TextField","Button","props","type","Array","required","String","Function","rejectFunc","keyIdentifier","approveBulk","Boolean","default","data","id","singleSelect","methods","reset","$refs","commentForm","component","class","alertType","alert","alertMessage","pendingRequests","DataTable","text","computed","$store","getters","showAlertMessage","message","_this","setTimeout","_this2","status","dispatch","APPROVE_REQUEST","then","result","catch","error","console","log","_this3","forEach","element","APPROVE_BULK_REQUEST","_this4","mounted","_this5","FETCH_PENDING_REQUEST"],"mappings":"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","file":"js/chunk-6e28d3ba.ff6fc582.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!./TableData.vue?vue&type=style&index=0&id=bf792638&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('v-data-table',{attrs:{\"headers\":_vm.headers,\"items\":_vm.items ? _vm.items : [],\"show-select\":\"\"},scopedSlots:_vm._u([(_vm.multiSelect)?{key:\"top\",fn:function(){return [_c('div',{staticClass:\"pa-5 d-flex\"},[_c('v-btn',{staticClass:\"ma-2\",attrs:{\"disabled\":_vm.selected.length <1,\"outlined\":\"\",\"color\":\"indigo\"},on:{\"click\":function($event){$event.preventDefault();return _vm.approveBulkSelection.apply(null, arguments)}}},[_vm._v(\"Bulk Approve\")])],1)]},proxy:true}:null,{key:\"item.date\",fn:function({ item }){return [_vm._v(\" \"+_vm._s(_vm._f(\"formatDate\")(item.date))+\" \")]}},{key:\"item.actions\",fn:function({ item }){return [_c('div',{staticClass:\"actionBtn\"},[_c('v-btn',{staticClass:\"blue mr-4\",attrs:{\"small\":\"\"},on:{\"click\":function($event){$event.preventDefault();return _vm.approve(item)}}},[_vm._v(\"Approve\")]),_c('v-btn',{staticClass:\"red mr-4\",attrs:{\"small\":\"\"},on:{\"click\":function($event){$event.preventDefault();return _vm.openDialog(item)}}},[_vm._v(\"Reject\")]),_c('v-btn',{staticClass:\"blue\",attrs:{\"small\":\"\"},on:{\"click\":function($event){$event.preventDefault();return _vm.approve(item)}}},[_vm._v(\"Return\")])],1)]}}],null,true),model:{value:(_vm.selected),callback:function ($$v) {_vm.selected=$$v},expression:\"selected\"}}),_c('v-dialog',{attrs:{\"persistent\":\"\",\"max-width\":\"400\"},model:{value:(_vm.dialog),callback:function ($$v) {_vm.dialog=$$v},expression:\"dialog\"}},[_c('v-card',[_c('v-card-title',{staticClass:\"headline text-center\"},[_c('h3',[_vm._v(\"Reason for rejecting\")])]),_c('v-divider',{staticClass:\"mx-4 mb-5\"}),_c('v-card-text',{staticClass:\"mt-5\"},[_c('v-form',{ref:\"commentForm\",model:{value:(_vm.valid),callback:function ($$v) {_vm.valid=$$v},expression:\"valid\"}},[_c('TextField',{attrs:{\"label\":'Comment'},model:{value:(_vm.formData.comments),callback:function ($$v) {_vm.$set(_vm.formData, \"comments\", $$v)},expression:\"formData.comments\"}})],1)],1),_c('v-card-actions',[_c('v-spacer'),_c('Button',{staticClass:\"mr-4\",attrs:{\"label\":'Reject',\"btnType\":'Submit',\"disabled\":!_vm.valid},on:{\"onClick\":_vm.reject}}),_c('v-btn',{attrs:{\"color\":\"green darken-1\",\"text\":\"\"},on:{\"click\":_vm.closeModal}},[_vm._v(\"Close\")])],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <v-data-table\r\n    :headers=\"headers\"\r\n    :items=\"items ? items : []\"\r\n    show-select\r\n    v-model=\"selected\"\r\n  >\r\n\r\n  <template v-if=\"multiSelect\" v-slot:top>\r\n     <div class=\"pa-5 d-flex\">\r\n       <v-btn class=\"ma-2\" :disabled=\"selected.length <1\" outlined color=\"indigo\" @click.prevent=\"approveBulkSelection\" >Bulk Approve</v-btn>\r\n     </div>\r\n\r\n    </template>\r\n\r\n    <template v-slot:item.date=\"{ item }\" >\r\n                  {{item.date | formatDate}}\r\n      </template>\r\n\r\n    <template v-slot:item.actions=\"{ item }\">\r\n      <div class=\"actionBtn\">\r\n        <v-btn small class=\"blue mr-4\" @click.prevent=\"approve(item)\">Approve</v-btn>\r\n        <v-btn small class=\"red mr-4\" @click.prevent=\"openDialog(item)\">Reject</v-btn>\r\n        <v-btn small class=\"blue\" @click.prevent=\"approve(item)\">Return</v-btn>\r\n      </div>\r\n    </template>\r\n  </v-data-table>\r\n   <v-dialog v-model=\"dialog\" persistent max-width=\"400\">\r\n      <v-card>\r\n        <v-card-title class=\"headline text-center\"><h3>Reason for rejecting</h3></v-card-title>\r\n        <v-divider class=\"mx-4 mb-5\"></v-divider>\r\n        <v-card-text class=\"mt-5\">\r\n          <v-form ref=\"commentForm\" v-model=\"valid\">\r\n            <TextField  v-model=\"formData.comments\" :label=\"'Comment'\"/>\r\n          </v-form>\r\n        </v-card-text>\r\n        <v-card-actions>\r\n          <v-spacer></v-spacer>\r\n          <Button\r\n            :label=\"'Reject'\"\r\n            :btnType=\"'Submit'\"\r\n            @onClick=\"reject\"\r\n            :disabled=\"!valid\"\r\n            class=\"mr-4\"\r\n          />\r\n          <v-btn color=\"green darken-1\" text @click=\"closeModal\">Close</v-btn>\r\n        </v-card-actions>\r\n      </v-card>\r\n    </v-dialog>\r\n  </div>\r\n</template>\r\n<script>\r\nimport TextField from './form/TextField'\r\nimport Button from './form/Button'\r\nexport default {\r\n  components: {\r\n    TextField,\r\n    Button\r\n  },\r\n  props: {\r\n    items: {\r\n      type: Array,\r\n      required: true\r\n    },\r\n    date: {\r\n      type: String\r\n    },\r\n    headers: {\r\n      type: Array,\r\n      required: true\r\n    },\r\n    approve: {\r\n      type: Function,\r\n      required: true\r\n    },\r\n    rejectFunc: {\r\n      type: Function\r\n    },\r\n    keyIdentifier: {\r\n      type: String\r\n    },\r\n    approveBulk: {\r\n      type: Function\r\n    },\r\n    multiSelect: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      formData: {\r\n        comments: '',\r\n        id: ''\r\n      },\r\n      valid: false,\r\n      dialog: false,\r\n      singleSelect: false,\r\n      selected: []\r\n    }\r\n  },\r\n  methods: {\r\n    openDialog (item) {\r\n      this.dialog = true\r\n      this.formData.id = item.id\r\n    },\r\n    closeModal () {\r\n      this.dialog = false\r\n      this.reset()\r\n    },\r\n    reject () {\r\n      this.rejectFunc(this.formData)\r\n      this.dialog = false\r\n    },\r\n    approveBulkSelection () {\r\n      this.approveBulk(this.selected)\r\n      this.selected = []\r\n    },\r\n    reset () {\r\n      this.formData.id = ''\r\n      this.$refs.commentForm.reset()\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style scoped>\r\n.actionBtn {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n.container {\r\n  padding: 0 !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!./TableData.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!./TableData.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TableData.vue?vue&type=template&id=bf792638&scoped=true\"\nimport script from \"./TableData.vue?vue&type=script&lang=js\"\nexport * from \"./TableData.vue?vue&type=script&lang=js\"\nimport style0 from \"./TableData.vue?vue&type=style&index=0&id=bf792638&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  \"bf792638\",\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-12 ml-auto mr-auto\"},[_c('v-container',[_c('div',{staticClass:\"mb-8 mt-8 text-center\"},[_c('h1',[_vm._v(\"Pending Requests \")])]),_c('DataTable',{attrs:{\"headers\":_vm.headers,\"multiSelect\":true,\"items\":_vm.pendingRequests,\"approve\":_vm.approve,\"approveBulk\":_vm.approveBulk,\"rejectFunc\":_vm.reject}})],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-12 ml-auto mr-auto\">\r\n        <v-container>\r\n          <div class=\"mb-8 mt-8 text-center\">\r\n            <h1>Pending Requests\r\n            </h1>\r\n          </div>\r\n          <DataTable :headers=\"headers\" :multiSelect=\"true\" :items=\"pendingRequests\" :approve=\"approve\" :approveBulk=\"approveBulk\" :rejectFunc=\"reject\" />\r\n        </v-container>\r\n      </div>\r\n    </div>\r\n  </v-app>\r\n</template>\r\n<script>\r\n\r\nimport DataTable from '@/components/ui/TableData.vue'\r\nimport {\r\n  APPROVE_REQUEST,\r\n  APPROVE_BULK_REQUEST,\r\n  FETCH_PENDING_REQUEST\r\n} from '@/store/action-type'\r\n\r\nexport default {\r\n  components: {\r\n    DataTable\r\n  },\r\n  data () {\r\n    return {\r\n      alertMessage: '',\r\n      alert: false,\r\n      alertType: '',\r\n      headers: [\r\n        {\r\n          text: 'Name',\r\n          value: 'employee.firstName'\r\n        },\r\n        {\r\n          text: 'ChargeCode',\r\n          value: 'employee.chargeCode'\r\n        },\r\n        {\r\n          text: 'Request Type',\r\n          value: 'requestType.name'\r\n        },\r\n        {\r\n          text: 'Salary Peroid',\r\n          value: 'salaryPeriod.description'\r\n        },\r\n        {\r\n          text: 'Start Date',\r\n          value: 'startDate'\r\n        },\r\n        // {\r\n        //   text: 'Resumption Date',\r\n        //   value: 'resumptionDate'\r\n        // },\r\n        {\r\n          text: 'Added By',\r\n          value: 'addedBy'\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    pendingRequests () {\r\n      return this.$store.getters.pendingRequests\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(() => {\r\n        this.alert = false\r\n      }, 5000)\r\n    },\r\n    approve (item) {\r\n      item.status = 1\r\n\r\n      this.$store\r\n        .dispatch(APPROVE_REQUEST, item)\r\n        .then((result) => {\r\n          this.showAlertMessage('Approve Request successful', 'success')\r\n          // eslint-disable-next-line handle-callback-err\r\n        })\r\n        .catch((error) => {\r\n          console.log(error)\r\n          this.showAlertMessage('Approve Request failed', 'error')\r\n        })\r\n    },\r\n    approveBulk (item) {\r\n      item.forEach(element => {\r\n        element.status = 1\r\n      })\r\n\r\n      this.$store.dispatch(APPROVE_BULK_REQUEST, item).then((result) => {\r\n        this.showAlertMessage('Approve Requests successful', 'success')\r\n        // eslint-disable-next-line handle-callback-err\r\n      })\r\n        .catch((error) => {\r\n          console.log(error)\r\n          this.showAlertMessage('Approve Requests failed', 'error')\r\n        })\r\n    },\r\n    reject (item) {\r\n      item.status = 2\r\n      this.$store\r\n        .dispatch(APPROVE_REQUEST, item)\r\n        .then((result) => {\r\n          this.showAlertMessage('Reject Salary successful', 'success')\r\n          // eslint-disable-next-line handle-callback-err\r\n        })\r\n        .catch((error) => {\r\n          console.log(error)\r\n          this.showAlertMessage('Reject Salary failed', 'error')\r\n        })\r\n    }\r\n  },\r\n  mounted () {\r\n    this.$store\r\n      .dispatch(FETCH_PENDING_REQUEST)\r\n      .then(() => {})\r\n      .catch((error) => {\r\n        console.log(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!./RequestApproval.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!./RequestApproval.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./RequestApproval.vue?vue&type=template&id=0d1b538c&scoped=true\"\nimport script from \"./RequestApproval.vue?vue&type=script&lang=js\"\nexport * from \"./RequestApproval.vue?vue&type=script&lang=js\"\nimport style0 from \"./RequestApproval.vue?vue&type=style&index=0&id=0d1b538c&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  \"0d1b538c\",\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!./RequestApproval.vue?vue&type=style&index=0&id=0d1b538c&prod&scoped=true&lang=css\""],"sourceRoot":""}