{"version":3,"sources":["webpack:///./src/views/Branch/People_management/view_staff.vue","webpack:///src/views/Branch/People_management/view_staff.vue","webpack:///./src/views/Branch/People_management/view_staff.vue?881c","webpack:///./src/views/Branch/People_management/view_staff.vue?5282"],"names":["render","_vm","this","_c","_self","staticClass","_v","_s","staff","firstName","attrs","starSize","model","value","staffRating","callback","$$v","expression","$t","ref","directives","name","rawName","staticStyle","domProps","on","$event","target","composing","$set","lastName","cardName","dateOfBirth","captureFormEvents","gender","email","street","city","state","$$selectedVal","Array","prototype","filter","call","options","o","selected","map","val","_value","multiple","_l","states","st","i","key","country","phone","staticRenderFns","components","MasterLayout","StarRating","provide","grid","data","startDate","endDate","dateRange","branch","branchId","formIsValid","isButtonDisabled","showLoader","retainerships","backgroundUrl","payTime","fileDisabled","pageSettings","pageSizes","pageCount","pageSize","toolbar","search","operator","ignoreCase","created","document","path","window","beforeDestroy","watch","mounted","methods","getStaffRating","get","configObject","then","res","catch","e","getStaff","response","error","validEmail","toolbarClick","refreshGrid","getStates","component"],"mappings":"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","file":"js/chunk-2d0abf62.3af76efb.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('MasterLayout',[_c('div',{staticClass:\"new-staff\"},[_c('div',{staticClass:\"add_new_bank_account_header\"},[_c('p',{staticClass:\"d-flex align-items-center\"},[_c('span',[_vm._v(_vm._s(`${(_vm.staff && _vm.staff.firstName) ?  _vm.staff.firstName + \"'s\" : \"Staff\"} details`))]),_vm._v(\" \"),_c('star-rating',{staticClass:\"ml-2\",attrs:{\"show-rating\":false,\"star-size\":_vm.starSize},model:{value:(_vm.staffRating),callback:function ($$v) {_vm.staffRating=$$v},expression:\"staffRating\"}})],1)]),_vm._v(\" \"),_c('div',{staticClass:\"cover\"},[_c('div',{staticClass:\"personal\"},[_c('label',{staticClass:\"uplift\"},[_vm._v(_vm._s(_vm.$t('text.editStaff.personalInformation')))]),_vm._v(\" \"),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"input__group__block mt-4 col-md-6\"},[_c('label',{staticClass:\"required\"},[_c('span',{staticClass:\"mylabel\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t('text.editStaff.firstName'))+\"\\n              \")])]),_vm._v(\" \"),_c('div',{ref:\"fname_input\",staticClass:\"input__block\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.staff.firstName),expression:\"staff.firstName\"}],staticClass:\"form-control\",staticStyle:{\"width\":\"100%\"},attrs:{\"type\":\"text\",\"placeholder\":this.$t('text.editStaff.firstName'),\"disabled\":\"\"},domProps:{\"value\":(_vm.staff.firstName)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.staff, \"firstName\", $event.target.value)}}})]),_vm._v(\" \"),_c('div',{ref:\"fname_error\"})]),_vm._v(\" \"),_c('div',{staticClass:\"input__group__block mt-4 col-md-6\"},[_c('label',{staticClass:\"required\"},[_c('span',{staticClass:\"mylabel\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t('text.editStaff.lastName'))+\"\\n              \")])]),_vm._v(\" \"),_c('div',{ref:\"lname_input\",staticClass:\"input__block\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.staff.lastName),expression:\"staff.lastName\"}],staticClass:\"form-control\",staticStyle:{\"width\":\"100%\"},attrs:{\"type\":\"text\",\"placeholder\":this.$t('text.editStaff.lastName'),\"disabled\":\"\"},domProps:{\"value\":(_vm.staff.lastName)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.staff, \"lastName\", $event.target.value)}}})]),_vm._v(\" \"),_c('div',{ref:\"lname_error\"})]),_vm._v(\" \"),_c('div',{staticClass:\"input__group__block mt-4 col-md-6\"},[_c('label',{staticClass:\"required\"},[_c('span',{staticClass:\"mylabel\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t('text.editStaff.cardName'))+\"\\n              \")])]),_vm._v(\" \"),_c('div',{ref:\"card_name_input\",staticClass:\"input__block\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.staff.cardName),expression:\"staff.cardName\"}],staticClass:\"form-control\",staticStyle:{\"width\":\"100%\"},attrs:{\"type\":\"text\",\"placeholder\":this.$t('text.editStaff.cardName'),\"disabled\":\"\"},domProps:{\"value\":(_vm.staff.cardName)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.staff, \"cardName\", $event.target.value)}}})]),_vm._v(\" \"),_c('div',{ref:\"card_name_error\"})]),_vm._v(\" \"),_c('div',{staticClass:\"input__group__block mt-4 col-md-6\"},[_c('label',{staticClass:\"required\"},[_c('span',{staticClass:\"mylabel\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t('text.editStaff.dateOfBirth'))+\"\\n              \")])]),_vm._v(\" \"),_c('div',{staticClass:\"input__block\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.staff.dateOfBirth),expression:\"staff.dateOfBirth\"}],staticClass:\"form-control\",staticStyle:{\"width\":\"100%\"},attrs:{\"type\":\"text\",\"disabled\":\"\"},domProps:{\"value\":(_vm.staff.dateOfBirth)},on:{\"blur\":function($event){return _vm.captureFormEvents($event)},\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.staff, \"dateOfBirth\", $event.target.value)}}})])]),_vm._v(\" \"),_c('div',{staticClass:\"input__group__block mt-4 col-md-6\"},[_c('label',{staticClass:\"required\"},[_vm._v(\"\\n              \"+_vm._s(_vm.$t('text.editStaff.gender'))+\"\\n            \")]),_vm._v(\" \"),_c('div',{staticClass:\"input__block\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.staff.gender),expression:\"staff.gender\"}],staticClass:\"form-control\",staticStyle:{\"width\":\"100%\"},attrs:{\"type\":\"text\",\"disabled\":\"\"},domProps:{\"value\":(_vm.staff.gender)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.staff, \"gender\", $event.target.value)}}})])]),_vm._v(\" \"),_c('div',{staticClass:\"input__group__block mt-4 col-md-6\"},[_c('label',{staticClass:\"required\"},[_c('span',{staticClass:\"mylabel\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t('text.editStaff.email'))+\"\\n              \")])]),_vm._v(\" \"),_c('div',{ref:\"email_input\",staticClass:\"input__block\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.staff.email),expression:\"staff.email\"}],staticClass:\"form-control\",staticStyle:{\"width\":\"100%\"},attrs:{\"type\":\"text\",\"placeholder\":this.$t('text.editStaff.email'),\"disabled\":\"\"},domProps:{\"value\":(_vm.staff.email)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.staff, \"email\", $event.target.value)}}})]),_vm._v(\" \"),_c('div',{ref:\"email_error\"})])])]),_vm._v(\" \"),_c('div',{staticClass:\"contact\"},[_c('label',{staticClass:\"uplift\"},[_vm._v(_vm._s(_vm.$t('text.editStaff.contactInformation')))]),_vm._v(\" \"),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"input__group__block mt-4 col-md-6\"},[_c('label',{staticClass:\"required\"},[_c('span',{staticClass:\"mylabel\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t('text.editStaff.streetAddress'))+\"\\n              \")])]),_vm._v(\" \"),_c('div',{ref:\"street_input\",staticClass:\"input__block\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.staff.street),expression:\"staff.street\"}],staticClass:\"form-control\",staticStyle:{\"width\":\"100%\"},attrs:{\"type\":\"text\",\"placeholder\":this.$t('text.editStaff.streetAddress'),\"disabled\":\"\"},domProps:{\"value\":(_vm.staff.street)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.staff, \"street\", $event.target.value)}}})]),_vm._v(\" \"),_c('div',{ref:\"street_error\"})]),_vm._v(\" \"),_c('div',{staticClass:\"input__group__block mt-4 col-md-6\"},[_c('label',{staticClass:\"required\"},[_c('span',{staticClass:\"mylabel\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t('text.editStaff.city'))+\"\\n              \")])]),_vm._v(\" \"),_c('div',{ref:\"city_input\",staticClass:\"input__block\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.staff.city),expression:\"staff.city\"}],staticClass:\"form-control\",staticStyle:{\"width\":\"100%\"},attrs:{\"type\":\"text\",\"placeholder\":this.$t('text.editStaff.city'),\"disabled\":\"\"},domProps:{\"value\":(_vm.staff.city)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.staff, \"city\", $event.target.value)}}})]),_vm._v(\" \"),_c('div',{ref:\"city_error\"})]),_vm._v(\" \"),_c('div',{staticClass:\"input__group__block mt-4 col-md-6\"},[_c('label',{staticClass:\"required\"},[_vm._v(\"\\n              \"+_vm._s(_vm.$t('text.editStaff.state'))+\"\\n            \")]),_vm._v(\" \"),_c('div',{staticClass:\"input__block\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.staff.state),expression:\"staff.state\"}],staticStyle:{\"width\":\"100%\"},attrs:{\"disabled\":\"\"},on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.$set(_vm.staff, \"state\", $event.target.multiple ? $$selectedVal : $$selectedVal[0])}}},_vm._l((_vm.states),function(st,i){return _c('option',{key:i,domProps:{\"value\":st.name}},[_vm._v(_vm._s(st.name))])}),0)])]),_vm._v(\" \"),_c('div',{staticClass:\"input__group__block mt-4 col-md-6\"},[_c('label',{staticClass:\"required\"},[_c('span',{staticClass:\"mylabel\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t('text.editStaff.country'))+\"\\n              \")])]),_vm._v(\" \"),_c('div',{ref:\"country_input\",staticClass:\"input__block\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.staff.country),expression:\"staff.country\"}],staticClass:\"form-control\",staticStyle:{\"width\":\"100%\"},attrs:{\"type\":\"text\",\"placeholder\":this.$t('text.editStaff.country'),\"disabled\":\"\"},domProps:{\"value\":(_vm.staff.country)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.staff, \"country\", $event.target.value)}}})]),_vm._v(\" \"),_c('div',{ref:\"country_error\"})]),_vm._v(\" \"),_c('div',{staticClass:\"input__group__block mt-4 col-md-6\",staticStyle:{\"margin\":\"0\"}},[_c('label',{staticClass:\"required\"},[_c('span',{staticClass:\"mylabel\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t('text.editStaff.phone'))+\"\\n              \")])]),_vm._v(\" \"),_c('div',{ref:\"phone_input\",staticClass:\"input__block\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.staff.phone),expression:\"staff.phone\"}],staticClass:\"form-control\",staticStyle:{\"width\":\"100%\"},attrs:{\"type\":\"text\",\"placeholder\":this.$t('text.editStaff.phone'),\"disabled\":\"\"},domProps:{\"value\":(_vm.staff.phone)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.staff, \"phone\", $event.target.value)}}})]),_vm._v(\" \"),_c('div',{ref:\"phone_error\"})])])])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <MasterLayout>\r\n    <div class=\"new-staff\">\r\n      <div class=\"add_new_bank_account_header\">\r\n        <p class=\"d-flex align-items-center\">\r\n         <span>{{`${(staff && staff.firstName) ?  staff.firstName + \"'s\" : \"Staff\"} details`}}</span>\r\n          <star-rating class=\"ml-2\" v-model=\"staffRating\" :show-rating=\"false\" :star-size=\"starSize\"></star-rating>\r\n        </p>\r\n      </div>\r\n      <div class=\"cover\">\r\n        <div class=\"personal\">\r\n          <label class=\"uplift\">{{$t('text.editStaff.personalInformation')}}</label>\r\n          <div class=\"row\">\r\n            <div class=\"input__group__block mt-4 col-md-6\">\r\n              <label class=\"required\">\r\n                <span class=\"mylabel\">\r\n                  {{$t('text.editStaff.firstName')}}\r\n                </span>\r\n              </label>\r\n              <div class=\"input__block\" ref=\"fname_input\">\r\n                <input\r\n                  type=\"text\"\r\n                  :placeholder=\"this.$t('text.editStaff.firstName')\"\r\n                  v-model=\"staff.firstName\"\r\n                  class=\"form-control\"\r\n                  disabled\r\n                   style=\"width: 100%\"\r\n                />\r\n              </div>\r\n              <div ref=\"fname_error\"></div>\r\n            </div>\r\n            <div class=\"input__group__block mt-4 col-md-6\">\r\n              <label class=\"required\">\r\n                <span class=\"mylabel\">\r\n                  {{$t('text.editStaff.lastName')}}\r\n                </span>\r\n              </label>\r\n              <div class=\"input__block\" ref=\"lname_input\">\r\n                <input\r\n                  type=\"text\"\r\n                  :placeholder=\"this.$t('text.editStaff.lastName')\"\r\n                  class=\"form-control\"\r\n                  v-model=\"staff.lastName\"\r\n                  disabled\r\n                   style=\"width: 100%\"\r\n                />\r\n              </div>\r\n              <div ref=\"lname_error\"></div>\r\n            </div>\r\n            <div class=\"input__group__block mt-4 col-md-6\">\r\n              <label class=\"required\">\r\n                <span class=\"mylabel\">\r\n                  {{$t('text.editStaff.cardName')}}\r\n                </span>\r\n              </label>\r\n              <div class=\"input__block\" ref=\"card_name_input\">\r\n                <input\r\n                  type=\"text\"\r\n                  :placeholder=\"this.$t('text.editStaff.cardName')\"\r\n                  v-model=\"staff.cardName\"\r\n                  class=\"form-control\"\r\n                  disabled \r\n                   style=\"width: 100%\"\r\n                />\r\n              </div>\r\n              <div ref=\"card_name_error\"></div>\r\n            </div>\r\n            <div class=\"input__group__block mt-4 col-md-6\">\r\n              <label class=\"required\">\r\n                <span class=\"mylabel\">\r\n                  {{$t('text.editStaff.dateOfBirth')}}\r\n                </span>\r\n              </label>\r\n              <div class=\"input__block\">\r\n                 <input\r\n                  type=\"text\"\r\n                  v-model=\"staff.dateOfBirth\"\r\n                  class=\"form-control\"\r\n                  @blur=\"captureFormEvents($event)\"\r\n                  disabled\r\n                  style=\"width:100%\"\r\n                />\r\n              </div>\r\n            </div>\r\n            <div class=\"input__group__block mt-4 col-md-6\">\r\n              <label class=\"required\">\r\n                {{$t('text.editStaff.gender')}}\r\n              </label>\r\n              <div class=\"input__block\">\r\n                <input\r\n                  type=\"text\"\r\n                  v-model=\"staff.gender\"\r\n                  class=\"form-control\"\r\n                  disabled\r\n                   style=\"width: 100%\"\r\n                />\r\n              </div>\r\n            </div>\r\n            <div class=\"input__group__block mt-4 col-md-6\">\r\n              <label class=\"required\">\r\n                <span class=\"mylabel\">\r\n                  {{$t('text.editStaff.email')}}\r\n                </span>\r\n              </label>\r\n              <div class=\"input__block\" ref=\"email_input\">\r\n                <input\r\n                  type=\"text\"\r\n                  :placeholder=\"this.$t('text.editStaff.email')\"\r\n                  v-model=\"staff.email\"\r\n                  class=\"form-control\"\r\n                  disabled\r\n                   style=\"width: 100%\"\r\n                />\r\n              </div>\r\n              <div ref=\"email_error\"></div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"contact\">\r\n          <label class=\"uplift\">{{$t('text.editStaff.contactInformation')}}</label>\r\n          <div class=\"row\">\r\n            <div class=\"input__group__block mt-4 col-md-6\">\r\n              <label class=\"required\">\r\n                <span class=\"mylabel\">\r\n                  {{$t('text.editStaff.streetAddress')}}\r\n                </span>\r\n              </label>\r\n              <div class=\"input__block\" ref=\"street_input\">\r\n                <input\r\n                  type=\"text\"\r\n                  :placeholder=\"this.$t('text.editStaff.streetAddress')\"\r\n                  v-model=\"staff.street\"\r\n                  class=\"form-control\"\r\n                  disabled\r\n                   style=\"width: 100%\"\r\n                />\r\n              </div>\r\n              <div ref=\"street_error\"></div>\r\n            </div>\r\n            <div class=\"input__group__block mt-4 col-md-6\">\r\n              <label class=\"required\">\r\n                <span class=\"mylabel\">\r\n                  {{$t('text.editStaff.city')}}\r\n                </span>\r\n              </label>\r\n              <div class=\"input__block\" ref=\"city_input\">\r\n                <input\r\n                  type=\"text\"\r\n                  :placeholder=\"this.$t('text.editStaff.city')\"\r\n                  v-model=\"staff.city\"\r\n                  class=\"form-control\"\r\n                  disabled\r\n                   style=\"width: 100%\"\r\n                />\r\n              </div>\r\n              <div ref=\"city_error\"></div>\r\n            </div>\r\n            <div class=\"input__group__block mt-4 col-md-6\">\r\n              <label class=\"required\">\r\n                {{$t('text.editStaff.state')}}\r\n              </label>\r\n              <div class=\"input__block\">\r\n                <select v-model=\"staff.state\"  style=\"width: 100%\" disabled>\r\n                  <option :value=\"st.name\" v-for=\"(st,i) in states\" :key='i'>{{st.name}}</option>\r\n                </select>\r\n              </div>\r\n            </div>\r\n            <div class=\"input__group__block mt-4 col-md-6\">\r\n              <label class=\"required\">\r\n                <span class=\"mylabel\">\r\n                  {{$t('text.editStaff.country')}}\r\n                </span>\r\n              </label>\r\n              <div class=\"input__block\" ref=\"country_input\">\r\n                <input\r\n                  style=\"width: 100%;\"\r\n                  type=\"text\"\r\n                  :placeholder=\"this.$t('text.editStaff.country')\"\r\n                  class=\"form-control\"\r\n                  v-model=\"staff.country\"\r\n                  disabled\r\n                />\r\n              </div>\r\n              <div ref=\"country_error\"></div>\r\n            </div>\r\n              <div class=\"input__group__block mt-4 col-md-6\" style=\"margin: 0;\">\r\n              <label class=\"required\">\r\n                <span class=\"mylabel\">\r\n                  {{$t('text.editStaff.phone')}}\r\n                </span>\r\n              </label>\r\n              <div class=\"input__block\" ref=\"phone_input\">\r\n                <input\r\n                  type=\"text\"\r\n                  :placeholder=\"this.$t('text.editStaff.phone')\"\r\n                  style=\"width: 100%\"\r\n                  v-model=\"staff.phone\"\r\n                  class=\"form-control\"\r\n                  disabled\r\n                />\r\n              </div>\r\n              <div ref=\"phone_error\"></div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n \r\n      </div>\r\n    </div>\r\n  </MasterLayout>\r\n</template>\r\n\r\n<script>\r\nimport Vue from \"vue\";\r\nimport MasterLayout from \"@/views/Branch/MasterLayout.vue\";\r\nimport configObject from \"@/config\";\r\nimport backgroundUrl from \"@/assets/img/retain.jpg\";\r\n\r\nimport JQuery from \"jquery\";\r\nlet $ = JQuery;\r\nimport StarRating from 'vue-star-rating'\r\n\r\nimport {\r\n  Page,\r\n  Sort,\r\n  Toolbar,\r\n  Search,\r\n  ExcelExport,\r\n  PdfExport\r\n} from \"@syncfusion/ej2-vue-grids\";\r\n\r\nexport default {\r\n  name: \"VerifyReceipt\",\r\n  components: {\r\n    MasterLayout,\r\n    StarRating\r\n  },\r\n  provide: {\r\n    grid: [Page, Sort, Toolbar, Search, ExcelExport, PdfExport]\r\n  },\r\n  data() {\r\n    return {\r\n       startDate: this.$moment().subtract(30, \"days\").format(\"YYYY-MM-DDTHH:mm:ss\"),\r\n      endDate: this.$moment().format(\"YYYY-MM-DDTHH:mm:ss\"),\r\n      dateRange: { \"start\": this.startDate, \"end\":this.endDate },\r\n      starSize: 20,\r\n\r\n      firstName: \"NiL\",\r\n      lastName: \"NiL\",\r\n      cardName: \"NiL\",\r\n      city: \"NiL\",\r\n      email: \"NiL\",\r\n      gender: \"NiL\",\r\n      street: \"NiL\",\r\n      state: \"Lagos\",\r\n      phone: \"NiL\",\r\n      states: [],\r\n      staff: {},\r\n      country: \"Nigeria\",\r\n      branch: {},\r\n      branchId: null,\r\n      formIsValid: false,\r\n      isButtonDisabled: false,\r\n      staffRating: 0,\r\n      \r\n      showLoader: true,\r\n      retainerships: \"NiL\",\r\n      backgroundUrl,\r\n      payTime: \"\",\r\n      fileDisabled: true,\r\n      pageSettings: { pageSizes: [10, 20, 50, 100, 200], pageCount: 4, pageSize: 10 },\r\n      toolbar: [\"ExcelExport\", \"PdfExport\", \"Search\"],\r\n      search: { operator: \"contains\", ignoreCase: true },\r\n    };\r\n  },\r\n  created() {\r\n    document.title = \"View Staff:: Epump etail Outlet\";\r\n    if (localStorage.getItem(\"userDetails\") === \"null\") {\r\n      this.$router.push({ path: \"/\" });\r\n    } else if (configObject.authConfig() === null) {\r\n      window.location.reload();\r\n    }\r\n    this.$eventHub.$on(\"branch\", (branch) => {\r\n      this.branch = branch\r\n      document.title = `View Staff:: ${branch.name} Retail Outlet`;\r\n    })\r\n     this.$eventHub.$on(\"editStaff\", (staff) => {\r\n          this.staff = staff;\r\n              });\r\n  },\r\n  beforeDestroy(){\r\n    \r\n    this.$eventHub.$off(\"editStaff\");\r\n  },\r\n  watch: {\r\n    branch: function(newBranch, oldBranch) {\r\n      if (newBranch.id) {\r\n        this.branchId = this.branch.id;\r\n      }\r\n      if (this.branchId !== null) {\r\n        this.getStates();\r\n        this.getStaff()\r\n        this.getStaffRating()\r\n      }\r\n    }\r\n  },\r\n  mounted() {\r\n    this.dateRange.start = this.startDate\r\n    this.dateRange.end = this.endDate\r\n  },\r\n  methods: {\r\n    getStaffRating() {\r\n     this.showLoader = true\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/TransactionRating/Staff/${this.$route.params.staffId}?startDate=${this.dateRange.start}&endDate=${this.dateRange.end}`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((res) => {\r\n            this.staffRating = Math.floor(res.data.averageRateValue)\r\n        })\r\n        .catch((e) => {\r\n            this.showLoader = false\r\n        });\r\n    },\r\n    getStaff() {\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Staff/BranchStaff/${this.branchId}`,\r\n          configObject.authConfig()\r\n        )\r\n        .then(response => {\r\n          this.staff = response.data.filter(staff => staff.id == this.$route.params.staffId)[0]\r\n\r\n          let DOB = new Date(this.staff.dateOfBirth);\r\n          const newDOB = this.$moment(DOB, \"MM/DD/YYYY\").format(\"DD/MM/YYYY\");\r\n          this.staff.dateOfBirth = newDOB;\r\n        })\r\n        .catch(error => {\r\n          // this.$toast.open({\r\n          //   message: \"Failed to get Staff\",\r\n          //   type: \"error\",\r\n          //   duration: 5000\r\n          // });\r\n        });\r\n    },\r\n\r\n    validEmail(email) {\r\n      if (/^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$/.test(email)) {\r\n        return true;\r\n      }\r\n      return false;\r\n    },\r\n    toolbarClick(args) {\r\n      switch (args.item.text) {\r\n        case \"PDF Export\":\r\n          this.$refs.dataGrid.pdfExport();\r\n          break;\r\n        case \"Excel Export\":\r\n          this.$refs.dataGrid.excelExport();\r\n          break;\r\n      }\r\n    },\r\n    refreshGrid() {\r\n      this.$refs.dataGrid.refresh();\r\n    },\r\n    getStates() {\r\n      this.axios\r\n        .get(\r\n         `${configObject.apiBaseUrl}/Branch/States`, \r\n          configObject.authConfig()\r\n        )\r\n        .then(response => {\r\n          this.states = response.data;\r\n         \r\n        })\r\n        .catch(error => {\r\n        });\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!./view_staff.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!./view_staff.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./view_staff.vue?vue&type=template&id=ca0dfd72&\"\nimport script from \"./view_staff.vue?vue&type=script&lang=js&\"\nexport * from \"./view_staff.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":""}