{"version":3,"sources":["webpack:///./src/views/module-approvers/pending.vue","webpack:///src/views/module-approvers/pending.vue","webpack:///./src/views/module-approvers/pending.vue?b70d","webpack:///./src/views/module-approvers/pending.vue?09a4","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/module-approvers/pending.vue?77cc"],"names":["render","_vm","this","_c","_self","staticClass","class","alertType","attrs","model","value","alert","callback","$$v","expression","_v","_s","alertMessage","loadingData","_e","staticStyle","_l","pendingApprovers","item","key","id","module","moduleType","approvalCount","approvers","join","on","$event","openConfirmDialog","openCancelModal","rejectDialog","ref","valid","formData","comments","$set","reject","isLoading","dialog","approve","staticRenderFns","components","Button","TextField","ConfirmationDialog","data","comment","methods","showAlertMessage","message","type","_this","setTimeout","getAllPendingApprovers","_this2","salaryComponentService","getPendingModule","then","result","catch","_this3","push","Status","Comments","approveModule","finally","_this4","isSaving","mounted","component","show","title","btnTitle","loading","btnAction","stopPropagation","props","String","Boolean","computed","get","set","$emit"],"mappings":"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","file":"js/chunk-433af983.fc3ea2c7.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-app',{},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12 ml-auto mr-auto\"},[_c('v-container',[_c('div',{staticClass:\"mb-4 mt-8 d-flex\"},[_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:\"col-md-11 text-center\"},[_c('h1',[_vm._v(\"Pending Approver Configuration\")])])]),(_vm.loadingData)?_c('div',{staticClass:\"text-center\"},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"primary\"}})],1):_vm._e(),_c('v-simple-table',[_c('thead',[_c('tr',[_c('th',{staticClass:\"sticky-col\"},[_vm._v(\" S/N \")]),_c('th',{staticClass:\"sticky-col\"},[_vm._v(\" Module \")]),_c('th',{staticClass:\"sticky-col\"},[_vm._v(\" Module Type \")]),_c('th',{staticClass:\"sticky-col\"},[_vm._v(\" Approval Level \")]),_c('th',{staticClass:\"sticky-col\"},[_vm._v(\" Approvers \")]),_c('th',{staticClass:\"sticky-col\",staticStyle:{\"text-align\":\"center\"}},[_vm._v(\" Action \")])])]),_c('tbody',_vm._l((_vm.pendingApprovers),function(item){return _c('tr',{key:item.id},[_c('td',[_vm._v(_vm._s(item.id))]),_c('td',[_vm._v(_vm._s(item.module))]),_c('td',[(item.moduleType === null)?_c('span',[_vm._v(\" N/A\")]):_c('span',[_vm._v(\" \"+_vm._s(item.moduleType)+\" \")])]),_c('td',[_vm._v(_vm._s(item.approvalCount))]),_c('td',[_vm._v(_vm._s(item.approvers.join(' , ' )))]),_c('td',{staticClass:\"d-flex\"},[_c('Button',{staticClass:\"mr-2\",attrs:{\"btnType\":'Forward',\"color\":'primary',\"label\":'Approve'},on:{\"onClick\":function($event){return _vm.openConfirmDialog(item)}}}),_c('Button',{attrs:{\"btnType\":'Cancel',\"color\":'primary',\"label\":'Reject'},on:{\"onClick\":function($event){return _vm.openCancelModal(item)}}})],1)])}),0)]),_c('v-dialog',{attrs:{\"persistent\":\"\",\"max-width\":\"400\"},model:{value:(_vm.rejectDialog),callback:function ($$v) {_vm.rejectDialog=$$v},expression:\"rejectDialog\"}},[_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\":function($event){_vm.rejectDialog = false}}},[_vm._v(\"Close\")])],1)],1)],1)],1)],1)]),_c('ConfirmationDialog',{attrs:{\"title\":'Are you sure you want to approve?',\"isLoading\":_vm.isLoading,\"dialog\":_vm.dialog,\"btnTitle\":'Yes'},on:{\"close\":function($event){_vm.dialog = false},\"btnAction\":_vm.approve}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-app class>\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-4 mt-8 d-flex \">\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=\"col-md-11 text-center\">\r\n              <h1>Pending Approver Configuration</h1>\r\n            </div>\r\n          </div>\r\n\r\n          <div v-if=\"loadingData\" class=\"text-center\">\r\n            <v-progress-circular indeterminate\r\n                                 color=\"primary\"></v-progress-circular>\r\n          </div>\r\n          <v-simple-table>\r\n              <thead>\r\n                <tr>\r\n                    <th class=\"sticky-col\" >\r\n                    S/N\r\n                  </th>\r\n                  <th class=\"sticky-col\" >\r\n                    Module\r\n                  </th>\r\n                  <th class=\"sticky-col\" >\r\n                    Module Type\r\n                  </th>\r\n                  <th class=\"sticky-col\" >\r\n                    Approval Level\r\n                  </th>\r\n                  <th class=\"sticky-col\" >\r\n                    Approvers\r\n                  </th>\r\n                  <th class=\"sticky-col\" style=\"text-align:center\">\r\n                    Action\r\n                  </th>\r\n                </tr>\r\n              </thead>\r\n              <tbody>\r\n                <tr v-for=\"item in pendingApprovers\" :key=\"item.id\" >\r\n                    <td>{{item.id}}</td>\r\n                    <td >{{item.module}}</td>\r\n                    <td >\r\n                        <span v-if=\"item.moduleType === null\"> N/A</span>\r\n                        <span v-else> {{ item.moduleType }} </span>\r\n                    </td>\r\n                    <td >{{item.approvalCount}}</td>\r\n                    <td >{{item.approvers.join(' , ' )}}</td>\r\n                    <td class=\"d-flex\" >\r\n                        <Button :btnType=\"'Forward'\" :color=\"'primary'\" :label=\"'Approve'\" @onClick=\"openConfirmDialog(item)\" class=\"mr-2\"/>\r\n                        <Button :btnType=\"'Cancel'\" :color=\"'primary'\" :label=\"'Reject'\" @onClick=\"openCancelModal(item)\"/>\r\n                    </td>\r\n                </tr>\r\n              </tbody>\r\n          </v-simple-table>\r\n           <v-dialog v-model=\"rejectDialog\" 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=\"rejectDialog = false\">Close</v-btn>\r\n              </v-card-actions>\r\n            </v-card>\r\n          </v-dialog>\r\n        </v-container>\r\n      </div>\r\n    </div>\r\n    <ConfirmationDialog :title=\"'Are you sure you want to approve?'\" :isLoading=\"isLoading\"  :dialog=\"dialog\" :btnTitle=\"'Yes'\" @close=\"dialog = false\" @btnAction=\"approve\"/>\r\n  </v-app>\r\n</template>\r\n<script>\r\nimport { salaryComponentService } from '@/services'\r\n\r\nimport Button from '@/components/ui/form/Button.vue'\r\nimport TextField from '@/components/ui/form/TextField'\r\nimport ConfirmationDialog from '@/components/ui/confirmationDialog.vue'\r\nexport default {\r\n  components: {\r\n    Button,\r\n    TextField,\r\n    ConfirmationDialog\r\n  },\r\n  data () {\r\n    return {\r\n      isLoading: false,\r\n      loadingData: false,\r\n      rejectDialog: false,\r\n      dialog: false,\r\n      pendingApprovers: [],\r\n      alertMessage: '',\r\n      valid: false,\r\n      alert: false,\r\n      alertType: '',\r\n      approvers: [],\r\n      comment: '',\r\n      formData: {\r\n        comments: ''\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(() => {\r\n        this.alert = false\r\n      }, 5000)\r\n    },\r\n    getAllPendingApprovers () {\r\n      this.loadingData = true\r\n      salaryComponentService.getPendingModule()\r\n        .then(result => {\r\n          this.pendingApprovers = result.data\r\n        })\r\n        .catch(() => { })\r\n      this.loadingData = false\r\n    },\r\n    openConfirmDialog (item) {\r\n      this.dialog = true\r\n      this.item = item\r\n    },\r\n    openCancelModal (item) {\r\n      this.rejectDialog = true\r\n      this.item = item\r\n    },\r\n    approve () {\r\n      this.isLoading = true\r\n      let data = []\r\n      data.push({\r\n        id: this.item.id,\r\n        Status: 1,\r\n        Comments: 'Approved'\r\n      })\r\n\r\n      salaryComponentService.approveModule(data).then(() => {\r\n        this.showAlertMessage('Approve Module successful', 'success')\r\n      })\r\n        .catch(() => {\r\n          this.isLoading = false\r\n          this.dialog = false\r\n        }).finally(() => {\r\n          this.getAllPendingApprovers()\r\n          this.isLoading = false\r\n          this.dialog = false\r\n        })\r\n    },\r\n    reject (item) {\r\n      this.isLoading = true\r\n      let data = []\r\n      data.push({\r\n        id: this.item.id,\r\n        Status: 2,\r\n        Comments: this.formData.comments\r\n      })\r\n\r\n      salaryComponentService.approveModule(data).then(() => {\r\n        this.showAlertMessage(`Reject Module successful`, 'success')\r\n      })\r\n        .catch(() => {\r\n          this.isLoading = false\r\n          this.rejectDialog = false\r\n        }).finally(() => {\r\n          this.getAllPendingApprovers()\r\n          this.isSaving = false\r\n          this.rejectDialog = false\r\n        })\r\n    }\r\n  },\r\n  mounted () {\r\n    this.getAllPendingApprovers()\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  .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\r\n  .row-pointer >>> tbody tr :hover {\r\n    cursor: pointer;\r\n  }\r\n\r\n  .iconAvatar {\r\n    width: 122px;\r\n  }\r\n\r\n  .text-caption {\r\n    font-weight: 600;\r\n    font-size: 14px !important\r\n  }\r\n\r\n  .personal-name {\r\n    text-align: left;\r\n    font-weight: 600;\r\n    font-size: 14px !important\r\n  }\r\n\r\n  .sticky-col {\r\n    position: -webkit-sticky; /* for Safari */\r\n    position: sticky;\r\n    top: 0;\r\n  }\r\n  .allowance-day {\r\n     color: blue;\r\n     text-decoration: underline;\r\n  }\r\n  .cursor {\r\n    cursor: pointer;\r\n  }\r\n\r\n    .cursor:hover {\r\n      color: blue\r\n    }\r\n\r\n    .cursor .tooltiptext {\r\n      visibility: hidden;\r\n      width: 80px;\r\n      background-color: black;\r\n      color: #fff;\r\n      text-align: center;\r\n      border-radius: 6px;\r\n      padding: 2px 0;\r\n      font-size: 10px;\r\n      /* Position the tooltip */\r\n      position: absolute;\r\n      z-index: 1;\r\n    }\r\n\r\n    .cursor:hover .tooltiptext {\r\n      visibility: visible;\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!./pending.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!./pending.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./pending.vue?vue&type=template&id=1db07bd1&scoped=true\"\nimport script from \"./pending.vue?vue&type=script&lang=js\"\nexport * from \"./pending.vue?vue&type=script&lang=js\"\nimport style0 from \"./pending.vue?vue&type=style&index=0&id=1db07bd1&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  \"1db07bd1\",\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!./pending.vue?vue&type=style&index=0&id=1db07bd1&prod&scoped=true&lang=css\""],"sourceRoot":""}