{"version":3,"sources":["webpack:///./src/views/unionMember/unionMemberApproval.vue?f68a","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/unionMember/unionMemberApproval.vue","webpack:///src/views/unionMember/unionMemberApproval.vue","webpack:///./src/views/unionMember/unionMemberApproval.vue?c965","webpack:///./src/views/unionMember/unionMemberApproval.vue?3225"],"names":["render","_vm","this","_c","_self","attrs","model","value","show","callback","$$v","expression","staticClass","_v","_s","title","btnTitle","loading","on","btnAction","$event","stopPropagation","staticRenderFns","components","Button","props","type","String","dialog","Boolean","isLoading","computed","get","set","$emit","methods","component","class","alertType","alert","alertMessage","actions","selected","length","action","changeAction","pendingUnionJobtitleSalaries","_e","_l","unionJobTitleListItems","item","index","key","salaryComponent","directives","name","rawName","domProps","id","Array","isArray","_i","$$a","$$el","target","$$c","checked","$$i","concat","slice","unionMembership","itemSub","openConfiModal","openCancelModal","approve","ConfirmationDialog","data","$store","getters","showAlertMessage","message","_this","setTimeout","_this2","dispatch","APPROVE_UNIONJOBTITLESALARIES","status","ApprovalItems","then","isSaving","$router","go","catch","finally","onReset","_this3","result","mounted","_this4","FETCH_PENDING_UNIONJOBTITLESALARIES","error","console","log"],"mappings":"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","file":"js/chunk-524139da.576d11ed.js","sourcesContent":["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!./unionMemberApproval.vue?vue&type=style&index=0&id=5db9df21&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-10 ml-auto mr-auto\"},[_c('div',{staticClass:\"mb-8 mt-8 text-center\"},[_c('h1',[_vm._v(\"Pending Configure Allowances\")])]),_c('v-row',[_c('v-col',{staticClass:\"ml-auto\",attrs:{\"cols\":\"4\"}},[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"6\"}},[_c('v-select',{staticClass:\"pt-5\",attrs:{\"items\":_vm.actions,\"item-value\":\"id\",\"item-text\":\"name\",\"disabled\":_vm.selected.length === 0,\"label\":\"Actions\",\"return-object\":\"\",\"outlined\":\"\",\"dense\":\"\"},model:{value:(_vm.action),callback:function ($$v) {_vm.action=$$v},expression:\"action\"}})],1),_c('v-col',{attrs:{\"cols\":\"6 d-flex\"}},[_c('div',{staticClass:\"submit-button-container\"},[_c('Button',{attrs:{\"label\":'Submit',\"btnType\":'Submit'},on:{\"onClick\":_vm.changeAction}})],1)])],1)],1)],1),_c('div',[(!_vm.pendingUnionJobtitleSalaries.length)?_c('div',{staticClass:\"text-center\"},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"primary\"}})],1):_vm._e(),(_vm.pendingUnionJobtitleSalaries.length > 0)?_c('v-simple-table',[[_c('thead',[_c('tr',[_c('th'),_c('th',[_vm._v(\" Union Membership \")]),_vm._l((_vm.pendingUnionJobtitleSalaries[0].unionJobTitleListItems),function(item,index){return _c('th',{key:index},[_vm._v(\" \"+_vm._s(item.salaryComponent)+\" \")])}),_c('th',[_vm._v(\" Actions \")])],2)]),_c('tbody',_vm._l((_vm.pendingUnionJobtitleSalaries),function(item,index){return _c('tr',{key:index},[_c('td',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.selected),expression:\"selected\"}],staticClass:\"checkbox\",attrs:{\"type\":\"checkbox\"},domProps:{\"value\":{id:item.id},\"checked\":Array.isArray(_vm.selected)?_vm._i(_vm.selected,{id:item.id})>-1:(_vm.selected)},on:{\"change\":function($event){var $$a=_vm.selected,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v={id:item.id},$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.selected=$$a.concat([$$v]))}else{$$i>-1&&(_vm.selected=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.selected=$$c}}}})]),_c('td',[_vm._v(_vm._s(item.unionMembership))]),_vm._l((item.unionJobTitleListItems),function(itemSub,index){return _c('td',{key:index},[_vm._v(\" \"+_vm._s(itemSub.value)+\" \")])}),_c('td',[_c('div',{staticClass:\"d-flex\"},[_c('Button',{staticClass:\"mr-2\",attrs:{\"btnType\":'Submit',\"label\":'Approve'},on:{\"onClick\":function($event){return _vm.openConfiModal(item)}}}),_c('Button',{attrs:{\"btnType\":'Cancel',\"label\":'Reject'},on:{\"onClick\":function($event){return _vm.openCancelModal(item)}}})],1)])],2)}),0),_c('ConfirmationDialog',{attrs:{\"title\":'Are you sure you want to submit?',\"isLoading\":_vm.isLoading,\"dialog\":_vm.dialog,\"btnTitle\":'Yes'},on:{\"close\":function($event){_vm.dialog = false},\"btnAction\":_vm.approve}})]],2):_vm._e()],1)],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-app>\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          <div class=\"mb-8 mt-8 text-center\">\r\n            <h1>Pending Configure Allowances</h1>\r\n          </div>\r\n          <v-row>\r\n            <v-col cols=\"4\" class=\"ml-auto\">\r\n              <v-row no-gutters>\r\n                <v-col cols=\"6\">\r\n                    <v-select v-model=\"action\" class=\"pt-5\" :items=\"actions\" item-value=\"id\" item-text=\"name\" :disabled=\"selected.length === 0\"   label=\"Actions\" return-object outlined dense/>\r\n                  </v-col>\r\n                  <v-col cols=\"6 d-flex\">\r\n                    <div class=\"submit-button-container\">\r\n                      <Button\r\n                      :label=\"'Submit'\"\r\n                      :btnType=\"'Submit'\"\r\n                      @onClick=\"changeAction\"\r\n                      class=\"\"\r\n                    />\r\n                    </div>\r\n                  </v-col>\r\n              </v-row>\r\n            </v-col>\r\n          </v-row>\r\n          <div>\r\n            <div v-if=\"!pendingUnionJobtitleSalaries.length\" class=\"text-center\">\r\n              <v-progress-circular indeterminate\r\n                                   color=\"primary\"></v-progress-circular>\r\n            </div>\r\n            <v-simple-table v-if=\"pendingUnionJobtitleSalaries.length > 0\">\r\n              <template>\r\n                <thead>\r\n                  <tr>\r\n                    <th></th>\r\n                    <th>\r\n                      Union Membership\r\n                    </th>\r\n                    <th v-for=\"(item, index) in pendingUnionJobtitleSalaries[0].unionJobTitleListItems\" :key=\"index\">\r\n                      {{item.salaryComponent}}\r\n                    </th>\r\n                    <th>\r\n                      Actions\r\n                    </th>\r\n                  </tr>\r\n                </thead>\r\n                <tbody>\r\n                  <tr v-for=\"(item , index) in pendingUnionJobtitleSalaries\" :key=\"index\">\r\n                    <td>\r\n                      <input type=\"checkbox\"\r\n                             class=\"checkbox\"\r\n                             :value=\"{id:item.id}\"\r\n                             v-model=\"selected\" />\r\n                    </td>\r\n                    <td>{{item.unionMembership}}</td>\r\n                    <td v-for=\"(itemSub, index) in item.unionJobTitleListItems\" :key=\"index\">\r\n                      {{itemSub.value}}\r\n                    </td>\r\n                    <td>\r\n                      <div class=\"d-flex\">\r\n                        <Button :btnType=\"'Submit'\" :label=\"'Approve'\" @onClick=\"openConfiModal(item)\" class=\"mr-2\" />\r\n                        <Button :btnType=\"'Cancel'\" :label=\"'Reject'\" @onClick=\"openCancelModal(item)\" />\r\n                      </div>\r\n                    </td>\r\n                  </tr>\r\n                </tbody>\r\n                <ConfirmationDialog :title=\"'Are you sure you want to submit?'\" :isLoading=\"isLoading\" :dialog=\"dialog\" :btnTitle=\"'Yes'\" @close=\"dialog = false\" @btnAction=\"approve\" />\r\n              </template>\r\n            </v-simple-table>\r\n          </div>\r\n       </div>\r\n\r\n    </div>\r\n  </v-app>\r\n</template>\r\n<script>\r\nimport { FETCH_PENDING_UNIONJOBTITLESALARIES, APPROVE_UNIONJOBTITLESALARIES } from '@/store/action-type'\r\nimport ConfirmationDialog from '@/components/ui/confirmationDialog.vue'\r\nimport Button from '@/components/ui/form/Button.vue'\r\nexport default {\r\n  components: {\r\n    Button,\r\n    ConfirmationDialog\r\n  },\r\n  data () {\r\n    return {\r\n      alertMessage: '',\r\n      alert: false,\r\n      alertType: '',\r\n      action: '',\r\n      item: null,\r\n      dialog: false,\r\n      isLoading: false,\r\n      selected: [],\r\n      actions: [{ id: 1, name: 'Approve' }, { id: 2, name: 'Reject' }, { id: 3, name: 'Recycle' }]\r\n    }\r\n  },\r\n  computed: {\r\n    pendingUnionJobtitleSalaries () {\r\n      return this.$store.getters.pendingUnionJobtitleSalaries\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    approve () {\r\n      this.isLoading = true\r\n      this.$store.dispatch(APPROVE_UNIONJOBTITLESALARIES, { status: 1, ApprovalItems: [{ id: this.item.id }] }).then(() => {\r\n        this.showAlertMessage('Union jobtitle salaries approval Successfully', 'success')\r\n        this.isSaving = false\r\n        this.$router.go()\r\n      }).catch(() => {\r\n        this.showAlertMessage('Union jobtitle salaries approval failed', 'error')\r\n      }).finally(() => {\r\n        this.dialog = false\r\n        this.isLoading = false\r\n        this.onReset()\r\n      })\r\n    },\r\n\r\n    openConfiModal (item) {\r\n      this.item = item\r\n      this.dialog = true\r\n    },\r\n    openCancelModal (item) {\r\n\r\n    },\r\n    changeAction () {\r\n      if (this.action.id === 1) {\r\n        this.$store.dispatch(APPROVE_UNIONJOBTITLESALARIES, { status: 1, ApprovalItems: this.selected }).then(result => {\r\n          this.showAlertMessage('Union jobtitle salaries approval Successfully', 'success')\r\n        }).catch(() => {\r\n          this.showAlertMessage('Union jobtitle salaries approval failed', 'error')\r\n        })\r\n      }\r\n      this.$router.go()\r\n    }\r\n  },\r\n  mounted () {\r\n    this.$store.dispatch(FETCH_PENDING_UNIONJOBTITLESALARIES).then(() => {}).catch(error => {\r\n      console.log(error)\r\n      this.showAlertMessage('Uable to fetch pending Union jobtitle Salaries', 'error')\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.actionBar {\r\n  display: flex;\r\n    align-items: center;\r\n    height: 100%;\r\n}\r\n.actionBarContainer{\r\n  width: 100%;\r\n}\r\n.submit-button-container {\r\n  display: flex;\r\n  align-items: center;\r\n  padding-bottom: 5px;\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!./unionMemberApproval.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!./unionMemberApproval.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./unionMemberApproval.vue?vue&type=template&id=5db9df21&scoped=true\"\nimport script from \"./unionMemberApproval.vue?vue&type=script&lang=js\"\nexport * from \"./unionMemberApproval.vue?vue&type=script&lang=js\"\nimport style0 from \"./unionMemberApproval.vue?vue&type=style&index=0&id=5db9df21&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  \"5db9df21\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}