{"version":3,"sources":["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/salary/SalaryList.vue?26f0","webpack:///./src/views/salary/SalaryList.vue","webpack:///src/views/salary/SalaryList.vue","webpack:///./src/views/salary/SalaryList.vue?c0ab","webpack:///./src/views/salary/SalaryList.vue?5f7d"],"names":["render","_vm","this","_c","_self","attrs","persistent","width","model","value","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","salaryComponents","length","headers","scopedSlots","_u","key","fn","_ref","item","on","$event","edit","openDeleteModal","ref","update","cancel","proxy","formData","name","$set","deleteJobtitle","components","TextField","Button","Dialog","search","id","valid","isSavingUser","text","computed","$store","getters","showAlertMessage","message","_this","setTimeout","$refs","editModal","deleteModal","_this2","dispatch","DELETE_SALARY","then","result","catch","error","console","log","_this3","UPDATE_SALARY","resetForm","modal","mounted","FETCH_SALARY"],"mappings":"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","file":"js/chunk-74327087.cdfda536.js","sourcesContent":["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","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!./SalaryList.vue?vue&type=style&index=0&id=2e378e8b&prod&scoped=true&lang=css\"","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(\"List of Salary Components\")])]),_c('v-data-table',{attrs:{\"loading-text\":\"Loading data... Please wait\",\"loading\":!_vm.salaryComponents.length,\"headers\":_vm.headers,\"items\":_vm.salaryComponents},scopedSlots:_vm._u([{key:\"item.actions\",fn:function({ item }){return [_c('div',{staticClass:\"d-flex\"},[_c('v-icon',{staticClass:\"mr-2\",attrs:{\"small\":\"\"},on:{\"click\":function($event){return _vm.edit(item)}}},[_vm._v(\" mdi-pencil \")]),_c('v-icon',{attrs:{\"small\":\"\"},on:{\"click\":function($event){return _vm.openDeleteModal(item)}}},[_vm._v(\" mdi-delete \")])],1)]}}])}),_c('Dialog',{ref:\"editModal\",attrs:{\"title\":'Edit',\"width\":600},scopedSlots:_vm._u([{key:\"footer\",fn:function(){return [_c('Button',{staticClass:\"mr-2\",attrs:{\"btnType\":'Submit',\"label\":'Update'},on:{\"onClick\":_vm.update}}),_c('Button',{attrs:{\"btnType\":'Cancel',\"label\":'Cancel'},on:{\"onClick\":function($event){return _vm.cancel('editModal')}}})]},proxy:true}])},[_c('v-row',[_c('TextField',{attrs:{\"label\":'Document Name'},model:{value:(_vm.formData.name),callback:function ($$v) {_vm.$set(_vm.formData, \"name\", $$v)},expression:\"formData.name\"}})],1)],1),_c('Dialog',{ref:\"deleteModal\",attrs:{\"title\":'Are you sure you want to delete',\"width\":400},scopedSlots:_vm._u([{key:\"footer\",fn:function(){return [_c('Button',{staticClass:\"mr-2\",attrs:{\"btnType\":'Submit',\"label\":'Yes'},on:{\"onClick\":_vm.deleteJobtitle}}),_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\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>List of  Salary Components</h1>\r\n              </div>\r\n             <v-data-table loading-text=\"Loading data... Please wait\"\r\n                      :loading=\"!salaryComponents.length\"\r\n              :headers= 'headers'\r\n              :items=\"salaryComponents\"\r\n             >\r\n                <template v-slot:item.actions=\"{ item }\" >\r\n                    <div class=\"d-flex\">\r\n                      <v-icon\r\n                        small\r\n                        class=\"mr-2\"\r\n                        @click=\"edit(item)\"\r\n                      >\r\n                        mdi-pencil\r\n                      </v-icon>\r\n                      <v-icon\r\n                        small\r\n                        @click=\"openDeleteModal(item)\"\r\n                      >\r\n                        mdi-delete\r\n                      </v-icon>\r\n\r\n                    </div>\r\n              </template>\r\n\r\n             </v-data-table>\r\n\r\n              <!-- Dialog for edit  -->\r\n              <Dialog ref=\"editModal\" :title=\"'Edit'\" :width=\"600\">\r\n                <v-row>\r\n                  <TextField v-model=\"formData.name\" :label=\"'Document Name'\"/>\r\n                </v-row>\r\n                <template v-slot:footer>\r\n                  <Button :btnType=\"'Submit'\" :label=\"'Update'\" @onClick=\"update\" class=\"mr-2\"/>\r\n                  <Button :btnType=\"'Cancel'\" :label=\"'Cancel'\" @onClick=\"cancel('editModal')\" />\r\n                </template>\r\n              </Dialog>\r\n\r\n              <!-- confirm delete modal  -->\r\n              <Dialog ref=\"deleteModal\" :title=\"'Are you sure you want to delete'\" :width=\"400\">\r\n                <template v-slot:footer>\r\n                  <Button :btnType=\"'Submit'\" :label=\"'Yes'\" @onClick=\"deleteJobtitle\" 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\nimport TextField from '@/components/ui/form/TextField.vue'\r\nimport Button from '@/components/ui/form/Button.vue'\r\n\r\nimport Dialog from '@/components/ui/Dialog.vue'\r\nimport { UPDATE_SALARY, FETCH_SALARY, DELETE_SALARY } from '@/store/action-type'\r\nexport default {\r\n  components: {\r\n    TextField,\r\n    Button,\r\n    Dialog\r\n\r\n  },\r\n  data () {\r\n    return {\r\n      search: '',\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      headers: [\r\n        {\r\n          text: 'Description',\r\n          value: 'description'\r\n        },\r\n        {\r\n          text: 'Is TimeSheetDriven',\r\n          value: 'isTimeSheetDriven'\r\n        },\r\n        {\r\n          text: 'Is Allowance',\r\n          value: 'isAllowance'\r\n        },\r\n        {\r\n          text: 'Is Taxable',\r\n          value: 'isTaxable'\r\n        },\r\n        {\r\n          text: 'Is Flat',\r\n          value: 'isFlat'\r\n        },\r\n        {\r\n          text: 'Is Basic',\r\n          value: 'isBasic'\r\n        },\r\n        {\r\n          text: 'Is Based on Basic',\r\n          value: 'isBasedOnBasic'\r\n        },\r\n        {\r\n          text: 'Is Statutory',\r\n          value: 'isStatutory'\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    salaryComponents () {\r\n      return this.$store.getters.salaryComponents\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(() => { this.alert = false }, 5000)\r\n    },\r\n    edit (item) {\r\n      this.$refs.editModal.toggleModal()\r\n      this.formData.name = item.name\r\n      this.formData.id = item.id\r\n    },\r\n    openDeleteModal (item) {\r\n      this.$refs.deleteModal.toggleModal()\r\n      this.formData.name = item.name\r\n      this.formData.id = item.id\r\n    },\r\n    deleteJobtitle () {\r\n      this.$store.dispatch(DELETE_SALARY, this.formData).then((result) => {\r\n        this.showAlertMessage('Jobtitle deleted successfully', 'success')\r\n        // TODO remove this console.log\r\n      }).catch(error => {\r\n        console.log(error.message)\r\n        // TODO please put an alert component here\r\n      })\r\n    },\r\n    update () {\r\n      this.cancel('editModal')\r\n      this.$store.dispatch(UPDATE_SALARY, this.formData).then((result) => {\r\n        this.showAlertMessage('Jobtitle Updated successfully await approval', 'success')\r\n        this.resetForm()\r\n      }).catch(error => {\r\n        console.log(error.message)\r\n\r\n        this.showAlertMessage(error.message, 'error')\r\n      })\r\n    },\r\n    resetForm () {\r\n      this.formData.name = ''\r\n      this.formData.id = ''\r\n    },\r\n    cancel (modal) {\r\n      if (modal === 'editModal') {\r\n        this.$refs.editModal.toggleModal()\r\n      }\r\n      if (modal === 'deleteModal') {\r\n        this.$refs.deleteModal.toggleModal()\r\n      }\r\n    }\r\n\r\n  },\r\n  mounted () {\r\n    this.$store\r\n      .dispatch(FETCH_SALARY)\r\n      .then(() => {})\r\n      .catch((error) => {\r\n        console.log(error)\r\n        // if (error) {\r\n        //   this.showAlertMessage('Unable to display departments', 'error')\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!./SalaryList.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!./SalaryList.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./SalaryList.vue?vue&type=template&id=2e378e8b&scoped=true\"\nimport script from \"./SalaryList.vue?vue&type=script&lang=js\"\nexport * from \"./SalaryList.vue?vue&type=script&lang=js\"\nimport style0 from \"./SalaryList.vue?vue&type=style&index=0&id=2e378e8b&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  \"2e378e8b\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}