{"version":3,"sources":["webpack:///./src/views/Branch/People_management/edit_staff.vue","webpack:///src/views/Branch/People_management/edit_staff.vue","webpack:///./src/views/Branch/People_management/edit_staff.vue?1809","webpack:///./src/views/Branch/People_management/edit_staff.vue?1b53"],"names":["render","_vm","this","_c","_self","staticClass","_v","_s","$t","ref","directives","name","rawName","value","staff","firstName","expression","staticStyle","attrs","domProps","on","$event","captureFormEvents","target","composing","$set","lastName","cardName","dateOfBirth","gender","$$selectedVal","Array","prototype","filter","call","options","o","selected","map","val","_value","multiple","email","street","city","state","_l","states","st","i","key","country","phone","style","isButtonDisabled","cursor","updateStaff","require","staticRenderFns","$","components","MasterLayout","provide","grid","data","branch","branchId","formIsValid","date","showLoader","retainerships","backgroundUrl","payTime","fileDisabled","pageSettings","pageSizes","pageCount","pageSize","toolbar","search","operator","ignoreCase","created","document","path","window","beforeDestroy","watch","searchFun","mounted","methods","getStaff","get","configObject","then","response","catch","error","validEmail","toolbarClick","refreshGrid","getStates","message","type","duration","birthDate","formData","put","query","component"],"mappings":"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A,iBACA,gCACA,MACA,mBACA,kCACA,QAGAC,cACA,+BAEA9E,qBAwEA,GAvEA,6DACA,qBACA,6CAGA,oDACA,yCACA,sBAEA,4CACA,oCACA,iEACA,sBAGA,4DACA,qBACA,6CAEA,oDACA,yCACA,sBAEA,4CACA,oCACA,iEACA,sBAGA,iEACA,qBACA,8CAEA,qDACA,0CACA,sBAEA,6CACA,qCACA,kEACA,sBAGA,wDACA,qBACA,4CAEA,mDACA,wCACA,sBAEA,2CACA,mCACA,gEACA,sBAGA,2DACA,qBACA,+CAEA,sDACA,2CACA,sBAEA,8CACA,sCACA,mEACA,sBAGA,uDACA,uBACA,6CAGA,oDACA,yCACA,wBACA,CACA,GACAD,0BACAA,yBAQA,OANA,6CACA,yCACA,oDACA,iCACA,6CACA,qBAGA,4CACA,iEACA,oBAGA,yDACA,qBACA,6CAEA,oDACA,yCACA,qBAEA,iCACA,4CACA,oCACA,oCACA,6BACA,sBAEA,yCACA,wDACA,oDACA,sBAIA,4DACA,qBACA,iDAEA,wDACA,6CACA,sBAEA,gDACA,wCACA,wCACA,6BACA,uBAIAgF,YACA,WACAT,IACA,mCACAC,qBAEAC,KAAAC,IACA,qBAGAC,MAAAC,QAIAzC,eAEA,GADAnC,oBACA,qBAMA,YALA,kBACAiF,gDACAC,aACAC,eAIA,wBAMA,YALA,kBACAF,+CACAC,aACAC,eAIA,wBAMA,YALA,kBACAF,kDACAC,aACAC,eAIA,2BAMA,YALA,kBACAF,qDACAC,aACAC,eAIA,sBAMA,YALA,kBACAF,gDACAC,aACAC,eAIA,qBAMA,YALA,kBACAF,4CACAC,aACAC,eAIA,sCAMA,YALA,kBACAF,4CACAC,aACAC,eAIA,sBAMA,YALA,kBACAF,6CACAC,aACAC,eAIA,oBAMA,YALA,kBACAF,2CACAC,aACAC,eAIA,qBAMA,YALA,kBACAF,4CACAC,aACAC,eAIA,uBAMA,YALA,kBACAF,iDACAC,aACAC,eAIA,qBAMA,YALA,kBACAF,mDACAC,aACAC,eAIA,0DAMA,YALA,kBACAF,gDACAC,aACAC,eAKA,uCACAC,kBACA,yBACA9C,oBAEA,mBACA+C,2CACAA,yCACAA,0BACAA,qCACAA,yCACAA,qCACAA,mCACAA,mCACAA,iCACAA,mCACAA,uCACAA,6BACAA,yCAGA,WACAC,IACA,8CACAD,EACAb,qBAEAC,KAAA,KACA,0CAEA,kBACAQ,sDACAC,eACAC,eAEA7C,oBACA,yBACA,mBAAAhD,aAAAiG,kCACA1C,qCACA,SAEA8B,MAAAC,IACA,kBACAK,qDACAC,aACAC,eAEA,yBACA7C,yBC3pBkX,I,YCO9WkD,EAAY,eACd,EACA7G,EACA0D,GACA,EACA,KACA,KACA,MAIa,aAAAmD,E","file":"js/chunk-2d0d091b.087af4a0.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',[_vm._v(\"\\n      \"+_vm._s(_vm.$t('text.editStaff.title'))+\"\\n      \")])]),_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')},domProps:{\"value\":(_vm.staff.firstName)},on:{\"blur\":function($event){return _vm.captureFormEvents($event)},\"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\",attrs:{\"type\":\"text\",\"placeholder\":this.$t('text.editStaff.lastName')},domProps:{\"value\":(_vm.staff.lastName)},on:{\"blur\":function($event){return _vm.captureFormEvents($event)},\"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\",attrs:{\"type\":\"text\",\"placeholder\":this.$t('text.editStaff.cardName')},domProps:{\"value\":(_vm.staff.cardName)},on:{\"blur\":function($event){return _vm.captureFormEvents($event)},\"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\",attrs:{\"type\":\"date\"},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('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.staff.gender),expression:\"staff.gender\"}],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, \"gender\", $event.target.multiple ? $$selectedVal : $$selectedVal[0])}}},[_c('option',{attrs:{\"value\":\"Male\"}},[_vm._v(_vm._s(_vm.$t('text.editStaff.male')))]),_vm._v(\" \"),_c('option',{attrs:{\"value\":\"Female\"}},[_vm._v(_vm._s(_vm.$t('text.editStaff.female')))])])])]),_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\",attrs:{\"type\":\"text\",\"placeholder\":this.$t('text.editStaff.email')},domProps:{\"value\":(_vm.staff.email)},on:{\"blur\":function($event){return _vm.captureFormEvents($event)},\"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\",attrs:{\"type\":\"text\",\"placeholder\":this.$t('text.editStaff.streetAddress')},domProps:{\"value\":(_vm.staff.street)},on:{\"blur\":function($event){return _vm.captureFormEvents($event)},\"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\",attrs:{\"type\":\"text\",\"placeholder\":this.$t('text.editStaff.city')},domProps:{\"value\":(_vm.staff.city)},on:{\"blur\":function($event){return _vm.captureFormEvents($event)},\"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\"}],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')},domProps:{\"value\":(_vm.staff.country)},on:{\"blur\":function($event){return _vm.captureFormEvents($event)},\"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')},domProps:{\"value\":(_vm.staff.phone)},on:{\"blur\":function($event){return _vm.captureFormEvents($event)},\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.staff, \"phone\", $event.target.value)}}})]),_vm._v(\" \"),_c('div',{ref:\"phone_error\"})])])]),_vm._v(\" \"),_c('div',{staticClass:\"text-center mt-4 pb-4\"},[_c('button',{staticClass:\"save__btn\",style:([\n            _vm.isButtonDisabled\n              ? { cursor: 'not-allowed' }\n              : { cursor: 'pointer' }\n          ]),attrs:{\"disabled\":_vm.isButtonDisabled ? true : null},on:{\"click\":function($event){return _vm.updateStaff($event)}}},[_vm._v(\"\\n          \"+_vm._s(_vm.$t('text.editStaff.updateStaff'))+\" \"),_c('span')]),_vm._v(\" \"),_c('img',{staticClass:\"ml-3 loader\",staticStyle:{\"display\":\"none\"},attrs:{\"src\":require(\"@/assets/img/git_loader.gif\"),\"width\":\"35px\"}})])])])])\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>\r\n        {{$t('text.editStaff.title')}}\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                  @blur=\"captureFormEvents($event)\"\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                  @blur=\"captureFormEvents($event)\"\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                  @blur=\"captureFormEvents($event)\"\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=\"date\"\r\n                  v-model=\"staff.dateOfBirth\"\r\n                  class=\"form-control\"\r\n                  @blur=\"captureFormEvents($event)\"\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>\r\n                  <img src=\"@/assets/img/surface1.png\" width=\"25px\" />\r\n                </span> -->\r\n                {{$t('text.editStaff.gender')}}\r\n              </label>\r\n              <div class=\"input__block\">\r\n                <select v-model=\"staff.gender\">\r\n                  <option value=\"Male\">{{$t('text.editStaff.male')}}</option>\r\n                  <option value=\"Female\">{{$t('text.editStaff.female')}}</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.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                  @blur=\"captureFormEvents($event)\"\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                  @blur=\"captureFormEvents($event)\"\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                  @blur=\"captureFormEvents($event)\"\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\"  >\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                  @blur=\"captureFormEvents($event)\"\r\n                  v-model=\"staff.country\"\r\n                  \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                  @blur=\"captureFormEvents($event)\"\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        <div class=\"text-center mt-4 pb-4\">\r\n          <button\r\n            class=\"save__btn\"\r\n            @click=\"updateStaff($event)\"\r\n            :disabled=\"isButtonDisabled ? true : null\"\r\n            :style=\"[\r\n              isButtonDisabled\r\n                ? { cursor: 'not-allowed' }\r\n                : { cursor: 'pointer' }\r\n            ]\"\r\n          >\r\n            {{$t('text.editStaff.updateStaff')}} <span></span>\r\n          </button>\r\n          <img\r\n            src=\"@/assets/img/git_loader.gif\"\r\n            style=\"display:none\"\r\n            width=\"35px\"\r\n            class=\"ml-3 loader\"\r\n          />\r\n        </div>\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\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  },\r\n  provide: {\r\n    grid: [Page, Sort, Toolbar, Search, ExcelExport, PdfExport]\r\n  },\r\n  data() {\r\n    return {\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: \"NiL\",\r\n      formIsValid: false,\r\n      isButtonDisabled: false,\r\n      date: '',\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 = \"Edit Staff:: Epump Retail 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 = `Edit 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  },\r\n  beforeDestroy() {\r\n    \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\r\n        $(\".e-input\").keyup(function(e) {\r\n          searchFun(e);\r\n        });\r\n        function searchFun(event) {\r\n          var grid = document.getElementsByClassName(\"e-grid\")[0].ej2_instances[0];\r\n          var value = event.target.value;\r\n          grid.search(value);\r\n        }\r\n      }\r\n    }\r\n  },\r\n  mounted() {\r\n  },\r\n  methods: {\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(\"YYYY-MM-DD\");\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    captureFormEvents($event) {\r\n      if ($event.target.placeholder === this.$t('text.editStaff.firstName')) {\r\n        if ($event.target.value === \"\") {\r\n          this.$refs.fname_error.style.display = \"block\";\r\n          // this.$refs.fname_error.innerHTML =\r\n            // \"Input First Name field cannot be blank\";\r\n          this.$refs.fname_input.style.border = \"1px solid red\";\r\n          this.$refs.fname_error.style.color = \"red\";\r\n          this.formIsValid = false;\r\n        } else {\r\n          this.$refs.fname_error.style.display = \"none\";\r\n          this.$refs.fname_error.innerHTML = \"\";\r\n          this.$refs.fname_input.style.border = \"1px solid rgb(75, 44, 114)\";\r\n          this.formIsValid = true;\r\n        }\r\n      }\r\n      if ($event.target.placeholder === this.$t('text.editStaff.lastName')) {\r\n        if ($event.target.value === \"\") {\r\n          this.$refs.lname_error.style.display = \"block\";\r\n          // this.$refs.lname_error.innerHTML = \"Last Name field cannot be blank\";\r\n          this.$refs.lname_input.style.border = \"1px solid red\";\r\n          this.$refs.lname_error.style.color = \"red\";\r\n          this.formIsValid = false;\r\n        } else {\r\n          this.$refs.lname_error.style.display = \"none\";\r\n          this.$refs.lname_error.innerHTML = \"\";\r\n          this.$refs.lname_input.style.border = \"1px solid rgb(75, 44, 114)\";\r\n          this.formIsValid = true;\r\n        }\r\n      }\r\n      if ($event.target.placeholder === this.$t('text.editStaff.streetAddress')) {\r\n        if ($event.target.value === \"\") {\r\n          this.$refs.street_error.style.display = \"block\";\r\n          // this.$refs.street_error.innerHTML = \"Street Field cannot be blank\";\r\n          this.$refs.street_input.style.border = \"1px solid red\";\r\n          this.$refs.street_error.style.color = \"red\";\r\n          this.formIsValid = false;\r\n        } else {\r\n          this.$refs.street_error.style.display = \"none\";\r\n          this.$refs.street_error.innerHTML = \"\";\r\n          this.$refs.street_input.style.border = \"1px solid rgb(75, 44, 114)\";\r\n          this.formIsValid = true;\r\n        }\r\n      }\r\n      if ($event.target.placeholder === this.$t('text.editStaff.city')) {\r\n        if ($event.target.value === \"\") {\r\n          this.$refs.city_error.style.display = \"block\";\r\n          // this.$refs.city_error.innerHTML = \"City Field cannot be blank\";\r\n          this.$refs.city_input.style.border = \"1px solid red\";\r\n          this.$refs.city_error.style.color = \"red\";\r\n          this.formIsValid = false;\r\n        } else {\r\n          this.$refs.city_error.style.display = \"none\";\r\n          this.$refs.city_error.innerHTML = \"\";\r\n          this.$refs.city_input.style.border = \"1px solid rgb(75, 44, 114)\";\r\n          this.formIsValid = true;\r\n        }\r\n      }\r\n      if ($event.target.placeholder === this.$t('text.editStaff.country')) {\r\n        if ($event.target.value === \"\") {\r\n          this.$refs.country_error.style.display = \"block\";\r\n          // this.$refs.country_error.innerHTML = \"Country Field cannot be blank\";\r\n          this.$refs.country_input.style.border = \"1px solid red\";\r\n          this.$refs.country_error.style.color = \"red\";\r\n          this.formIsValid = false;\r\n        } else {\r\n          this.$refs.country_error.style.display = \"none\";\r\n          this.$refs.country_error.innerHTML = \"\";\r\n          this.$refs.country_input.style.border = \"1px solid rgb(75, 44, 114)\";\r\n          this.formIsValid = true;\r\n        }\r\n      }\r\n      if ($event.target.placeholder === this.$t('text.editStaff.phone')) {\r\n        if ($event.target.value === \"\") {\r\n          this.$refs.phone_error.style.display = \"block\";\r\n          // this.$refs.phone_error.innerHTML =\r\n            // \"Phone Number field cannot be blank\";\r\n          this.$refs.phone_input.style.border = \"1px solid red\";\r\n          this.$refs.phone_error.style.color = \"red\";\r\n          this.formIsValid = false;\r\n        } else {\r\n          if (\r\n            $event.target.value.length < 10 ||\r\n            $event.target.value.length > 13\r\n          ) {\r\n            this.$refs.phone_error.style.display = \"block\";\r\n            this.$refs.phone_error.style.color = \"red\";\r\n            this.$refs.phone_input.style.border = \"1px solid red\";\r\n            this.$refs.phone_error.innerHTML =\r\n              this.$t('text.errors.shortPhoneNumber');\r\n            this.formIsValid = false;\r\n            return;\r\n          }\r\n          this.$refs.phone_error.style.display = \"none\";\r\n          this.$refs.phone_input.style.border = \"1px solid rgb(75, 44, 114)\";\r\n          this.formIsValid = true;\r\n        }\r\n      }\r\n      if ($event.target.placeholder === this.$t('text.editStaff.email')) {\r\n        if ($event.target.value === \"\") {\r\n          this.$refs.email_error.style.display = \"block\";\r\n          // this.$refs.email_error.innerHTML = \"Email field cannot be blank\";\r\n          this.$refs.email_input.style.border = \"1px solid red\";\r\n          this.$refs.email_error.style.color = \"red\";\r\n          this.formIsValid = false;\r\n        } else {\r\n          if (this.validEmail($event.target.value)) {\r\n            this.$refs.email_error.style.display = \"none\";\r\n            this.$refs.email_error.innerHTML = \"\";\r\n            this.$refs.email_input.style.border =\r\n              \"1px solid rgb(75, 44, 114)\";\r\n            this.formIsValid = true;\r\n          } else {\r\n            this.$refs.email_error.style.color = \"red\";\r\n            this.$refs.email_error.innerHTML = \"Invalid Email format\";\r\n            this.$refs.email_input.style.border = \"1px solid red\";\r\n            this.formIsValid = false;\r\n          }\r\n        }\r\n      }\r\n      if ($event.target.placeholder === this.$t('text.editStaff.cardName')) {\r\n        if ($event.target.value === \"\") {\r\n          this.$refs.card_name_error.style.display = \"block\";\r\n          // this.$refs.card_name_error.innerHTML = \"card field cannot be blank\";\r\n          this.$refs.card_name_input.style.border = \"1px solid red\";\r\n          this.$refs.card_name_error.style.color = \"red\";\r\n          this.formIsValid = false;\r\n        } else {\r\n          this.$refs.card_name_error.style.display = \"none\";\r\n          this.$refs.card_name_error.innerHTML = \"\";\r\n          this.$refs.card_name_input.style.border =\r\n            \"1px solid rgb(75, 44, 114)\";\r\n          this.formIsValid = true;\r\n        }\r\n      }\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    updateStaff($event) {\r\n      $event.preventDefault();\r\n      if(!this.staff.firstName ) {\r\n        this.$toast.open({\r\n          message: this.$t('text.errors.firstNameMissing'),\r\n          type: \"error\",\r\n          duration: 3000\r\n        });\r\n        return \r\n      }\r\n       if(!this.staff.lastName ) {\r\n        this.$toast.open({\r\n          message: this.$t('text.errors.lastNameMissing'),\r\n          type: \"error\",\r\n          duration: 3000\r\n        });\r\n        return \r\n      }\r\n      if(!this.staff.cardName ) {\r\n        this.$toast.open({\r\n          message: this.$t('text.editStaff.cardNameMissing'),\r\n          type: \"error\",\r\n          duration: 3000\r\n        });\r\n        return \r\n      }\r\n      if(!this.staff.dateOfBirth ) {\r\n        this.$toast.open({\r\n          message: this.$t('text.editStaff.dateOfBirthMissing'),\r\n          type: \"error\",\r\n          duration: 3000\r\n        });\r\n        return \r\n      }\r\n      if(!this.staff.gender ) {\r\n        this.$toast.open({\r\n          message: this.$t('text.editStaff.genderMissing'),\r\n          type: \"error\",\r\n          duration: 3000\r\n        });\r\n        return \r\n      }\r\n      if(!this.staff.email ) {\r\n        this.$toast.open({\r\n          message: this.$t('text.errors.emailMissing'),\r\n          type: \"error\",\r\n          duration: 3000\r\n        });\r\n        return \r\n      }\r\n      if(!this.validEmail(this.staff.email) ) {\r\n        this.$toast.open({\r\n          message: this.$t('text.errors.invalidEmail'),\r\n          type: \"error\",\r\n          duration: 3000\r\n        });\r\n        return \r\n      }\r\n      if(!this.staff.street ) {\r\n        this.$toast.open({\r\n          message: this.$t('text.errors.streetMissing'),\r\n          type: \"error\",\r\n          duration: 3000\r\n        });\r\n        return \r\n      }\r\n      if(!this.staff.city ) {\r\n        this.$toast.open({\r\n          message: this.$t('text.errors.cityMissing'),\r\n          type: \"error\",\r\n          duration: 3000\r\n        });\r\n        return \r\n      }\r\n       if(!this.staff.state ) {\r\n        this.$toast.open({\r\n          message: this.$t('text.errors.stateMissing'),\r\n          type: \"error\",\r\n          duration: 3000\r\n        });\r\n        return \r\n      }\r\n       if(!this.staff.country ) {\r\n        this.$toast.open({\r\n          message: this.$t('text.editStaff.countryMissing'),\r\n          type: \"error\",\r\n          duration: 3000\r\n        });\r\n        return \r\n      }\r\n      if(!this.staff.phone ) {\r\n        this.$toast.open({\r\n          message: this.$t('text.errors.contactPhoneMissing'),\r\n          type: \"error\",\r\n          duration: 3000\r\n        });\r\n        return \r\n      }\r\n      if(this.staff.phone.length < 10 || this.staff.phone.length > 13) {\r\n        this.$toast.open({\r\n          message: this.$t('text.errors.shortPhoneNumber'),\r\n          type: \"error\",\r\n          duration: 3000\r\n        });\r\n        return \r\n      }\r\n\r\n      let birthDate = new Date(this.staff.dateOfBirth)\r\n      birthDate = birthDate.toISOString();\r\n      this.isButtonDisabled = true;\r\n      $(\".loader\").show();\r\n  \r\n      let formData = new FormData();\r\n      formData.append('FirstName', this.staff.firstName);\r\n      formData.append(\"LastName\", this.staff.lastName);\r\n      formData.append(\"DateOfBirth\", birthDate);\r\n      formData.append(\"Gender\", this.staff.gender);\r\n      formData.append(\"CardName\", this.staff.cardName);\r\n      formData.append(\"Street\", this.staff.street);\r\n      formData.append(\"Phone\", this.staff.phone);\r\n      formData.append(\"Email\", this.staff.email);\r\n      formData.append(\"City\", this.staff.city);\r\n      formData.append(\"State\", this.staff.state);\r\n      formData.append(\"Country\", this.staff.country);\r\n      formData.append(\"Id\", this.staff.id);\r\n      formData.append(\"BranchId\", this.staff.branchId);\r\n\r\n    \r\n      this.axios\r\n        .put(\r\n          `${configObject.apiBaseUrl}/Staff/${this.branchId}`,\r\n           formData,\r\n          configObject.authConfig()\r\n        )\r\n        .then(() => {\r\n           this.$eventHub.$emit(\"refreshStaffTable\");\r\n         \r\n          this.$toast.open({\r\n            message: this.$t('text.editStaff.successfullyUpdated'),\r\n            type: \"success\",\r\n            duration: 5000\r\n          });\r\n          $(\".loader\").hide();\r\n          this.isButtonDisabled = false;\r\n          this.$router.push({name: 'staff', query: this.$route.query.branchId ? {\r\n              branchId: this.$route.query.branchId\r\n            } : null})\r\n        })\r\n        .catch(error => {\r\n           this.$toast.open({\r\n            message: this.$t('text.editStaff.unsuccessfulUpdate'),\r\n            type: \"error\",\r\n            duration: 5000\r\n          });\r\n          this.isButtonDisabled = false;\r\n          $(\".loader\").hide();\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!./edit_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!./edit_staff.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./edit_staff.vue?vue&type=template&id=8e5a360c&\"\nimport script from \"./edit_staff.vue?vue&type=script&lang=js&\"\nexport * from \"./edit_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":""}