{"version":3,"sources":["webpack:///./src/views/IncomeTaxBand/pending.vue","webpack:///src/views/IncomeTaxBand/pending.vue","webpack:///./src/views/IncomeTaxBand/pending.vue?8297","webpack:///./src/views/IncomeTaxBand/pending.vue?dc88","webpack:///./src/views/IncomeTaxBand/pending.vue?3b9f","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"],"names":["render","_vm","this","_c","_self","staticClass","class","alertType","attrs","model","value","alert","callback","$$v","expression","_v","_s","alertMessage","loadingData","headers","incomeTaxBand","scopedSlots","_u","key","fn","_ref","item","_f","amount","_ref2","on","$event","ApproveItem","RejectItem","rejectDialog","ref","valid","formData","comments","$set","loading","onReject","dialog","onSave","dialogApprove","onApprove","staticRenderFns","components","TextField","Button","ConfirmationDialog","data","rate","order","editedData","id","pay","approval","text","computed","methods","showAlertMessage","message","type","_this","setTimeout","getPendingIncomeTaxBands","_this2","requestService","getAllPendingIncomeTaxBand","then","result","items","console","log","catch","error","edit","parseFloat","$refs","incomeTaxBandModal","toggleModal","_this3","Comments","Status","Id","approveIncomeTaxBand","cancel","update","_this4","Rate","parseInt","Amount","Order","updateIncomeTaxBand","_this5","addIncomeTaxBand","finally","onReset","_this6","IncomeTaxBandForm","reset","openDeleteModal","mounted","component","show","title","btnTitle","btnAction","stopPropagation","props","String","Boolean","isLoading","get","set","$emit"],"mappings":"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","file":"js/chunk-1eb94d42.79a45b04.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 Income Tax Band\")])])]),(_vm.loadingData)?_c('div',{staticClass:\"text-center\"},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"primary\"}})],1):_c('v-data-table',{attrs:{\"headers\":_vm.headers,\"items\":_vm.incomeTaxBand,\"item-key\":\"id\",\"width\":200},scopedSlots:_vm._u([{key:`item.amount`,fn:function({ item }){return [_vm._v(\" \"+_vm._s(_vm._f(\"formatMoney\")(item.amount))+\" \")]}},{key:`item.actions`,fn:function({ item }){return [_c('div',{staticClass:\"d-flex\"},[_c('Button',{staticClass:\"mr-2\",attrs:{\"btnType\":'Submit',\"color\":'success',\"label\":'Approve'},on:{\"onClick\":function($event){return _vm.ApproveItem(item)}}}),_c('Button',{staticClass:\"mr-2\",attrs:{\"btnType\":'Cancel',\"label\":'Reject'},on:{\"onClick\":function($event){return _vm.RejectItem(item)}}})],1)]}}],null,true)}),_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',\"isLoading\":_vm.loading,\"disabled\":!_vm.valid},on:{\"onClick\":_vm.onReject}}),_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 submit?',\"isLoading\":_vm.loadingData,\"dialog\":_vm.dialog,\"btnTitle\":'Yes'},on:{\"close\":function($event){_vm.dialog = false},\"btnAction\":_vm.onSave}}),_c('ConfirmationDialog',{attrs:{\"title\":'Are you sure you want to Approve?',\"isLoading\":_vm.loadingData,\"dialog\":_vm.dialogApprove,\"btnTitle\":'Yes'},on:{\"close\":function($event){_vm.dialogApprove = false},\"btnAction\":_vm.onApprove}})],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 Income Tax Band</h1>\r\n            </div>\r\n          </div>\r\n\r\n          <div v-if=\"loadingData\" class=\"text-center\">\r\n            <v-progress-circular indeterminate color=\"primary\"></v-progress-circular>\r\n          </div>\r\n           <v-data-table v-else\r\n                         :headers='headers'\r\n                         :items=\"incomeTaxBand\"\r\n                         item-key=\"id\" :width=\"200\">\r\n                    <template v-slot:[`item.amount`]=\"{ item }\" >\r\n                      {{item.amount | formatMoney}}\r\n                  </template>\r\n                  <template v-slot:[`item.actions`]=\"{ item }\">\r\n                    <div class=\"d-flex\">\r\n                        <Button :btnType=\"'Submit'\" :color=\"'success'\" :label=\"'Approve'\" @onClick=\"ApproveItem(item)\" class=\"mr-2\" />\r\n                        <Button :btnType=\"'Cancel'\" :label=\"'Reject'\" @onClick=\"RejectItem(item)\" class=\"mr-2\" />\r\n                    </div>\r\n                    </template>\r\n           </v-data-table>\r\n\r\n             <!-- reject dialog  -->\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=\"onReject\"\r\n                      :isLoading=\"loading\"\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            <!-- return dialog  -->\r\n        </v-container>\r\n      </div>\r\n    </div>\r\n\r\n    <ConfirmationDialog :title=\"'Are you sure you want to submit?'\" :isLoading=\"loadingData\" :dialog=\"dialog\" :btnTitle=\"'Yes'\" @close=\"dialog = false\" @btnAction=\"onSave\"/>\r\n\r\n    <ConfirmationDialog :title=\"'Are you sure you want to Approve?'\" :isLoading=\"loadingData\" :dialog=\"dialogApprove\" :btnTitle=\"'Yes'\" @close=\"dialogApprove = false\" @btnAction=\"onApprove\"/>\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 { requestService } from '@/services'\r\nimport TextField from '@/components/ui/form/TextField'\r\nexport default {\r\n  components: {\r\n    TextField,\r\n    Button,\r\n    ConfirmationDialog\r\n  },\r\n  data () {\r\n    return {\r\n      formData: {\r\n        rate: '',\r\n        amount: '',\r\n        order: '',\r\n        comments: ''\r\n      },\r\n      editedData: {\r\n        id: 0,\r\n        rate: 0,\r\n        amount: 0,\r\n        order: 0\r\n      },\r\n      pay: [],\r\n      approval: [],\r\n      loadingData: false,\r\n      loading: false,\r\n      dialog: false,\r\n      dialogApprove: false,\r\n      rejectDialog: false,\r\n      valid: false,\r\n      incomeTaxBand: [],\r\n      alertMessage: '',\r\n      alert: false,\r\n      alertType: '',\r\n      headers: [\r\n        {\r\n          text: 'Rate',\r\n          value: 'rate'\r\n        },\r\n        {\r\n          text: 'Amount',\r\n          value: 'amount'\r\n        },\r\n        {\r\n          text: 'Order',\r\n          value: 'order'\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    // user () {\r\n    //   return this.$store.getters.users\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    getPendingIncomeTaxBands () {\r\n      this.loadingData = true\r\n      requestService.getAllPendingIncomeTaxBand().then(result => {\r\n        this.incomeTaxBand = result.data.items\r\n        console.log('IncomeTax', this.incomeTaxBand)\r\n      }).catch(error => {\r\n        console.log(error)\r\n      })\r\n      this.loadingData = false\r\n    },\r\n\r\n    edit (item) {\r\n      this.editedData.id = item.id\r\n      this.editedData.rate = item.rate\r\n      this.editedData.amount = parseFloat(item.amount)\r\n      this.editedData.order = item.order\r\n      this.$refs.incomeTaxBandModal.toggleModal()\r\n    },\r\n    RejectItem (item) {\r\n      this.rejectDialog = true\r\n      this.formData.id = item.id\r\n    },\r\n    onReject () {\r\n      this.loading = true\r\n      const data = {\r\n        Comments: this.formData.comments,\r\n        Status: 2,\r\n        Id: this.formData.id\r\n      }\r\n      requestService.approveIncomeTaxBand(data).then(() => {\r\n        this.showAlertMessage('Income Tax Band successfully Rejected', 'success')\r\n        this.loading = false\r\n        this.rejectDialog = false\r\n        this.getPendingIncomeTaxBands()\r\n      }).catch(error => {\r\n        console.log(error)\r\n        this.loading = false\r\n      })\r\n    },\r\n    cancel () {\r\n      this.$refs.incomeTaxBandModal.toggleModal()\r\n    },\r\n    update () {\r\n      this.loading = true\r\n      const data = {\r\n        Id: this.editedData.id,\r\n        Rate: parseInt(this.editedData.rate),\r\n        Amount: parseInt(this.editedData.amount),\r\n        Order: parseInt(this.editedData.order)\r\n      }\r\n      requestService.updateIncomeTaxBand(data).then(() => {\r\n        this.showAlertMessage('Income Tax Band successfully Updated', 'success')\r\n        this.loading = false\r\n        this.getPendingIncomeTaxBands()\r\n        this.cancel()\r\n      }).catch(error => {\r\n        console.log(error)\r\n        this.loading = false\r\n      })\r\n    },\r\n    onSave () {\r\n      this.loadingData = true\r\n      console.log('Ok')\r\n      const data = {\r\n        Rate: this.formData.rate,\r\n        Amount: this.formData.amount,\r\n        Order: this.formData.order\r\n      }\r\n      console.log(\"I'm Here\")\r\n\r\n      requestService.addIncomeTaxBand(data).then(() => {\r\n        this.showAlertMessage('Income Tax Band successfully Added', 'success')\r\n        this.getPendingIncomeTaxBands()\r\n      }).catch((error) => {\r\n        console.log('Error: ', error)\r\n        this.showAlertMessage('Income Tax Band failed', 'error')\r\n        this.loadingData = false\r\n        this.dialog = false\r\n      }).finally(() => {\r\n        this.loadingData = false\r\n        this.dialog = false\r\n        this.onReset()\r\n      })\r\n    },\r\n    ApproveItem (item) {\r\n      this.approval = item\r\n      this.dialogApprove = true\r\n    },\r\n    onApprove () {\r\n      this.loadingData = true\r\n      console.log('Ok')\r\n      const data = {\r\n        Comments: '',\r\n        Status: 1,\r\n        Id: this.approval.id\r\n      }\r\n      console.log('Approve is Here')\r\n\r\n      requestService.approveIncomeTaxBand(data).then(() => {\r\n        this.showAlertMessage('Income Tax Band successfully Approved', 'success')\r\n        this.getPendingIncomeTaxBands()\r\n      }).catch((error) => {\r\n        console.log('Error: ', error)\r\n        this.showAlertMessage('Approval Income Tax Band failed', 'error')\r\n        this.loadingData = false\r\n        this.dialogApprove = false\r\n      }).finally(() => {\r\n        this.loadingData = false\r\n        this.dialogApprove = false\r\n        this.onReset()\r\n      })\r\n    },\r\n    onReset () {\r\n      this.$refs.IncomeTaxBandForm.reset()\r\n      this.formData.amount = ''\r\n      this.formData.rate = ''\r\n      this.formData.order = ''\r\n    },\r\n    openDeleteModal (item) {\r\n      this.data = item\r\n      console.log(item)\r\n      this.dialog = true\r\n    }\r\n\r\n  },\r\n  mounted () {\r\n    this.getPendingIncomeTaxBands()\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  .sticky-col {\r\n    position: -webkit-sticky; /* for Safari */\r\n    position: sticky;\r\n    top: 0;\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=d27cb230&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=d27cb230&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  \"d27cb230\",\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=d27cb230&prod&scoped=true&lang=css\"","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"],"sourceRoot":""}