{"version":3,"sources":["webpack:///./src/components/ui/form/AmountInputField.vue","webpack:///src/components/ui/form/AmountInputField.vue","webpack:///./src/components/ui/form/AmountInputField.vue?518a","webpack:///./src/components/ui/form/AmountInputField.vue?32c8","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/job-title/index.vue?bcaa","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/job-title/index.vue","webpack:///src/views/job-title/index.vue","webpack:///./src/views/job-title/index.vue?7328","webpack:///./src/views/job-title/index.vue?f339","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"],"names":["render","_vm","this","_c","_self","directives","name","rawName","value","currency","locale","expression","ref","attrs","hint","label","formattedValue","on","onChange","onInput","staticRenderFns","props","type","Number","default","String","data","watch","setValue","mounted","methods","$ci","$refs","input","$emit","getValue","component","items","itemText","itemValue","returnObject","validate","v","$event","Array","required","Boolean","event","model","show","callback","$$v","staticClass","_v","_s","title","btnTitle","loading","btnAction","stopPropagation","components","Button","dialog","isLoading","computed","get","set","class","alertType","alert","alertMessage","Add","searchPersonnel","jobTitles","length","headers","scopedSlots","_u","key","fn","_ref","item","staticStyle","_f","dateAdded","_ref2","lastModifiedDate","_e","_ref3","formatMoney","salaryAmount","_ref4","edit","openDeleteModal","update","cancel","proxy","formData","$set","SalaryAmount","unionMembers","unionMember","deleteJobtitle","valid","isSaving","closeAddModal","createJobtitle","TextField","Dialog","AmountInput","SelectField","ConfirmationDialog","search","id","text","$store","getters","showAlertMessage","message","console","log","editModal","toggleModal","unionMembership","deleteModal","amount","decimalCount","arguments","undefined","decimal","thousands","Math","abs","isNaN","negativeSign","i","parseInt","toFixed","toString","j","substr","replace","slice","e","_this","dispatch","DELETE_JOBTITLE","then","result","catch","finally","closeModal","_this2","UPDATE_JOBTITLE","Action","UnionMembershipId","resetForm","error","loadUnionMembers","_this3","unionMemberService","getAllUnionMembers","addModal","openModal","_this4","CREATE_JOBTITLE","Status","unionmembershipid","jobTitleForm","reset","modal","_this5","FETCH_JOBTITLE","persistent","width","showModal","_t","subTitle"],"mappings":"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","file":"js/chunk-40537c47.469972df.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('VTextField',{directives:[{name:\"currency\",rawName:\"v-currency\",value:({currency: null, locale: 'en'}),expression:\"{currency: null, locale: 'en'}\"}],ref:\"input\",attrs:{\"outlined\":\"\",\"hint\":_vm.hint,\"label\":_vm.label,\"dense\":\"\",\"value\":_vm.formattedValue},on:{\"change\":_vm.onChange,\"input\":_vm.onInput}})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <VTextField\r\n      ref=\"input\"\r\n      v-currency=\"{currency: null, locale: 'en'}\"\r\n      outlined\r\n      :hint=\"hint\"\r\n      :label=\"label\"\r\n      dense\r\n      :value=\"formattedValue\"\r\n      @change=\"onChange\"\r\n      @input=\"onInput\"\r\n    />\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'VCurrencyField',\r\n  props: {\r\n    value: {\r\n      type: Number,\r\n      default: null\r\n    },\r\n    hint: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    currency: {\r\n      type: String,\r\n      default: 'NGN'\r\n    },\r\n    label: {\r\n      type: String\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      formattedValue: null\r\n    }\r\n  },\r\n  watch: {\r\n    value (value) {\r\n      this.setValue(value)\r\n    }\r\n  },\r\n  mounted () {\r\n    this.setValue(this.value)\r\n  },\r\n  methods: {\r\n    setValue (value) {\r\n      this.$ci.setValue(this.$refs.input, value)\r\n    },\r\n    onInput (value) {\r\n      this.$emit('input', this.$ci.getValue(this.$refs.input))\r\n      this.formattedValue = value\r\n    },\r\n    onChange (value) {\r\n      this.$emit('change', this.$ci.getValue(this.$refs.input))\r\n      this.formattedValue = value\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!./AmountInputField.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!./AmountInputField.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./AmountInputField.vue?vue&type=template&id=099d6166\"\nimport script from \"./AmountInputField.vue?vue&type=script&lang=js\"\nexport * from \"./AmountInputField.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","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!./index.vue?vue&type=style&index=0&id=dba853f0&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","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-4 mt-8 d-flex\"},[_c('div',{staticClass:\"col-md-11\"},[_c('h1',[_vm._v(\"Job Titles\")])]),_c('div',{staticClass:\"col-md-1\"},[_c('Button',{staticClass:\"mr-2\",attrs:{\"btnType\":'Submit',\"label\":'+'},on:{\"onClick\":_vm.Add}})],1)]),_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\"}}),_c('v-data-table',{attrs:{\"loading-text\":\"Loading job-title... Please wait\",\"loading\":!_vm.jobTitles.length,\"headers\":_vm.headers,\"items\":_vm.jobTitles,\"search\":_vm.searchPersonnel},scopedSlots:_vm._u([{key:\"item.dateAdded\",fn:function({ item }){return [_c('p',{staticStyle:{\"width\":\"100px\"}},[_vm._v(\" \"+_vm._s(_vm._f(\"formatDate\")(item.dateAdded)))])]}},{key:\"item.lastModifiedDate\",fn:function({ item }){return [(item.lastModifiedDate)?_c('p',{staticStyle:{\"width\":\"80px\"}},[_vm._v(_vm._s(_vm._f(\"formatDate\")(item.lastModifiedDate)))]):_vm._e()]}},{key:\"item.salaryAmount\",fn:function({ item }){return [_vm._v(\" \"+_vm._s(_vm.formatMoney(item.salaryAmount))+\" \")]}},{key:\"item.actions\",fn:function({ item }){return [_c('div',{staticClass:\"d-flex\"},[_c('Button',{staticClass:\"mr-2\",attrs:{\"btnType\":'Submit',\"label\":'Edit'},on:{\"onClick\":function($event){return _vm.edit(item)}}}),_c('Button',{attrs:{\"btnType\":'Cancel',\"label\":'Delete'},on:{\"onClick\":function($event){return _vm.openDeleteModal(item)}}})],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('v-col',[_c('TextField',{attrs:{\"label\":'Name'},model:{value:(_vm.formData.name),callback:function ($$v) {_vm.$set(_vm.formData, \"name\", $$v)},expression:\"formData.name\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('AmountInput',{attrs:{\"label\":'Salary Amount'},model:{value:(_vm.formData.SalaryAmount),callback:function ($$v) {_vm.$set(_vm.formData, \"SalaryAmount\", $$v)},expression:\"formData.SalaryAmount\"}})],1),_c('v-col',[_c('v-select',{attrs:{\"items\":_vm.unionMembers,\"label\":\"Union Member\",\"outlined\":\"\",\"dense\":\"\",\"item-text\":\"name\",\"item-value\":\"id\",\"return-object\":\"\"},model:{value:(_vm.unionMember),callback:function ($$v) {_vm.unionMember=$$v},expression:\"unionMember\"}})],1)],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}])}),_c('Dialog',{ref:\"addModal\",attrs:{\"title\":'Add JobTitle',\"width\":600},scopedSlots:_vm._u([{key:\"footer\",fn:function(){return [_c('Button',{staticClass:\"mr-2\",attrs:{\"btnType\":'Submit',\"label\":'Submit',\"disabled\":!_vm.valid,\"isLoading\":_vm.isSaving},on:{\"onClick\":function($event){_vm.dialog = true}}}),_c('Button',{attrs:{\"btnType\":'Cancel',\"label\":'Cancel'},on:{\"onClick\":_vm.closeAddModal}})]},proxy:true}])},[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-form',{ref:\"jobTitleForm\",model:{value:(_vm.valid),callback:function ($$v) {_vm.valid=$$v},expression:\"valid\"}},[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('TextField',{attrs:{\"label\":'Name'},model:{value:(_vm.formData.name),callback:function ($$v) {_vm.$set(_vm.formData, \"name\", $$v)},expression:\"formData.name\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('AmountInput',{attrs:{\"label\":'Salary Amount'},model:{value:(_vm.formData.SalaryAmount),callback:function ($$v) {_vm.$set(_vm.formData, \"SalaryAmount\", $$v)},expression:\"formData.SalaryAmount\"}}),_c('SelectField',{attrs:{\"items\":_vm.unionMembers,\"label\":'Union Member',\"itemText\":'name',\"itemValue\":'id'},model:{value:(_vm.formData.unionMember),callback:function ($$v) {_vm.$set(_vm.formData, \"unionMember\", $$v)},expression:\"formData.unionMember\"}})],1)],1)],1)],1)],1),_c('ConfirmationDialog',{attrs:{\"title\":'Are you sure you want to submit?',\"dialog\":_vm.dialog,\"isLoading\":_vm.isSaving,\"btnTitle\":'Yes'},on:{\"close\":function($event){_vm.dialog = false},\"btnAction\":_vm.createJobtitle}})],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-4 mt-8 d-flex \">\r\n                <div class=\"col-md-11\">\r\n                  <h1>Job Titles</h1>\r\n                </div>\r\n                <div class=\"col-md-1\">\r\n                  <Button :btnType=\"'Submit'\" :label=\"'+'\" @onClick=\"Add\" class=\"mr-2\" />\r\n                </div>\r\n              </div>\r\n              <v-text-field v-model=\"searchPersonnel\"\r\n                            append-icon=\"mdi-magnify\"\r\n                            label=\"Search\"\r\n                            single-line\r\n                            hide-details></v-text-field>\r\n              <v-data-table loading-text=\"Loading job-title... Please wait\"\r\n                            :loading=\"!jobTitles.length\"\r\n                            :headers='headers'\r\n                            :items=\"jobTitles\"\r\n                            :search=\"searchPersonnel\">\r\n                <template v-slot:item.dateAdded=\"{ item }\">\r\n                  <p style=\"width:100px\"> {{item.dateAdded | formatDate}}</p>\r\n                </template>\r\n                <template v-slot:item.lastModifiedDate=\"{ item }\">\r\n                  <p style=\"width:80px\" v-if=\"item.lastModifiedDate\">{{item.lastModifiedDate | formatDate}}</p>\r\n                </template>\r\n                <template v-slot:item.salaryAmount=\"{ item }\">\r\n                  {{formatMoney(item.salaryAmount)}}\r\n                </template>\r\n                <template v-slot:item.actions=\"{ item }\">\r\n                  <div class=\"d-flex\">\r\n                    <Button :btnType=\"'Submit'\" :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\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                  <v-col>\r\n                    <TextField v-model=\"formData.name\" :label=\"'Name'\" />\r\n                  </v-col>\r\n                  <v-col cols=\"12\">\r\n                    <AmountInput v-model=\"formData.SalaryAmount\" :label=\"'Salary Amount'\" />\r\n                  </v-col>\r\n                  <v-col>\r\n                    <!-- <SelectField\r\n          :items=\"unionMembers\"\r\n          v-model=\"unionMember\"\r\n          :label=\"'Union Member'\"\r\n          :itemText=\"'name'\"\r\n          :itemValue =\"'id'\"\r\n        /> -->\r\n\r\n                    <v-select :items=\"unionMembers\"\r\n                              v-model=\"unionMember\"\r\n                              label=\"Union Member\"\r\n                              outlined\r\n                              dense\r\n                              item-text=\"name\"\r\n                              item-value=\"id\"\r\n                              return-object></v-select>\r\n                  </v-col>\r\n                </v-row>\r\n\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\r\n              <!-- add  modal  -->\r\n              <Dialog ref=\"addModal\" :title=\"'Add JobTitle'\" :width=\"600\">\r\n                <v-row>\r\n                  <v-col cols=\"12\">\r\n                    <v-form ref=\"jobTitleForm\" v-model=\"valid\">\r\n                      <v-col cols=\"12\">\r\n                        <TextField v-model=\"formData.name\" :label=\"'Name'\" />\r\n                      </v-col>\r\n                      <v-col cols=\"12\">\r\n                        <AmountInput v-model=\"formData.SalaryAmount\" :label=\"'Salary Amount'\" />\r\n                        <SelectField :items=\"unionMembers\"\r\n                                     v-model=\"formData.unionMember\"\r\n                                     :label=\"'Union Member'\"\r\n                                     :itemText=\"'name'\"\r\n                                     :itemValue=\"'id'\" />\r\n                      </v-col>\r\n                    </v-form>\r\n                  </v-col>\r\n                </v-row>\r\n                <template v-slot:footer>\r\n                  <Button :btnType=\"'Submit'\" :label=\"'Submit'\" :disabled=\"!valid\" :isLoading=\"isSaving\" @onClick=\"dialog = true\" class=\"mr-2\" />\r\n                  <Button :btnType=\"'Cancel'\" :label=\"'Cancel'\" @onClick=\"closeAddModal\" />\r\n                </template>\r\n              </Dialog>\r\n\r\n              <ConfirmationDialog :title=\"'Are you sure you want to submit?'\" :dialog=\"dialog\" :isLoading=\"isSaving\" :btnTitle=\"'Yes'\" @close=\"dialog = false\" @btnAction=\"createJobtitle\" />\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 AmountInput from '@/components/ui/form/AmountInputField.vue'\r\nimport Button from '@/components/ui/form/Button.vue'\r\nimport ConfirmationDialog from '@/components/ui/confirmationDialog.vue'\r\nimport { unionMemberService } from '@/services'\r\nimport Dialog from '@/components/ui/Dialog.vue'\r\nimport SelectField from '@/components/ui/form/SelectField.vue'\r\nimport { UPDATE_JOBTITLE, FETCH_JOBTITLE, DELETE_JOBTITLE, CREATE_JOBTITLE } from '@/store/action-type'\r\nexport default {\r\n  components: {\r\n    TextField,\r\n    Button,\r\n    Dialog,\r\n    AmountInput,\r\n    SelectField,\r\n    ConfirmationDialog\r\n  },\r\n  data () {\r\n    return {\r\n      dialog: false,\r\n      search: '',\r\n      formData: {\r\n        name: '',\r\n        id: '',\r\n        SalaryAmount: 0,\r\n        unionMember: ''\r\n      },\r\n      unionMember: '',\r\n      valid: false,\r\n      searchPersonnel: '',\r\n      isSaving: false,\r\n      alertMessage: '',\r\n      alert: false,\r\n      alertType: '',\r\n      unionMembers: [],\r\n      headers: [\r\n        {\r\n          text: 'Name',\r\n          value: 'name'\r\n        },\r\n        {\r\n          text: 'Added By',\r\n          value: 'addedBy'\r\n        },\r\n        {\r\n          text: 'Union Member',\r\n          value: 'unionMembership.name'\r\n        },\r\n        {\r\n          text: 'Salary Amount',\r\n          value: 'salaryAmount'\r\n        },\r\n        {\r\n          text: 'Date Added',\r\n          value: 'dateAdded'\r\n        },\r\n        {\r\n          text: 'Modified By',\r\n          value: 'modifiedBy'\r\n        },\r\n        {\r\n          text: 'Modified Date',\r\n          value: 'lastModifiedDate'\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    jobTitles () {\r\n      return this.$store.getters.jobTitles\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      console.log(item)\r\n      this.$refs.editModal.toggleModal()\r\n      this.formData.name = item.name\r\n      this.formData.id = item.id\r\n      this.formData.SalaryAmount = item.salaryAmount\r\n      this.unionMember = item.unionMembership\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    formatMoney (amount, decimalCount = 2, decimal = '.', thousands = ',') {\r\n      try {\r\n        decimalCount = Math.abs(decimalCount)\r\n        decimalCount = isNaN(decimalCount) ? 2 : decimalCount\r\n\r\n        const negativeSign = amount < 0 ? '-' : ''\r\n\r\n        let i = parseInt(amount = Math.abs(Number(amount) || 0).toFixed(decimalCount)).toString()\r\n        let j = (i.length > 3) ? i.length % 3 : 0\r\n\r\n        return negativeSign + (j ? i.substr(0, j) + thousands : '') + i.substr(j).replace(/(\\d{3})(?=\\d)/g, '$1' + thousands) + (decimalCount ? decimal + Math.abs(amount - i).toFixed(decimalCount).slice(2) : '')\r\n      } catch (e) {\r\n        console.log(e)\r\n      }\r\n    },\r\n    deleteJobtitle () {\r\n      this.$store.dispatch(DELETE_JOBTITLE, this.formData).then((result) => {\r\n        this.showAlertMessage('Job title deleted successfully', 'success')\r\n      }).catch(() => {\r\n        this.showAlertMessage('Job title delete failed', 'error')\r\n      }).finally(() => {\r\n        this.$refs.deleteModal.closeModal()\r\n      })\r\n    },\r\n    update () {\r\n      this.cancel('editModal')\r\n      this.$store.dispatch(UPDATE_JOBTITLE, { name: this.formData.name, Action: 'new', salaryAmount: this.formData.SalaryAmount, UnionMembershipId: this.unionMember.id, id: this.formData.id }).then((result) => {\r\n        this.showAlertMessage('Job title 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\r\n    loadUnionMembers () {\r\n      unionMemberService.getAllUnionMembers().then(result => {\r\n        this.unionMembers = result.data\r\n      }).catch(error => {\r\n        console.log(error)\r\n      })\r\n    },\r\n    resetForm () {\r\n      this.formData.name = ''\r\n      this.formData.id = ''\r\n      this.SalaryAmount = 0\r\n    },\r\n    Add () {\r\n      this.$refs.addModal.openModal()\r\n    },\r\n    closeAddModal () {\r\n      this.formData.name = ''\r\n      this.formData.SalaryAmount = ''\r\n      this.$refs.addModal.closeModal()\r\n    },\r\n    createJobtitle () {\r\n      this.isSaving = true\r\n      this.$store\r\n        .dispatch(CREATE_JOBTITLE, { name: this.formData.name, Action: 'new', SalaryAmount: this.formData.SalaryAmount, Status: 0, unionmembershipid: this.formData.unionMember })\r\n        .then(() => {\r\n          this.showAlertMessage('Operation successful', 'success')\r\n        })\r\n        .catch((error) => {\r\n          console.log(error)\r\n          this.showAlertMessage('Operation failed', 'error')\r\n        })\r\n        .finally(() => {\r\n          this.isSaving = false\r\n          this.$refs.jobTitleForm.reset()\r\n          this.closeAddModal()\r\n          this.dialog = false\r\n        })\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.loadUnionMembers()\r\n    this.$store\r\n      .dispatch(FETCH_JOBTITLE)\r\n      .then(() => {})\r\n      .catch((error) => {\r\n        if (error) {\r\n          this.showAlertMessage('There are no items to display', 'warning')\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!./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=dba853f0&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=dba853f0&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  \"dba853f0\",\n  null\n  \n)\n\nexport default component.exports","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"],"sourceRoot":""}