{"version":3,"sources":["webpack:///./src/views/Branch/People_management/newStaff.vue?e500","webpack:///src/views/Branch/People_management/newStaff.vue","webpack:///./src/views/Branch/People_management/newStaff.vue?7532","webpack:///./src/views/Branch/People_management/newStaff.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","$t","ref","directives","name","rawName","value","expression","attrs","domProps","on","$event","captureFormEvents","target","composing","firstName","lastName","cardName","date","$$selectedVal","Array","prototype","filter","call","options","o","selected","map","val","_value","gender","multiple","email","street","city","state","_l","st","i","key","staticStyle","country","phone","style","isButtonDisabled","cursor","addStaff","staticRenderFns","$","components","MasterLayout","provide","grid","data","states","branch","branchId","formIsValid","showLoader","retainerships","backgroundUrl","payTime","fileDisabled","pageSettings","pageSizes","pageCount","pageSize","toolbar","search","operator","ignoreCase","watch","document","searchFun","created","path","window","mounted","beforeDestroy","methods","validEmail","toolbarClick","refreshGrid","getStates","get","configObject","then","response","catch","error","message","type","duration","dateOfBirth","post","query","companyId","component"],"mappings":"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ASA,OAPA,6CACA,yCACA,oDACA,yCACA,qCAEA,qBAGA,4CACA,iEACA,oBAGA,yDACA,qBACA,6CAEA,oDACA,yCACA,qBAEA,iCACA,4CACA,oCACA,iEACA,sBAEA,yCACA,yCACA,4BAEA,oDACA,sBAIA,4DACA,qBACA,iDAEA,wDACA,6CACA,sBAEA,gDACA,wCACA,wCACA,6BACA,uBAIAwE,YACA,WACAC,IACA,mCACAC,qBAEAC,KAAAC,IACA,qBAEAC,MAAAC,QAGA3C,YAEA,GADAnC,oBACA,eAMA,YALA,kBACA+E,gDACAC,aACAC,eAIA,kBAMA,YALA,kBACAF,+CACAC,aACAC,eAIA,kBAMA,YALA,kBACAF,kDACAC,aACAC,eAIA,cAMA,YALA,kBACAF,qDACAC,aACAC,eAIA,gBAMA,YALA,kBACAF,gDACAC,aACAC,eAIA,eAMA,YALA,kBACAF,4CACAC,aACAC,eAIA,gCAMA,YALA,kBACAF,4CACAC,aACAC,eAIA,gBAMA,YALA,kBACAF,6CACAC,aACAC,eAIA,cAMA,YALA,kBACAF,2CACAC,aACAC,eAIA,eAMA,YALA,kBACAF,4CACAC,aACAC,eAIA,iBAMA,YALA,kBACAF,iDACAC,aACAC,eAIA,eAMA,YALA,kBACAF,mDACAC,aACAC,eAIA,8CAMA,YALA,kBACAF,gDACAC,aACAC,eAKA,IACA,EADA,sBAEAvC,GACAtC,yBACAC,uBACA6E,4BACA/D,mBACAb,uBACAgB,mBACAS,iBACAV,iBACAE,eACAC,iBACAM,sBAGA,yBACAO,oBACA,WACA8C,KACA,0DACAzC,EACAgC,qBAEAC,KAAA,KACA,0CACA,mBACAlF,aACA2F,iCACA,CACAvC,oCACAwC,uCAEA,OAEA,kBACAN,mDACAC,eACAC,eAEA5C,oBACA,2BAEAwC,MAAAC,IACA,kBACAC,iDACAC,aACAC,eAEA,yBACA5C,yBC5oBgX,I,YCO5WiD,EAAY,eACd,EACA1G,EACAwD,GACA,EACA,KACA,KACA,MAIa,aAAAkD,E","file":"js/chunk-7736ad14.60f3a67a.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;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.addStaff.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.firstName),expression:\"firstName\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"placeholder\":this.$t('text.editStaff.firstName')},domProps:{\"value\":(_vm.firstName)},on:{\"blur\":function($event){return _vm.captureFormEvents($event)},\"input\":function($event){if($event.target.composing){ return; }_vm.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.lastName),expression:\"lastName\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"placeholder\":this.$t('text.editStaff.lastName')},domProps:{\"value\":(_vm.lastName)},on:{\"blur\":function($event){return _vm.captureFormEvents($event)},\"input\":function($event){if($event.target.composing){ return; }_vm.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.cardName),expression:\"cardName\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"placeholder\":this.$t('text.editStaff.cardName')},domProps:{\"value\":(_vm.cardName)},on:{\"blur\":function($event){return _vm.captureFormEvents($event)},\"input\":function($event){if($event.target.composing){ return; }_vm.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.date),expression:\"date\"}],staticClass:\"form-control\",attrs:{\"type\":\"date\"},domProps:{\"value\":(_vm.date)},on:{\"blur\":function($event){return _vm.captureFormEvents($event)},\"input\":function($event){if($event.target.composing){ return; }_vm.date=$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.gender),expression:\"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.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(\"\\n                  \"+_vm._s(_vm.$t(\"text.editStaff.female\"))+\"\\n                \")])])])]),_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.email),expression:\"email\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"placeholder\":this.$t('text.editStaff.email')},domProps:{\"value\":(_vm.email)},on:{\"blur\":function($event){return _vm.captureFormEvents($event)},\"input\":function($event){if($event.target.composing){ return; }_vm.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.street),expression:\"street\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"placeholder\":this.$t('text.editStaff.streetAddress')},domProps:{\"value\":(_vm.street)},on:{\"blur\":function($event){return _vm.captureFormEvents($event)},\"input\":function($event){if($event.target.composing){ return; }_vm.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.city),expression:\"city\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"placeholder\":this.$t('text.editStaff.city')},domProps:{\"value\":(_vm.city)},on:{\"blur\":function($event){return _vm.captureFormEvents($event)},\"input\":function($event){if($event.target.composing){ return; }_vm.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.state),expression:\"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.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(\"\\n                  \"+_vm._s(st.name)+\"\\n                \")])}),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.country),expression:\"country\"}],staticClass:\"form-control\",staticStyle:{\"width\":\"100%\"},attrs:{\"type\":\"text\",\"placeholder\":this.$t('text.editStaff.country'),\"disabled\":\"\"},domProps:{\"value\":(_vm.country)},on:{\"blur\":function($event){return _vm.captureFormEvents($event)},\"input\":function($event){if($event.target.composing){ return; }_vm.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.phone),expression:\"phone\"}],staticClass:\"form-control\",staticStyle:{\"width\":\"100%\"},attrs:{\"type\":\"text\",\"placeholder\":this.$t('text.editStaff.phone')},domProps:{\"value\":(_vm.phone)},on:{\"blur\":function($event){return _vm.captureFormEvents($event)},\"input\":function($event){if($event.target.composing){ return; }_vm.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' } ]),attrs:{\"disabled\":_vm.isButtonDisabled ? true : null},on:{\"click\":function($event){return _vm.addStaff($event)}}},[_vm._v(\"\\n          \"+_vm._s(_vm.$t(\"text.addStaff.title\"))+\" \"),_c('span')]),_vm._v(\" \"),_c('img',{staticClass:\"ml-3 loader\",staticStyle:{\"display\":\"none\"},attrs:{\"src\":require(\"@/assets/img/git_loader.gif\"),\"width\":\"35px\"}})])])])])}\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.addStaff.title\") }}\r\n        </p>\r\n      </div>\r\n      <div class=\"cover\">\r\n        <div class=\"personal\">\r\n          <label class=\"uplift\">{{\r\n            $t(\"text.editStaff.personalInformation\")\r\n          }}</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=\"firstName\"\r\n                  class=\"form-control\"\r\n                  @blur=\"captureFormEvents($event)\"\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=\"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=\"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=\"date\"\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=\"gender\">\r\n                  <option value=\"Male\">{{ $t(\"text.editStaff.male\") }}</option>\r\n                  <option value=\"Female\">\r\n                    {{ $t(\"text.editStaff.female\") }}\r\n                  </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=\"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\">{{\r\n            $t(\"text.editStaff.contactInformation\")\r\n          }}</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=\"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=\"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=\"state\">\r\n                  <option :value=\"st.name\" v-for=\"(st, i) in states\" :key=\"i\">\r\n                    {{ st.name }}\r\n                  </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=\"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=\"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=\"addStaff($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.addStaff.title\") }} <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: null,\r\n      lastName: null,\r\n      cardName: null,\r\n      city: null,\r\n      email: null,\r\n      gender: null,\r\n      street: null,\r\n      state: \"Lagos\",\r\n      phone: null,\r\n      states: [],\r\n      country: \"Nigeria\",\r\n      branch: {},\r\n      branchId: null,\r\n      formIsValid: false,\r\n      isButtonDisabled: false,\r\n      date: \"\",\r\n      showLoader: true,\r\n      retainerships: null,\r\n      backgroundUrl,\r\n      payTime: \"\",\r\n      fileDisabled: true,\r\n      pageSettings: {\r\n        pageSizes: [10, 20, 50, 100, 200],\r\n        pageCount: 4,\r\n        pageSize: 10,\r\n      },\r\n      toolbar: [\"ExcelExport\", \"PdfExport\", \"Search\"],\r\n      search: { operator: \"contains\", ignoreCase: true },\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\r\n        $(\".e-input\").keyup(function (e) {\r\n          searchFun(e);\r\n        });\r\n        function searchFun(event) {\r\n          var grid =\r\n            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  created() {\r\n    document.title = \"New 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 = `New Staff:: ${branch.name} Retail Outlet`;\r\n    });\r\n  },\r\n  mounted() {},\r\n  beforeDestroy() {},\r\n  methods: {\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 (\r\n        $event.target.placeholder === this.$t(\"text.editStaff.streetAddress\")\r\n      ) {\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 = this.$t(\r\n              \"text.errors.shortPhoneNumber\"\r\n            );\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 = \"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 = this.$t(\r\n              \"text.errors.invalidEmail\"\r\n            );\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        .catch((error) => {});\r\n    },\r\n\r\n    addStaff($event) {\r\n      $event.preventDefault();\r\n      if (!this.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.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.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.date) {\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.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.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.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.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.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.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.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.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.phone.length < 10 || this.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 newDate = new Date(this.date);\r\n      let data;\r\n      data = {\r\n        firstName: this.firstName,\r\n        lastName: this.lastName,\r\n        dateOfBirth: newDate.toISOString(),\r\n        gender: this.gender,\r\n        cardName: this.cardName,\r\n        street: this.street,\r\n        phone: this.phone,\r\n        email: this.email,\r\n        city: this.city,\r\n        state: this.state,\r\n        country: this.country,\r\n      };\r\n\r\n      this.isButtonDisabled = true;\r\n      $(\".loader\").show();\r\n      this.axios\r\n        .post(\r\n          `${configObject.apiBaseUrl}/Staff/CreateStaff/${this.branchId}`,\r\n          data,\r\n          configObject.authConfig()\r\n        )\r\n        .then(() => {\r\n          this.$eventHub.$emit(\"refreshStaffTable\");\r\n          this.$router.push({\r\n            name: \"staff\",\r\n            query: this.$route.query.branchId\r\n              ? {\r\n                  branchId: this.$route.query.branchId,\r\n                  companyId: this.$route.query.companyId,\r\n                }\r\n              : null,\r\n          });\r\n          this.$toast.open({\r\n            message: this.$t(\"text.addStaff.successfullyAdded\"),\r\n            type: \"success\",\r\n            duration: 5000,\r\n          });\r\n          $(\".loader\").hide();\r\n          this.isButtonDisabled = false;\r\n        })\r\n        .catch((error) => {\r\n          this.$toast.open({\r\n            message: this.$t(\"text.addStaff.unsuccessfulAdd\"),\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!./newStaff.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!./newStaff.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./newStaff.vue?vue&type=template&id=4bd6f2ac&\"\nimport script from \"./newStaff.vue?vue&type=script&lang=js&\"\nexport * from \"./newStaff.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":""}