{"version":3,"sources":["webpack:///./src/components/ui/form/SelectField.vue","webpack:///src/components/ui/form/SelectField.vue","webpack:///./src/components/ui/form/SelectField.vue?1f28","webpack:///./src/components/ui/form/SelectField.vue?8450","webpack:///./src/views/personnel/PersonnelList.vue?8994","webpack:///./src/views/personnel/PersonnelList.vue","webpack:///src/views/personnel/PersonnelList.vue","webpack:///./src/views/personnel/PersonnelList.vue?07e5","webpack:///./src/views/personnel/PersonnelList.vue?9a89"],"names":["render","_vm","this","_c","_self","attrs","items","itemText","itemValue","returnObject","label","validate","v","on","$event","$emit","onChange","staticRenderFns","props","type","Array","required","String","default","Boolean","data","methods","event","component","staticClass","class","alertType","model","value","alert","callback","$$v","expression","_v","_s","alertMessage","searchPersonnel","userRole","appRoles","LCE","contractEmployers","contractEmployerChange","contractEmployerId","_e","isLoading","allLoading","headers","employeeList","scopedSlots","_u","key","fn","_ref","item","edit","_ref2","_f","lastModifiedDate","components","SelectField","Button","search","formData","name","id","personnel","valid","isSavingUser","text","fixed","width","sortable","computed","showAlertMessage","message","$router","push","concat","openDeleteModal","$refs","deleteModal","toggleModal","firstName","lastName","middleName","resetForm","cancel","modal","editModal","_this","employeeService","getEmployeesByEmployerId","then","result","catch","getAllEmployee","_this2","getAllEmployees","mounted","_this3","Roles","userService","getCurrentUser","roleName","contractEmployerService","getAllContractEmployers","unshift","$store","dispatch","FETCH_DEPARTMENT","error","console","log","FETCH_JOBTITLE","FETCH_WORKAREA","FETCH_LOCATION","FETCH_ROTATION","FETCH_CHARGE_CODE","FETCH_ORGANISATION"],"mappings":"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","file":"js/chunk-5c8bd470.4f6bd844.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-select',{attrs:{\"items\":_vm.items,\"item-text\":_vm.itemText,\"item-value\":_vm.itemValue,\"dense\":\"\",\"outlined\":\"\",\"return-object\":_vm.returnObject,\"label\":_vm.label,\"rules\":_vm.validate ? [v => !!v || 'Item is required'] : []},on:{\"input\":function($event){return _vm.$emit('input', $event)},\"change\":_vm.onChange}})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-select\r\n    :items=\"items\"\r\n    :item-text=\"itemText\"\r\n    :item-value=\"itemValue\"\r\n    dense\r\n    outlined\r\n    :return-object=\"returnObject\"\r\n    :label=\"label\"\r\n    :rules=\"validate ? [v => !!v || 'Item is required'] : []\"\r\n    @input=\"$emit('input', $event)\"\r\n    @change=\"onChange\"\r\n  ></v-select>\r\n</template>\r\n<script>\r\nexport default {\r\n  props: {\r\n    items: {\r\n      type: Array,\r\n      required: true\r\n    },\r\n    label: {\r\n      type: String,\r\n      required: true\r\n    },\r\n    itemText: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    returnObject: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    itemValue: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    validate: {\r\n      default: true,\r\n      type: Boolean\r\n    }\r\n  },\r\n  data: () => ({}),\r\n  methods: {\r\n    onChange (event) {\r\n      this.$emit('onChange', event)\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style scoped>\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!./SelectField.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!./SelectField.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./SelectField.vue?vue&type=template&id=39a72acb&scoped=true\"\nimport script from \"./SelectField.vue?vue&type=script&lang=js\"\nexport * from \"./SelectField.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  \"39a72acb\",\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!./PersonnelList.vue?vue&type=style&index=0&id=4a1290e8&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-12 ml-auto mr-auto\"},[_c('v-container',[_c('div',{staticClass:\"mb-8 mt-8 text-center\"},[_c('h1',[_vm._v(\"List of Personnel\")])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"},[_c('v-text-field',{attrs:{\"append-icon\":\"mdi-magnify\",\"label\":\"Search\",\"single-line\":\"\",\"hide-details\":\"\"},model:{value:(_vm.searchPersonnel),callback:function ($$v) {_vm.searchPersonnel=$$v},expression:\"searchPersonnel\"}})],1),(_vm.userRole !== _vm.appRoles.LCE)?_c('div',{staticClass:\"col-md-6 mt-2\"},[_c('SelectField',{attrs:{\"items\":_vm.contractEmployers,\"label\":'Contractor Employer',\"itemText\":'name',\"itemValue\":'id'},on:{\"onChange\":_vm.contractEmployerChange},model:{value:(_vm.contractEmployerId),callback:function ($$v) {_vm.contractEmployerId=$$v},expression:\"contractEmployerId\"}})],1):_vm._e()]),_c('v-data-table',{attrs:{\"loading-text\":\"Loading personnel. Please wait....\",\"loading\":_vm.isLoading || _vm.allLoading < 7,\"headers\":_vm.headers,\"items\":_vm.employeeList,\"search\":_vm.searchPersonnel,\"item-key\":\"id\"},scopedSlots:_vm._u([{key:\"item.actions\",fn:function({ item }){return [_c('div',{staticClass:\"d-flex\"},[_c('Button',{staticClass:\"mr-2\",attrs:{\"btnType\":'Submit',\"disabled\":_vm.allLoading < 7,\"label\":'Edit'},on:{\"onClick\":function($event){return _vm.edit(item)}}})],1)]}},{key:\"item.lastModifiedDate\",fn:function({ item }){return [_vm._v(\" \"+_vm._s(_vm._f(\"formatDate\")(item.lastModifiedDate))+\" \")]}}])})],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>List of  Personnel</h1>\r\n              </div>\r\n              <div class=\"row\">\r\n                <div class=\"col-md-6\">\r\n                  <v-text-field\r\n                    v-model=\"searchPersonnel\"\r\n                    append-icon=\"mdi-magnify\"\r\n                    label=\"Search\"\r\n                    single-line\r\n                    hide-details\r\n                  ></v-text-field>\r\n                </div>\r\n                <div v-if=\"userRole !== appRoles.LCE\" class=\"col-md-6 mt-2\">\r\n                  <SelectField\r\n                    :items=\"contractEmployers\"\r\n                    v-model=\"contractEmployerId\"\r\n                    :label=\"'Contractor Employer'\"\r\n                    :itemText=\"'name'\"\r\n                    :itemValue=\"'id'\"\r\n                    @onChange=\"contractEmployerChange\"\r\n                  />\r\n                </div>\r\n              </div>\r\n             <v-data-table\r\n              loading-text=\"Loading personnel. Please wait....\"\r\n              :loading=\"isLoading || allLoading < 7\"\r\n              :headers= 'headers'\r\n              :items=\"employeeList\"\r\n              :search=\"searchPersonnel\"\r\n              item-key=\"id\"\r\n             >\r\n              <!-- <template slot=\"items\" slot-scope=\"props\">\r\n                <tr>\r\n                  <td>{{ props.item.firstName}}</td>\r\n                  <td>{{ props.item.lastName}}</td>\r\n                </tr>\r\n              </template> -->\r\n              <template v-slot:item.actions=\"{ item }\">\r\n                <div class=\"d-flex\">\r\n                  <Button :btnType=\"'Submit'\" :disabled=\"allLoading < 7\" :label=\"'Edit'\" @onClick=\"edit(item)\" class=\"mr-2\"/>\r\n                 <!-- <Button :btnType=\"'Cancel'\" :label=\"'Delete'\" @onClick=\"openDeleteModal(item)\" /> -->\r\n                </div>\r\n              </template>\r\n              <template v-slot:item.lastModifiedDate=\"{ item }\">\r\n                {{item.lastModifiedDate | formatDate}}\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 this personnel'\" :width=\"400\">\r\n                <v-row>\r\n                  <p>{{formData.name}}</p>\r\n                </v-row>\r\n                <template v-slot:footer>\r\n                  <Button :btnType=\"'Submit'\" :label=\"'Yes'\" @onClick=\"deletePersonnel\" 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\n\r\nimport SelectField from '@/components/ui/form/SelectField.vue'\r\n// import TextField from '@/components/ui/form/TextField.vue'\r\nimport Button from '@/components/ui/form/Button.vue'\r\n\r\n// import Dialog from '@/components/ui/Dialog.vue'\r\nimport { FETCH_DEPARTMENT, FETCH_JOBTITLE, FETCH_WORKAREA, FETCH_ROTATION, FETCH_LOCATION, FETCH_CHARGE_CODE, FETCH_ORGANISATION } from '@/store/action-type'\r\nimport { userService, employeeService, contractEmployerService } from '@/services'\r\nimport Roles from '@/utils/roles'\r\n\r\nexport default {\r\n  components: {\r\n    SelectField,\r\n    // TextField,\r\n    Button\r\n    // Dialog\r\n  },\r\n  data () {\r\n    return {\r\n      search: '',\r\n      userRole: '',\r\n      appRoles: {},\r\n      isLoading: false,\r\n      formData: {\r\n        name: '',\r\n        id: ''\r\n      },\r\n      contractEmployerId: 0,\r\n      employeeList: [],\r\n      contractEmployers: [],\r\n      personnel: {},\r\n      searchPersonnel: '',\r\n      valid: false,\r\n      isSavingUser: false,\r\n      alertMessage: '',\r\n      allLoading: 0,\r\n      alert: false,\r\n      alertType: '',\r\n      headers: [\r\n        //{         \r\n        //  fixed: true,\r\n        //  width: '100px',\r\n        //  sortable: false\r\n        //},\r\n        {\r\n          text: 'Prnumber',\r\n          value: 'prnumber',\r\n          fixed: true,\r\n          width: '100px'\r\n        },\r\n        {\r\n          text: 'Charge Code',\r\n          value: 'chargeCode'\r\n        },\r\n        {\r\n          text: 'Job Title',\r\n          value: 'jobTitle.name'\r\n        },\r\n        {\r\n          text: 'First Name',\r\n          value: 'firstName'\r\n        },\r\n        {\r\n          text: 'Last Name',\r\n          value: 'lastName'\r\n        },\r\n        {\r\n          text: 'Email',\r\n          value: 'email'\r\n        },\r\n        {\r\n          text: 'Location',\r\n          value: 'location.name'\r\n        },\r\n        {\r\n          text: 'Department',\r\n          value: 'department.name'\r\n        },\r\n        {\r\n          text: 'Status',\r\n          value: 'employeeStatus'\r\n        },\r\n        {\r\n          text: 'Modified By',\r\n          value: 'modifiedBy',\r\n          sortable: false\r\n        },\r\n        {\r\n          text: 'Date Modified',\r\n          value: 'lastModifiedDate'\r\n        },\r\n        {\r\n          text: 'Actions',\r\n          value: 'actions',\r\n          fixed: true,\r\n          sortable: false\r\n        }\r\n      ]\r\n    }\r\n  },\r\n  computed: {\r\n    // employees () {\r\n    //   // this.employeeList = this.$store.getters.employees\r\n    //   return this.$store.getters.employees\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    },\r\n    edit (item) {\r\n      this.$router.push(`/personnel-data/edit/${item.id}`)\r\n    },\r\n    openDeleteModal (item) {\r\n      this.personnel = item\r\n      this.$refs.deleteModal.toggleModal()\r\n      this.formData.name = `${item.firstName}, ${item.lastName} ${item.middleName}`\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    contractEmployerChange (item) {\r\n      this.employeeList = []\r\n      this.isLoading = true\r\n      if (item === 0.1) {\r\n        this.getAllEmployee()\r\n        return\r\n      }\r\n      employeeService.getEmployeesByEmployerId(item).then(result => {\r\n        this.employeeList = result.data.items\r\n        this.isLoading = false\r\n      }).catch(() => {\r\n        this.isLoading = false\r\n      })\r\n    },\r\n    getAllEmployee () {\r\n      employeeService.getAllEmployees().then(result => {\r\n        this.employeeList = result.data.items\r\n        this.isLoading = false\r\n      }).catch(() => {\r\n        this.isLoading = false\r\n      })\r\n    }\r\n  },\r\n  mounted () {\r\n    this.isLoading = true\r\n    this.appRoles = Roles\r\n\r\n    userService.getCurrentUser().then(result => {\r\n      this.userRole = result.data.roleName\r\n    })\r\n\r\n    contractEmployerService.getAllContractEmployers().then((result) => {\r\n      this.contractEmployers = result.data.items\r\n      this.contractEmployers.unshift({ 'id': 0.1, 'name': 'All' })\r\n    })\r\n\r\n    this.$store\r\n      .dispatch(FETCH_DEPARTMENT)\r\n      .then(() => {\r\n        this.allLoading = this.allLoading + 1\r\n      })\r\n      .catch((error) => {\r\n        console.log(error)\r\n      })\r\n    this.$store\r\n      .dispatch(FETCH_JOBTITLE)\r\n      .then(() => {\r\n        this.allLoading = this.allLoading + 1\r\n      })\r\n      .catch((error) => {\r\n        console.log(error)\r\n      })\r\n    this.$store\r\n      .dispatch(FETCH_WORKAREA)\r\n      .then(() => {\r\n        this.allLoading = this.allLoading + 1\r\n      })\r\n      .catch((error) => {\r\n        console.log(error)\r\n      })\r\n    this.$store\r\n      .dispatch(FETCH_LOCATION)\r\n      .then(() => {\r\n        this.allLoading = this.allLoading + 1\r\n      })\r\n      .catch((error) => {\r\n        console.log(error)\r\n      })\r\n\r\n    this.$store\r\n      .dispatch(FETCH_ROTATION)\r\n      .then(() => {\r\n        this.allLoading = this.allLoading + 1\r\n      })\r\n      .catch((error) => {\r\n        console.log(error)\r\n      })\r\n\r\n    this.$store\r\n      .dispatch(FETCH_CHARGE_CODE)\r\n      .then(() => {\r\n        this.allLoading = this.allLoading + 1\r\n      })\r\n      .catch((error) => {\r\n        console.log(error)\r\n      })\r\n    this.$store\r\n      .dispatch(FETCH_ORGANISATION)\r\n      .then(() => {\r\n        this.allLoading = this.allLoading + 1\r\n      })\r\n      .catch((error) => {\r\n        console.log(error)\r\n      })\r\n\r\n    this.getAllEmployee()\r\n\r\n    // this.$store\r\n    //   .dispatch(FETCH_EMPLOYEES)\r\n    //   .then(data => {\r\n    //     console.clear()\r\n    //     console.log('data:', data)\r\n    //   })\r\n    //   .catch(() => {\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!./PersonnelList.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!./PersonnelList.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PersonnelList.vue?vue&type=template&id=4a1290e8&scoped=true\"\nimport script from \"./PersonnelList.vue?vue&type=script&lang=js\"\nexport * from \"./PersonnelList.vue?vue&type=script&lang=js\"\nimport style0 from \"./PersonnelList.vue?vue&type=style&index=0&id=4a1290e8&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  \"4a1290e8\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}