village-hall
/
opnform
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: country prefill bug (#299) 

Co-authored-by: Julien Nahum <julien@nahum.net>
This commit is contained in:
Favour Olayinka 2024-01-31 12:49:03 +01:00 committed by GitHub
parent 38cb133e52
commit de3e2d69c0
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 21 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
client/components/forms/PhoneInput.vue
View File

@ -93,6 +93,9 @@ export default {
} }
} }
}, },
compVal(newVal, oldVal){
this.initState()
},
selectedCountryCode (newVal, oldVal) { selectedCountryCode (newVal, oldVal) {
if (this.compVal && newVal && oldVal) { if (this.compVal && newVal && oldVal) {
this.compVal = this.compVal.replace(oldVal.code + oldVal.dial_code, newVal.code + newVal.dial_code) this.compVal = this.compVal.replace(oldVal.code + oldVal.dial_code, newVal.code + newVal.dial_code)
@ -102,17 +105,7 @@ export default {
mounted () { mounted () {
if (this.compVal) { if (this.compVal) {
if (!this.compVal.startsWith('+')) { this.initState()
this.selectedCountryCode = this.getCountryBy(this.compVal.substring(2, 0))
}
const phoneObj = parsePhoneNumber(this.compVal)
if (phoneObj !== undefined && phoneObj) {
if (!this.selectedCountryCode && phoneObj.country !== undefined && phoneObj.country) {
this.selectedCountryCode = this.getCountryBy(phoneObj.country)
}
this.inputVal = phoneObj.nationalNumber
}
} }
if (!this.selectedCountryCode) { if (!this.selectedCountryCode) {
this.selectedCountryCode = this.getCountryBy() this.selectedCountryCode = this.getCountryBy()
@ -131,6 +124,7 @@ export default {
}, },
onInput (event) { onInput (event) {
this.inputVal = event?.target?.value.replace(/[^0-9]/g, '') this.inputVal = event?.target?.value.replace(/[^0-9]/g, '')
}, },
onChangeCountryCode () { onChangeCountryCode () {
if (!this.selectedCountryCode && this.countries.length > 0) { if (!this.selectedCountryCode && this.countries.length > 0) {
@ -139,6 +133,22 @@ export default {
if (this.canOnlyCountry && (this.inputVal === null || this.inputVal === '' || !this.inputVal)) { if (this.canOnlyCountry && (this.inputVal === null || this.inputVal === '' || !this.inputVal)) {
this.compVal = this.selectedCountryCode.code + this.selectedCountryCode.dial_code this.compVal = this.selectedCountryCode.code + this.selectedCountryCode.dial_code
} }
},
initState() {
if(this.compVal === null){
return;
}
if (!this.compVal.startsWith('+')) {
this.selectedCountryCode = this.getCountryBy(this.compVal.substring(2, 0))
}
const phoneObj = parsePhoneNumber(this.compVal)
if (phoneObj !== undefined && phoneObj) {
if (!this.selectedCountryCode && phoneObj.country !== undefined && phoneObj.country) {
this.selectedCountryCode = this.getCountryBy(phoneObj.country)
}
this.inputVal = phoneObj.nationalNumber
}
} }
} }
} }