{"version":3,"sources":["webpack:///./src/views/salaryPeriod/index.vue","webpack:///src/views/salaryPeriod/index.vue","webpack:///./src/views/salaryPeriod/index.vue?5a28","webpack:///./src/views/salaryPeriod/index.vue?3c22","webpack:///./src/views/salaryPeriod/index.vue?1135"],"names":["render","_vm","this","_c","_self","staticClass","class","alertType","attrs","model","value","alert","callback","$$v","expression","_v","_s","alertMessage","isLoading","salaryPeriodHeader","salaryPeriods","scopedSlots","_u","key","fn","_ref","item","status","isCloseLoading","id","on","$event","close","isProcessLoading","process","staticRenderFns","components","Button","data","valid","text","computed","methods","showAlertMessage","message","type","_this","setTimeout","loadSalaryPeriod","_this2","salaryPeriodService","getAllSalaryPeriod","then","result","catch","error","console","log","_this3","closeSalaryPeriod","finally","_this4","processSalaryPeriod","mounted","component"],"mappings":"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","file":"js/chunk-3ad679ce.878f28e5.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-app',[_c('div',[_c('v-alert',{staticClass:\"alert\",class:{\n        'alert-error': _vm.alertType == 'error',\n        'alert-success': _vm.alertType == 'success'\n      },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('div',{staticClass:\"mb-8 mt-8 text-center\"},[_c('h1',[_vm._v(\"Salary Period\")])]),_c('v-data-table',{attrs:{\"loading-text\":\"Loading salaryPeriods... Please wait\",\"loading\":_vm.isLoading,\"headers\":_vm.salaryPeriodHeader,\"items\":_vm.salaryPeriods},scopedSlots:_vm._u([{key:\"item.actions\",fn:function({ item }){return [_c('div',{staticClass:\"d-flex\"},[_c('Button',{staticClass:\"mr-4\",attrs:{\"disabled\":item.status > 0 && item.status <=2,\"btnType\":'Submit',\"label\":'Close',\"isLoading\":_vm.isCloseLoading.id=== item.id},on:{\"onClick\":function($event){return _vm.close(item)}}}),_c('Button',{attrs:{\"disabled\":item.status > 0 && item.status === 2,\"label\":'Process',\"btnType\":'Cancel',\"isLoading\":_vm.isProcessLoading.id === item.id},on:{\"onClick\":function($event){return _vm.process(item)}}})],1)]}}])})],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-app>\r\n    <!-- alert  -->\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=\"{\r\n          'alert-error': alertType == 'error',\r\n          'alert-success': alertType == 'success'\r\n        }\"\r\n      >\r\n        {{ alertMessage }}\r\n      </v-alert>\r\n    </div>\r\n    <!-- end of alert  -->\r\n    <div class=\"row\">\r\n      <div class=\"col-md-12 ml-auto mr-auto\">\r\n        <div class=\"mb-8 mt-8 text-center\">\r\n          <h1>Salary Period</h1>\r\n        </div>\r\n\r\n        <v-data-table loading-text=\"Loading salaryPeriods... Please wait\"\r\n                      :loading=\"isLoading\"\r\n                      :headers=\"salaryPeriodHeader\"\r\n                      :items=\"salaryPeriods\">\r\n          <template v-slot:item.actions=\"{ item }\">\r\n            <div class=\"d-flex\">\r\n              <Button :disabled=\"item.status > 0 && item.status <=2\" :btnType=\"'Submit'\" :label=\"'Close'\" class=\"mr-4\" :isLoading=\"isCloseLoading.id=== item.id\" @onClick=\"close(item)\" />\r\n              <Button :disabled=\"item.status > 0 && item.status === 2\" :label=\"'Process'\" :btnType=\"'Cancel'\" :isLoading=\"isProcessLoading.id === item.id\" @onClick=\"process(item)\" />\r\n            </div>\r\n          </template>\r\n        </v-data-table>\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 { salaryPeriodService } from '@/services'\r\nexport default {\r\n  components: {\r\n    Button\r\n  },\r\n  data () {\r\n    return {\r\n      alertMessage: '',\r\n      alert: false,\r\n      alertType: '',\r\n      valid: false,\r\n      isProcessLoading: {\r\n        id: '',\r\n        status: ''\r\n      },\r\n      isCloseLoading: {\r\n        id: '',\r\n        status: ''\r\n      },\r\n      isLoading: false,\r\n      salaryPeriods: [],\r\n      salaryPeriodHeader: [\r\n        {\r\n          text: 'Description',\r\n          value: 'description'\r\n        },\r\n        {\r\n          text: 'Start Date',\r\n          value: 'startDate'\r\n        }, {\r\n          text: 'End Date',\r\n          value: 'endDate'\r\n        },\r\n        {\r\n          text: 'Month',\r\n          value: 'month'\r\n        },\r\n        {\r\n          text: 'Year',\r\n          value: 'year'\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\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    loadSalaryPeriod () {\r\n      this.isLoading = true\r\n      salaryPeriodService.getAllSalaryPeriod().then(result => {\r\n        this.salaryPeriods = result.data\r\n        this.isLoading = false\r\n      }).catch(error => {\r\n        console.log(error)\r\n      })\r\n    },\r\n    close (item) {\r\n      this.isCloseLoading.id = item.id\r\n      this.isCloseLoading.status = true\r\n      salaryPeriodService.closeSalaryPeriod(item.id).then(() => {\r\n        this.showAlertMessage('Salary Period Close Succesfully', 'success')\r\n        this.loadSalaryPeriod()\r\n      }).catch(() => {\r\n        this.showAlertMessage('Salary Period Close Failed', 'error')\r\n      }).finally(() => {\r\n        this.isCloseLoading.id = ''\r\n        this.isCloseLoading.status = true\r\n      })\r\n    },\r\n    process (item) {\r\n      this.isProcessLoading.id = item.id\r\n      this.isProcessLoading.status = true\r\n      salaryPeriodService.processSalaryPeriod(item.id).then(() => {\r\n        this.showAlertMessage('Salary Period Process Succesfully', 'success')\r\n        this.loadSalaryPeriod()\r\n      }).catch(() => {\r\n        this.showAlertMessage('Salary Period Process Failed', 'error')\r\n      }).finally(() => {\r\n        this.isProcessLoading.id = ' '\r\n        this.isProcessLoading.status = false\r\n      })\r\n    }\r\n  },\r\n  mounted () {\r\n    this.loadSalaryPeriod()\r\n  }\r\n}\r\n\r\n</script>\r\n<style scoped>\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!./index.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!./index.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=89f91f86&scoped=true\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=89f91f86&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  \"89f91f86\",\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!./index.vue?vue&type=style&index=0&id=89f91f86&prod&scoped=true&lang=css\""],"sourceRoot":""}