dan/Portfolio
1
0
Fork 0
mirror of https://github.com/danbulant/Portfolio synced 2026-07-08 04:20:46 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: country CZ when switching from page with tel field

Browse source
This commit is contained in:
Sebastian Pravda 2023-02-03 19:19:37 +01:00 committed by EETagent
parent 699f442088
commit 990e365f31
1 changed files with 10 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
frontend/src/lib/components/textfield/TelephoneField.svelte
View file

@ -8,12 +8,18 @@
import TelInput, { normalizedCountries } from 'svelte-tel-input'; import TelInput, { normalizedCountries } from 'svelte-tel-input';
import type { NormalizedTelNumber, CountryCode, E164Number } from 'svelte-tel-input/types'; import type { NormalizedTelNumber, CountryCode, E164Number } from 'svelte-tel-input/types';
import { parsePhoneNumber } from 'libphonenumber-js';
// Any Country Code Alpha-2 (ISO 3166) // Any Country Code Alpha-2 (ISO 3166)
let country: CountryCode | null = 'CZ'; let country: CountryCode | null = 'CZ';
// You must use E164 number format. It's guarantee the parsing and storing consistency. // You must use E164 number format. It's guarantee the parsing and storing consistency.
export let value: E164Number | null = '+36301234567'; export let value: E164Number | null;
if (value !== null) {
// @ts-ignore
country = parsePhoneNumber(value).country;
// console.log(country);
}
// Validity // Validity
let valid = true; let valid = true;
@ -60,7 +66,9 @@
selected={country.iso2 === selectedCountry} selected={country.iso2 === selectedCountry}
aria-selected={country.iso2 === selectedCountry} aria-selected={country.iso2 === selectedCountry}
> >
{country.iso2} (+{country.dialCode}) {country.name.split('(').length > 1
? country.name.split('(')[1].replace(')', '')
: country.name} (+{country.dialCode})
</option> </option>
{/each} {/each}
</select> </select>