Merge pull request #6650 from ArtemDzhereleiko/AD/phone-input
[WIP][3.4] UI: Phone input with country flags
This commit is contained in:
Igor Kulikov
GitHub
commit
6acae339fa
@ -62,6 +62,7 @@
|
|||||||
"leaflet-providers": "^1.13.0",
|
"leaflet-providers": "^1.13.0",
|
||||||
"leaflet.gridlayer.googlemutant": "^0.13.4",
|
"leaflet.gridlayer.googlemutant": "^0.13.4",
|
||||||
"leaflet.markercluster": "^1.5.3",
|
"leaflet.markercluster": "^1.5.3",
|
||||||
|
"libphonenumber-js": "^1.10.4",
|
||||||
"messageformat": "^2.3.0",
|
"messageformat": "^2.3.0",
|
||||||
"moment": "^2.29.1",
|
"moment": "^2.29.1",
|
||||||
"moment-timezone": "^0.5.34",
|
"moment-timezone": "^0.5.34",
|
||||||
|
|||||||
@ -30,17 +30,11 @@
|
|||||||
<div style="height: 4px;" *ngIf="!(isLoading$ | async)"></div>
|
<div style="height: 4px;" *ngIf="!(isLoading$ | async)"></div>
|
||||||
<div mat-dialog-content tb-toast toastTarget="sendTestSmsDialogContent">
|
<div mat-dialog-content tb-toast toastTarget="sendTestSmsDialogContent">
|
||||||
<fieldset [disabled]="(isLoading$ | async)">
|
<fieldset [disabled]="(isLoading$ | async)">
|
||||||
<mat-form-field class="mat-block">
|
<tb-phone-input required
|
||||||
<mat-label translate>admin.number-to</mat-label>
|
formControlName="numberTo"
|
||||||
<input type="tel" required [pattern]="phoneNumberPattern" matInput formControlName="numberTo">
|
[enableFlagsSelect]="false"
|
||||||
<mat-error *ngIf="sendTestSmsFormGroup.get('numberTo').hasError('required')">
|
[label]="'admin.number-to'">
|
||||||
{{ 'admin.number-to-required' | translate }}
|
</tb-phone-input>
|
||||||
</mat-error>
|
|
||||||
<mat-error *ngIf="sendTestSmsFormGroup.get('numberTo').hasError('pattern')">
|
|
||||||
{{ 'admin.phone-number-pattern' | translate }}
|
|
||||||
</mat-error>
|
|
||||||
<mat-hint innerHTML="{{ 'admin.phone-number-hint' | translate }}"></mat-hint>
|
|
||||||
</mat-form-field>
|
|
||||||
<mat-form-field class="mat-block">
|
<mat-form-field class="mat-block">
|
||||||
<mat-label translate>admin.sms-message</mat-label>
|
<mat-label translate>admin.sms-message</mat-label>
|
||||||
<textarea required matInput rows="3" [maxLength]="1600" formControlName="message"></textarea>
|
<textarea required matInput rows="3" [maxLength]="1600" formControlName="message"></textarea>
|
||||||
|
|||||||
@ -36,21 +36,12 @@
|
|||||||
<ng-template matStepLabel>{{ 'security.2fa.dialog.sms-step-label' | translate }}</ng-template>
|
<ng-template matStepLabel>{{ 'security.2fa.dialog.sms-step-label' | translate }}</ng-template>
|
||||||
<form [formGroup]="smsConfigForm" (ngSubmit)="nextStep()">
|
<form [formGroup]="smsConfigForm" (ngSubmit)="nextStep()">
|
||||||
<p class="mat-body step-description input" translate>security.2fa.dialog.sms-step-description</p>
|
<p class="mat-body step-description input" translate>security.2fa.dialog.sms-step-description</p>
|
||||||
<div fxLayout="row" fxLayoutAlign="space-between center" fxLayoutGap="8px">
|
<div fxLayout="row" fxLayoutAlign="space-between center" fxLayoutGap="15px">
|
||||||
<mat-form-field fxFlex class="mat-block input-container" floatLabel="always" hideRequiredMarker>
|
<tb-phone-input fxFlex
|
||||||
<mat-label></mat-label>
|
formControlName="phone"
|
||||||
<input type="tel" required
|
[floatLabel]="'never'"
|
||||||
[pattern]="phoneNumberPattern"
|
[placeholder]="'security.2fa.dialog.sms-step-label'">
|
||||||
matInput formControlName="phone"
|
</tb-phone-input>
|
||||||
placeholder="{{ 'security.2fa.dialog.sms-step-label' | translate }}">
|
|
||||||
<mat-error *ngIf="smsConfigForm.get('phone').hasError('required')">
|
|
||||||
{{ 'admin.number-to-required' | translate }}
|
|
||||||
</mat-error>
|
|
||||||
<mat-error *ngIf="smsConfigForm.get('phone').hasError('pattern')">
|
|
||||||
{{ 'admin.phone-number-pattern' | translate }}
|
|
||||||
</mat-error>
|
|
||||||
<mat-hint innerHTML="{{ 'admin.phone-number-hint' | translate }}"></mat-hint>
|
|
||||||
</mat-form-field>
|
|
||||||
<button mat-raised-button
|
<button mat-raised-button
|
||||||
type="submit"
|
type="submit"
|
||||||
color="primary"
|
color="primary"
|
||||||
|
|||||||
@ -55,13 +55,11 @@
|
|||||||
<mat-label translate>contact.address2</mat-label>
|
<mat-label translate>contact.address2</mat-label>
|
||||||
<input matInput formControlName="address2">
|
<input matInput formControlName="address2">
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
<mat-form-field class="mat-block">
|
<tb-phone-input [required]="false"
|
||||||
<mat-label translate>contact.phone</mat-label>
|
[label]="'contact.phone'"
|
||||||
<input matInput formControlName="phone">
|
[enableFlagsSelect]="false"
|
||||||
<mat-error *ngIf="parentForm.get('phone').hasError('maxlength')">
|
formControlName="phone">
|
||||||
{{ 'contact.phone-max-length' | translate }}
|
</tb-phone-input>
|
||||||
</mat-error>
|
|
||||||
</mat-form-field>
|
|
||||||
<mat-form-field class="mat-block">
|
<mat-form-field class="mat-block">
|
||||||
<mat-label translate>contact.email</mat-label>
|
<mat-label translate>contact.email</mat-label>
|
||||||
<input matInput formControlName="email">
|
<input matInput formControlName="email">
|
||||||
|
|||||||
50
ui-ngx/src/app/shared/components/phone-input.component.html
Normal file
50
ui-ngx/src/app/shared/components/phone-input.component.html
Normal file
@ -0,0 +1,50 @@
|
|||||||
|
<!--
|
||||||
|
|
||||||
|
Copyright © 2016-2022 The Thingsboard Authors
|
||||||
|
|
||||||
|
Licensed under the Apache License, Version 2.0 (the "License");
|
||||||
|
you may not use this file except in compliance with the License.
|
||||||
|
You may obtain a copy of the License at
|
||||||
|
|
||||||
|
http://www.apache.org/licenses/LICENSE-2.0
|
||||||
|
|
||||||
|
Unless required by applicable law or agreed to in writing, software
|
||||||
|
distributed under the License is distributed on an "AS IS" BASIS,
|
||||||
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||||
|
See the License for the specific language governing permissions and
|
||||||
|
limitations under the License.
|
||||||
|
|
||||||
|
-->
|
||||||
|
|
||||||
|
<form [formGroup]="phoneFormGroup">
|
||||||
|
<div class="phone-input-container">
|
||||||
|
<div class="flags-select-container" *ngIf="enableFlagsSelect">
|
||||||
|
<span class="flag-container">{{ flagIcon }}</span>
|
||||||
|
<mat-select class="country-select" formControlName="country">
|
||||||
|
<mat-option *ngFor="let country of allCountries" [value]="country.iso2">
|
||||||
|
<span style="font-size: 20px;">{{country.flag}}</span>
|
||||||
|
<span>{{' ' + country.name + ' +' + country.dialCode }}</span>
|
||||||
|
</mat-option>
|
||||||
|
</mat-select>
|
||||||
|
</div>
|
||||||
|
<mat-form-field class="phone-input" [appearance]="appearance" [floatLabel]="floatLabel">
|
||||||
|
<mat-label>{{ label | translate }}</mat-label>
|
||||||
|
<input
|
||||||
|
formControlName="phoneNumber"
|
||||||
|
type="tel"
|
||||||
|
matInput
|
||||||
|
placeholder="{{ placeholder | translate }}"
|
||||||
|
[pattern]="phoneNumberPattern"
|
||||||
|
(focus)="focus()"
|
||||||
|
autocomplete="off"
|
||||||
|
[required]="required">
|
||||||
|
<mat-hint innerHTML="{{ 'phone-input.phone-input-hint' | translate: {phoneNumber: phonePlaceholder} }}"></mat-hint>
|
||||||
|
<mat-error *ngIf="phoneFormGroup.get('phoneNumber').hasError('required')">
|
||||||
|
{{ 'phone-input.phone-input-required' | translate }}
|
||||||
|
</mat-error>
|
||||||
|
<mat-error *ngIf="phoneFormGroup.get('phoneNumber').hasError('invalidPhoneNumber')">
|
||||||
|
{{ 'phone-input.phone-input-validation' | translate }}
|
||||||
|
</mat-error>
|
||||||
|
</mat-form-field>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
55
ui-ngx/src/app/shared/components/phone-input.component.scss
Normal file
55
ui-ngx/src/app/shared/components/phone-input.component.scss
Normal file
@ -0,0 +1,55 @@
|
|||||||
|
/**
|
||||||
|
* Copyright © 2016-2022 The Thingsboard Authors
|
||||||
|
*
|
||||||
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
||||||
|
* you may not use this file except in compliance with the License.
|
||||||
|
* You may obtain a copy of the License at
|
||||||
|
*
|
||||||
|
* http://www.apache.org/licenses/LICENSE-2.0
|
||||||
|
*
|
||||||
|
* Unless required by applicable law or agreed to in writing, software
|
||||||
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
||||||
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||||
|
* See the License for the specific language governing permissions and
|
||||||
|
* limitations under the License.
|
||||||
|
*/
|
||||||
|
:host ::ng-deep {
|
||||||
|
|
||||||
|
.phone-input-container {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.phone-input {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.flags-select-container {
|
||||||
|
display: inline-block;
|
||||||
|
position: relative;
|
||||||
|
width: 50px;
|
||||||
|
height: 100%;
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.flag-container {
|
||||||
|
position: absolute;
|
||||||
|
font-size: 20px;
|
||||||
|
top: 50%;
|
||||||
|
left: 0;
|
||||||
|
transform: translate(0, -50%);
|
||||||
|
}
|
||||||
|
.country-select {
|
||||||
|
width: 45px;
|
||||||
|
height: 30px;
|
||||||
|
|
||||||
|
.mat-select-trigger {
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mat-select-value {
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
222
ui-ngx/src/app/shared/components/phone-input.component.ts
Normal file
222
ui-ngx/src/app/shared/components/phone-input.component.ts
Normal file
@ -0,0 +1,222 @@
|
|||||||
|
///
|
||||||
|
/// Copyright © 2016-2022 The Thingsboard Authors
|
||||||
|
///
|
||||||
|
/// Licensed under the Apache License, Version 2.0 (the "License");
|
||||||
|
/// you may not use this file except in compliance with the License.
|
||||||
|
/// You may obtain a copy of the License at
|
||||||
|
///
|
||||||
|
/// http://www.apache.org/licenses/LICENSE-2.0
|
||||||
|
///
|
||||||
|
/// Unless required by applicable law or agreed to in writing, software
|
||||||
|
/// distributed under the License is distributed on an "AS IS" BASIS,
|
||||||
|
/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||||
|
/// See the License for the specific language governing permissions and
|
||||||
|
/// limitations under the License.
|
||||||
|
///
|
||||||
|
|
||||||
|
import { Component, forwardRef, Input, OnInit } from '@angular/core';
|
||||||
|
import {
|
||||||
|
ControlValueAccessor,
|
||||||
|
FormBuilder,
|
||||||
|
FormControl,
|
||||||
|
FormGroup,
|
||||||
|
NG_VALIDATORS,
|
||||||
|
NG_VALUE_ACCESSOR,
|
||||||
|
ValidationErrors,
|
||||||
|
Validator,
|
||||||
|
ValidatorFn,
|
||||||
|
Validators
|
||||||
|
} from '@angular/forms';
|
||||||
|
import { TranslateService } from '@ngx-translate/core';
|
||||||
|
import { Country, CountryData } from '@shared/models/country.models';
|
||||||
|
import examples from 'libphonenumber-js/examples.mobile.json';
|
||||||
|
import { CountryCode, getExampleNumber, parsePhoneNumberFromString } from 'libphonenumber-js';
|
||||||
|
import { phoneNumberPattern } from '@shared/models/settings.models';
|
||||||
|
import { Subscription } from 'rxjs';
|
||||||
|
import { FloatLabelType, MatFormFieldAppearance } from '@angular/material/form-field/form-field';
|
||||||
|
|
||||||
|
@Component({
|
||||||
|
selector: 'tb-phone-input',
|
||||||
|
templateUrl: './phone-input.component.html',
|
||||||
|
styleUrls: ['./phone-input.component.scss'],
|
||||||
|
providers: [
|
||||||
|
CountryData,
|
||||||
|
{
|
||||||
|
provide: NG_VALUE_ACCESSOR,
|
||||||
|
useExisting: forwardRef(() => PhoneInputComponent),
|
||||||
|
multi: true
|
||||||
|
},
|
||||||
|
{
|
||||||
|
provide: NG_VALIDATORS,
|
||||||
|
useExisting: forwardRef(() => PhoneInputComponent),
|
||||||
|
multi: true
|
||||||
|
}
|
||||||
|
]
|
||||||
|
})
|
||||||
|
export class PhoneInputComponent implements OnInit, ControlValueAccessor, Validator {
|
||||||
|
|
||||||
|
@Input()
|
||||||
|
disabled: boolean;
|
||||||
|
|
||||||
|
@Input()
|
||||||
|
defaultCountry: CountryCode = 'US';
|
||||||
|
|
||||||
|
@Input()
|
||||||
|
enableFlagsSelect = true;
|
||||||
|
|
||||||
|
@Input()
|
||||||
|
required = true;
|
||||||
|
|
||||||
|
@Input()
|
||||||
|
floatLabel: FloatLabelType = 'auto';
|
||||||
|
|
||||||
|
@Input()
|
||||||
|
appearance: MatFormFieldAppearance = 'legacy';
|
||||||
|
|
||||||
|
@Input()
|
||||||
|
placeholder;
|
||||||
|
|
||||||
|
@Input()
|
||||||
|
label = 'phone-input.phone-input-label';
|
||||||
|
|
||||||
|
allCountries: Array<Country> = this.countryCodeData.allCountries;
|
||||||
|
phonePlaceholder: string;
|
||||||
|
flagIcon: string;
|
||||||
|
phoneFormGroup: FormGroup;
|
||||||
|
phoneNumberPattern = phoneNumberPattern;
|
||||||
|
|
||||||
|
private baseCode = 127397;
|
||||||
|
private countryCallingCode: string;
|
||||||
|
private modelValue: string;
|
||||||
|
private valueChange$: Subscription = null;
|
||||||
|
private propagateChange = (v: any) => { };
|
||||||
|
|
||||||
|
constructor(private translate: TranslateService,
|
||||||
|
private fb: FormBuilder,
|
||||||
|
private countryCodeData: CountryData) {
|
||||||
|
}
|
||||||
|
|
||||||
|
ngOnInit(): void {
|
||||||
|
const validators: ValidatorFn[] = [Validators.pattern(phoneNumberPattern), this.validatePhoneNumber()];
|
||||||
|
if (this.required) {
|
||||||
|
validators.push(Validators.required);
|
||||||
|
}
|
||||||
|
this.phoneFormGroup = this.fb.group({
|
||||||
|
country: [this.defaultCountry, []],
|
||||||
|
phoneNumber: [null, validators]
|
||||||
|
});
|
||||||
|
|
||||||
|
this.valueChange$ = this.phoneFormGroup.get('phoneNumber').valueChanges.subscribe(value => {
|
||||||
|
this.updateModel();
|
||||||
|
if (value) {
|
||||||
|
const parsedPhoneNumber = parsePhoneNumberFromString(value);
|
||||||
|
const country = this.phoneFormGroup.get('country').value;
|
||||||
|
if (parsedPhoneNumber?.country && parsedPhoneNumber?.country !== country) {
|
||||||
|
this.phoneFormGroup.get('country').patchValue(parsedPhoneNumber.country, {emitEvent: true});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
this.phoneFormGroup.get('country').valueChanges.subscribe(value => {
|
||||||
|
if (value) {
|
||||||
|
const code = this.countryCallingCode;
|
||||||
|
this.getFlagAndPhoneNumberData(value);
|
||||||
|
let phoneNumber = this.phoneFormGroup.get('phoneNumber').value;
|
||||||
|
if (phoneNumber) {
|
||||||
|
if (code !== this.countryCallingCode && phoneNumber.includes(code)) {
|
||||||
|
phoneNumber = phoneNumber.replace(code, this.countryCallingCode);
|
||||||
|
this.phoneFormGroup.get('phoneNumber').patchValue(phoneNumber);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
ngOnDestroy() {
|
||||||
|
if (this.valueChange$) {
|
||||||
|
this.valueChange$.unsubscribe();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
focus() {
|
||||||
|
const phoneNumber = this.phoneFormGroup.get('phoneNumber');
|
||||||
|
this.phoneFormGroup.markAsPristine();
|
||||||
|
this.phoneFormGroup.markAsUntouched();
|
||||||
|
if (!phoneNumber.value) {
|
||||||
|
phoneNumber.patchValue(this.countryCallingCode);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private getFlagAndPhoneNumberData(country) {
|
||||||
|
if (this.enableFlagsSelect) {
|
||||||
|
this.flagIcon = this.getFlagIcon(country);
|
||||||
|
}
|
||||||
|
this.getPhoneNumberData(country);
|
||||||
|
}
|
||||||
|
|
||||||
|
private getPhoneNumberData(country): void {
|
||||||
|
const phoneData = getExampleNumber(country, examples);
|
||||||
|
this.phonePlaceholder = phoneData.number;
|
||||||
|
this.countryCallingCode = '+' + phoneData.countryCallingCode;
|
||||||
|
}
|
||||||
|
|
||||||
|
private getFlagIcon(countryCode) {
|
||||||
|
return String.fromCodePoint(...countryCode.split('').map(country => this.baseCode + country.charCodeAt(0)));
|
||||||
|
}
|
||||||
|
|
||||||
|
validatePhoneNumber(): ValidatorFn {
|
||||||
|
return (c: FormControl) => {
|
||||||
|
const phoneNumber = c.value;
|
||||||
|
if (phoneNumber) {
|
||||||
|
const parsedPhoneNumber = parsePhoneNumberFromString(phoneNumber);
|
||||||
|
if (!parsedPhoneNumber?.isValid() || !parsedPhoneNumber?.isPossible()) {
|
||||||
|
return {
|
||||||
|
invalidPhoneNumber: {
|
||||||
|
valid: false
|
||||||
|
}
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return null;
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
validate(): ValidationErrors | null {
|
||||||
|
return this.phoneFormGroup.get('phoneNumber').valid ? null : {
|
||||||
|
phoneFormGroup: false
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
registerOnChange(fn: any): void {
|
||||||
|
this.propagateChange = fn;
|
||||||
|
}
|
||||||
|
|
||||||
|
registerOnTouched(fn: any): void {
|
||||||
|
}
|
||||||
|
|
||||||
|
setDisabledState(isDisabled: boolean): void {
|
||||||
|
this.disabled = isDisabled;
|
||||||
|
if (isDisabled) {
|
||||||
|
this.phoneFormGroup.disable({emitEvent: false});
|
||||||
|
} else {
|
||||||
|
this.phoneFormGroup.enable({emitEvent: false});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
writeValue(phoneNumber): void {
|
||||||
|
this.modelValue = phoneNumber;
|
||||||
|
const country = phoneNumber ? parsePhoneNumberFromString(phoneNumber)?.country : this.defaultCountry;
|
||||||
|
this.getFlagAndPhoneNumberData(country);
|
||||||
|
this.phoneFormGroup.patchValue({phoneNumber, country}, {emitEvent: !phoneNumber});
|
||||||
|
}
|
||||||
|
|
||||||
|
private updateModel() {
|
||||||
|
const phoneNumber = this.phoneFormGroup.get('phoneNumber');
|
||||||
|
if (phoneNumber.valid && phoneNumber.value) {
|
||||||
|
this.modelValue = phoneNumber.value;
|
||||||
|
this.propagateChange(this.modelValue);
|
||||||
|
} else {
|
||||||
|
this.propagateChange(null);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
520
ui-ngx/src/app/shared/models/country.models.ts
Normal file
520
ui-ngx/src/app/shared/models/country.models.ts
Normal file
@ -0,0 +1,520 @@
|
|||||||
|
///
|
||||||
|
/// Copyright © 2016-2022 The Thingsboard Authors
|
||||||
|
///
|
||||||
|
/// Licensed under the Apache License, Version 2.0 (the "License");
|
||||||
|
/// you may not use this file except in compliance with the License.
|
||||||
|
/// You may obtain a copy of the License at
|
||||||
|
///
|
||||||
|
/// http://www.apache.org/licenses/LICENSE-2.0
|
||||||
|
///
|
||||||
|
/// Unless required by applicable law or agreed to in writing, software
|
||||||
|
/// distributed under the License is distributed on an "AS IS" BASIS,
|
||||||
|
/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||||
|
/// See the License for the specific language governing permissions and
|
||||||
|
/// limitations under the License.
|
||||||
|
///
|
||||||
|
|
||||||
|
import { Injectable } from '@angular/core';
|
||||||
|
|
||||||
|
export interface Country {
|
||||||
|
name: string;
|
||||||
|
iso2: string;
|
||||||
|
dialCode: string;
|
||||||
|
areaCodes?: string[];
|
||||||
|
flag: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
export enum CountryISO {
|
||||||
|
Afghanistan = 'AF',
|
||||||
|
Albania = 'AL',
|
||||||
|
Algeria = 'DZ',
|
||||||
|
AmericanSamoa = 'AS',
|
||||||
|
Andorra = 'AD',
|
||||||
|
Angola = 'AO',
|
||||||
|
Anguilla = 'AI',
|
||||||
|
AntiguaAndBarbuda = 'AG',
|
||||||
|
Argentina = 'AR',
|
||||||
|
Armenia = 'AM',
|
||||||
|
Aruba = 'AW',
|
||||||
|
Australia = 'AU',
|
||||||
|
Austria = 'AT',
|
||||||
|
Azerbaijan = 'AZ',
|
||||||
|
Bahamas = 'BS',
|
||||||
|
Bahrain = 'BH',
|
||||||
|
Bangladesh = 'BD',
|
||||||
|
Barbados = 'BB',
|
||||||
|
Belarus = 'BY',
|
||||||
|
Belgium = 'BE',
|
||||||
|
Belize = 'BZ',
|
||||||
|
Benin = 'BJ',
|
||||||
|
Bermuda = 'BM',
|
||||||
|
Bhutan = 'BT',
|
||||||
|
Bolivia = 'BO',
|
||||||
|
BosniaAndHerzegovina = 'BA',
|
||||||
|
Botswana = 'BW',
|
||||||
|
Brazil = 'BR',
|
||||||
|
BritishIndianOceanTerritory = 'IO',
|
||||||
|
BritishVirginIslands = 'VG',
|
||||||
|
Brunei = 'BN',
|
||||||
|
Bulgaria = 'BG',
|
||||||
|
BurkinaFaso = 'BF',
|
||||||
|
Burundi = 'BI',
|
||||||
|
Cambodia = 'KH',
|
||||||
|
Cameroon = 'CM',
|
||||||
|
Canada = 'CA',
|
||||||
|
CapeVerde = 'CV',
|
||||||
|
CaribbeanNetherlands = 'BQ',
|
||||||
|
CaymanIslands = 'KY',
|
||||||
|
CentralAfricanRepublic = 'CF',
|
||||||
|
Chad = 'TD',
|
||||||
|
Chile = 'CL',
|
||||||
|
China = 'CN',
|
||||||
|
ChristmasIsland = 'CX',
|
||||||
|
Cocos = 'CC',
|
||||||
|
Colombia = 'CC',
|
||||||
|
Comoros = 'KM',
|
||||||
|
CongoDRCJamhuriYaKidemokrasiaYaKongo = 'CD',
|
||||||
|
CongoRepublicCongoBrazzaville = 'CG',
|
||||||
|
CookIslands = 'CK',
|
||||||
|
CostaRica = 'CR',
|
||||||
|
CôteDIvoire = 'CI',
|
||||||
|
Croatia = 'HR',
|
||||||
|
Cuba = 'CU',
|
||||||
|
Curaçao = 'CW',
|
||||||
|
Cyprus = 'CY',
|
||||||
|
CzechRepublic = 'CZ',
|
||||||
|
Denmark = 'DK',
|
||||||
|
Djibouti = 'DJ',
|
||||||
|
Dominica = 'DM',
|
||||||
|
DominicanRepublic = 'DO',
|
||||||
|
Ecuador = 'EC',
|
||||||
|
Egypt = 'EG',
|
||||||
|
ElSalvador = 'SV',
|
||||||
|
EquatorialGuinea = 'GQ',
|
||||||
|
Eritrea = 'ER',
|
||||||
|
Estonia = 'EE',
|
||||||
|
Ethiopia = 'ET',
|
||||||
|
FalklandIslands = 'FK',
|
||||||
|
FaroeIslands = 'FO',
|
||||||
|
Fiji = 'FJ',
|
||||||
|
Finland = 'FI',
|
||||||
|
France = 'FR',
|
||||||
|
FrenchGuiana = 'GF',
|
||||||
|
FrenchPolynesia = 'PF',
|
||||||
|
Gabon = 'GA',
|
||||||
|
Gambia = 'GM',
|
||||||
|
Georgia = 'GE',
|
||||||
|
Germany = 'DE',
|
||||||
|
Ghana = 'GH',
|
||||||
|
Gibraltar = 'GI',
|
||||||
|
Greece = 'GR',
|
||||||
|
Greenland = 'GL',
|
||||||
|
Grenada = 'GD',
|
||||||
|
Guadeloupe = 'GP',
|
||||||
|
Guam = 'GU',
|
||||||
|
Guatemala = 'GT',
|
||||||
|
Guernsey = 'GG',
|
||||||
|
Guinea = 'GN',
|
||||||
|
GuineaBissau = 'GW',
|
||||||
|
Guyana = 'GY',
|
||||||
|
Haiti = 'HT',
|
||||||
|
Honduras = 'HN',
|
||||||
|
HongKong = 'HK',
|
||||||
|
Hungary = 'HU',
|
||||||
|
Iceland = 'IS',
|
||||||
|
India = 'IN',
|
||||||
|
Indonesia = 'ID',
|
||||||
|
Iran = 'IR',
|
||||||
|
Iraq = 'IQ',
|
||||||
|
Ireland = 'IE',
|
||||||
|
IsleOfMan = 'IM',
|
||||||
|
Israel = 'IL',
|
||||||
|
Italy = 'IT',
|
||||||
|
Jamaica = 'JM',
|
||||||
|
Japan = 'JP',
|
||||||
|
Jersey = 'JE',
|
||||||
|
Jordan = 'JO',
|
||||||
|
Kazakhstan = 'KZ',
|
||||||
|
Kenya = 'KE',
|
||||||
|
Kiribati = 'KI',
|
||||||
|
Kosovo = 'XK',
|
||||||
|
Kuwait = 'KW',
|
||||||
|
Kyrgyzstan = 'KG',
|
||||||
|
Laos = 'LA',
|
||||||
|
Latvia = 'LV',
|
||||||
|
Lebanon = 'LB',
|
||||||
|
Lesotho = 'LS',
|
||||||
|
Liberia = 'LR',
|
||||||
|
Libya = 'LY',
|
||||||
|
Liechtenstein = 'LI',
|
||||||
|
Lithuania = 'LT',
|
||||||
|
Luxembourg = 'LU',
|
||||||
|
Macau = 'MO',
|
||||||
|
Macedonia = 'MK',
|
||||||
|
Madagascar = 'MG',
|
||||||
|
Malawi = 'MW',
|
||||||
|
Malaysia = 'MY',
|
||||||
|
Maldives = 'MV',
|
||||||
|
Mali = 'ML',
|
||||||
|
Malta = 'MT',
|
||||||
|
MarshallIslands = 'MH',
|
||||||
|
Martinique = 'MQ',
|
||||||
|
Mauritania = 'MR',
|
||||||
|
Mauritius = 'MU',
|
||||||
|
Mayotte = 'YT',
|
||||||
|
Mexico = 'MX',
|
||||||
|
Micronesia = 'FM',
|
||||||
|
Moldova = 'MD',
|
||||||
|
Monaco = 'MC',
|
||||||
|
Mongolia = 'MN',
|
||||||
|
Montenegro = 'ME',
|
||||||
|
Montserrat = 'MS',
|
||||||
|
Morocco = 'MA',
|
||||||
|
Mozambique = 'MZ',
|
||||||
|
Myanmar = 'MM',
|
||||||
|
Namibia = 'NA',
|
||||||
|
Nauru = 'NR',
|
||||||
|
Nepal = 'NP',
|
||||||
|
Netherlands = 'NL',
|
||||||
|
NewCaledonia = 'NC',
|
||||||
|
NewZealand = 'NZ',
|
||||||
|
Nicaragua = 'NI',
|
||||||
|
Niger = 'NE',
|
||||||
|
Nigeria = 'NG',
|
||||||
|
Niue = 'NU',
|
||||||
|
NorfolkIsland = 'NF',
|
||||||
|
NorthKorea = 'KP',
|
||||||
|
NorthernMarianaIslands = 'MP',
|
||||||
|
Norway = 'NO',
|
||||||
|
Oman = 'OM',
|
||||||
|
Pakistan = 'PK',
|
||||||
|
Palau = 'PW',
|
||||||
|
Palestine = 'PS',
|
||||||
|
Panama = 'PA',
|
||||||
|
PapuaNewGuinea = 'PG',
|
||||||
|
Paraguay = 'PY',
|
||||||
|
Peru = 'PE',
|
||||||
|
Philippines = 'PH',
|
||||||
|
Poland = 'PL',
|
||||||
|
Portugal = 'PT',
|
||||||
|
PuertoRico = 'PR',
|
||||||
|
Qatar = 'QA',
|
||||||
|
Réunion = 'RE',
|
||||||
|
Romania = 'RO',
|
||||||
|
Russia = 'RU',
|
||||||
|
Rwanda = 'RW',
|
||||||
|
SaintBarthélemy = 'BL',
|
||||||
|
SaintHelena = 'SH',
|
||||||
|
SaintKittsAndNevis = 'KN',
|
||||||
|
SaintLucia = 'LC',
|
||||||
|
SaintMartin = 'MF',
|
||||||
|
SaintPierreAndMiquelon = 'PM',
|
||||||
|
SaintVincentAndTheGrenadines = 'VC',
|
||||||
|
Samoa = 'WS',
|
||||||
|
SanMarino = 'SM',
|
||||||
|
SãoToméAndPríncipe = 'ST',
|
||||||
|
SaudiArabia = 'SA',
|
||||||
|
Senegal = 'SN',
|
||||||
|
Serbia = 'RS',
|
||||||
|
Seychelles = 'SC',
|
||||||
|
SierraLeone = 'SL',
|
||||||
|
Singapore = 'SG',
|
||||||
|
SintMaarten = 'SX',
|
||||||
|
Slovakia = 'SK',
|
||||||
|
Slovenia = 'SI',
|
||||||
|
SolomonIslands = 'SB',
|
||||||
|
Somalia = 'SO',
|
||||||
|
SouthAfrica = 'ZA',
|
||||||
|
SouthKorea = 'KR',
|
||||||
|
SouthSudan = 'SS',
|
||||||
|
Spain = 'ES',
|
||||||
|
SriLanka = 'LK',
|
||||||
|
Sudan = 'SD',
|
||||||
|
Suriname = 'SR',
|
||||||
|
SvalbardAndJanMayen = 'SJ',
|
||||||
|
Swaziland = 'SZ',
|
||||||
|
Sweden = 'SE',
|
||||||
|
Switzerland = 'CH',
|
||||||
|
Syria = 'SY',
|
||||||
|
Taiwan = 'TW',
|
||||||
|
Tajikistan = 'TJ',
|
||||||
|
Tanzania = 'TZ',
|
||||||
|
Thailand = 'TH',
|
||||||
|
TimorLeste = 'TL',
|
||||||
|
Togo = 'TG',
|
||||||
|
Tokelau = 'TK',
|
||||||
|
Tonga = 'TO',
|
||||||
|
TrinidadAndTobago = 'TT',
|
||||||
|
Tunisia = 'TN',
|
||||||
|
Turkey = 'TR',
|
||||||
|
Turkmenistan = 'TM',
|
||||||
|
TurksAndCaicosIslands = 'TC',
|
||||||
|
Tuvalu = 'TV',
|
||||||
|
USVirginIslands = 'VI',
|
||||||
|
Uganda = 'UG',
|
||||||
|
Ukraine = 'UA',
|
||||||
|
UnitedArabEmirates = 'AE',
|
||||||
|
UnitedKingdom = 'GB',
|
||||||
|
UnitedStates = 'US',
|
||||||
|
Uruguay = 'UY',
|
||||||
|
Uzbekistan = 'UZ',
|
||||||
|
Vanuatu = 'VU',
|
||||||
|
VaticanCity = 'VA',
|
||||||
|
Venezuela = 'VE',
|
||||||
|
Vietnam = 'VN',
|
||||||
|
WallisAndFutuna = 'WF',
|
||||||
|
WesternSahara = 'EH',
|
||||||
|
Yemen = 'YE',
|
||||||
|
Zambia = 'ZM',
|
||||||
|
Zimbabwe = 'ZW',
|
||||||
|
ÅlandIslands = 'AX',
|
||||||
|
}
|
||||||
|
|
||||||
|
@Injectable()
|
||||||
|
export class CountryData {
|
||||||
|
public allCountries: Array<Country> = [
|
||||||
|
{name: 'Afghanistan', iso2: CountryISO.Afghanistan, dialCode: '93', flag: '🇦🇫'},
|
||||||
|
{name: 'Albania', iso2: CountryISO.Albania, dialCode: '355', flag: '🇦🇱'},
|
||||||
|
{name: 'Algeria', iso2: CountryISO.Algeria, dialCode: '213', flag: '🇩🇿'},
|
||||||
|
{name: 'American Samoa', iso2: CountryISO.AmericanSamoa, dialCode: '1', flag: '🇦🇸'},
|
||||||
|
{name: 'Andorra', iso2: CountryISO.Andorra, dialCode: '376', flag: '🇦🇩'},
|
||||||
|
{name: 'Angola', iso2: CountryISO.Angola, dialCode: '244', flag: '🇦🇴'},
|
||||||
|
{name: 'Anguilla', iso2: CountryISO.Anguilla, dialCode: '1', flag: '🇦🇮'},
|
||||||
|
{name: 'Antigua and Barbuda', iso2: CountryISO.AntiguaAndBarbuda, dialCode: '1', flag: '🇦🇬'},
|
||||||
|
{name: 'Argentina', iso2: CountryISO.Argentina, dialCode: '54', flag: '🇦🇷'},
|
||||||
|
{name: 'Armenia', iso2: CountryISO.Armenia, dialCode: '374', flag: '🇦🇲'},
|
||||||
|
{name: 'Aruba', iso2: CountryISO.Aruba, dialCode: '297', flag: '🇦🇼'},
|
||||||
|
{name: 'Australia', iso2: CountryISO.Australia, dialCode: '61', flag: '🇦🇺'},
|
||||||
|
{name: 'Austria', iso2: CountryISO.Austria, dialCode: '43', flag: '🇦🇹'},
|
||||||
|
{name: 'Azerbaijan', iso2: CountryISO.Azerbaijan, dialCode: '994', flag: '🇦🇿'},
|
||||||
|
{name: 'Bahamas', iso2: CountryISO.Bahamas, dialCode: '1', flag: '🇧🇸'},
|
||||||
|
{name: 'Bahrain', iso2: CountryISO.Bahrain, dialCode: '973', flag: '🇧🇭'},
|
||||||
|
{name: 'Bangladesh', iso2: CountryISO.Bangladesh, dialCode: '880', flag: '🇧🇩'},
|
||||||
|
{name: 'Barbados', iso2: CountryISO.Barbados, dialCode: '1', flag: '🇧🇧'},
|
||||||
|
{name: 'Belarus', iso2: CountryISO.Belarus, dialCode: '375', flag: '🇧🇾'},
|
||||||
|
{name: 'Belgium', iso2: CountryISO.Belgium, dialCode: '32', flag: '🇧🇪'},
|
||||||
|
{name: 'Belize', iso2: CountryISO.Belize, dialCode: '501', flag: '🇧🇿'},
|
||||||
|
{name: 'Benin', iso2: CountryISO.Benin, dialCode: '229', flag: '🇧🇯'},
|
||||||
|
{name: 'Bermuda', iso2: CountryISO.Bermuda, dialCode: '1', flag: '🇧🇲'},
|
||||||
|
{name: 'Bhutan', iso2: CountryISO.Bhutan, dialCode: '975', flag: '🇧🇹'},
|
||||||
|
{name: 'Bolivia', iso2: CountryISO.Bolivia, dialCode: '591', flag: '🇧🇴'},
|
||||||
|
{name: 'Bosnia and Herzegovina', iso2: CountryISO.BosniaAndHerzegovina, dialCode: '387', flag: '🇧🇦'},
|
||||||
|
{name: 'Botswana', iso2: CountryISO.Botswana, dialCode: '267', flag: '🇧🇼'},
|
||||||
|
{name: 'Brazil', iso2: CountryISO.Brazil, dialCode: '55', flag: '🇧🇷'},
|
||||||
|
{name: 'British Indian Ocean Territory', iso2: CountryISO.BritishIndianOceanTerritory, dialCode: '246', flag: '🇮🇴'},
|
||||||
|
{name: 'British Virgin Islands', iso2: CountryISO.BritishVirginIslands, dialCode: '1', flag: '🇻🇬'},
|
||||||
|
{name: 'Brunei', iso2: CountryISO.Brunei, dialCode: '673', flag: '🇧🇳'},
|
||||||
|
{name: 'Bulgaria', iso2: CountryISO.Bulgaria, dialCode: '359', flag: '🇧🇬'},
|
||||||
|
{name: 'Burkina Faso', iso2: CountryISO.BurkinaFaso, dialCode: '226', flag: '🇧🇫'},
|
||||||
|
{name: 'Burundi', iso2: CountryISO.Burundi, dialCode: '257', flag: '🇧🇮'},
|
||||||
|
{name: 'Cambodia', iso2: CountryISO.Cambodia, dialCode: '855', flag: '🇰🇭'},
|
||||||
|
{name: 'Cameroon', iso2: CountryISO.Cameroon, dialCode: '237', flag: '🇨🇲'},
|
||||||
|
{name: 'Canada', iso2: CountryISO.Canada, dialCode: '1', flag: '🇨🇦'},
|
||||||
|
{name: 'Cape Verde', iso2: CountryISO.CapeVerde, dialCode: '238', flag: '🇨🇻'},
|
||||||
|
{name: 'Caribbean Netherlands', iso2: CountryISO.CaribbeanNetherlands, dialCode: '599', flag: '🇧🇶'},
|
||||||
|
{name: 'Cayman Islands', iso2: CountryISO.CaymanIslands, dialCode: '1', flag: '🇰🇾'},
|
||||||
|
{name: 'Central African Republic', iso2: CountryISO.CentralAfricanRepublic, dialCode: '236', flag: '🇨🇫'},
|
||||||
|
{name: 'Chad', iso2: CountryISO.Chad, dialCode: '235', flag: '🇹🇩'},
|
||||||
|
{name: 'Chile', iso2: CountryISO.Chile, dialCode: '56', flag: '🇨🇱'},
|
||||||
|
{name: 'China', iso2: CountryISO.China, dialCode: '86', flag: '🇨🇳'},
|
||||||
|
{name: 'Christmas Island', iso2: CountryISO.ChristmasIsland, dialCode: '61', flag: '🇨🇽'},
|
||||||
|
{name: 'Cocos Islands', iso2: CountryISO.Cocos, dialCode: '61', flag: '🇨🇨'},
|
||||||
|
{name: 'Colombia', iso2: CountryISO.Colombia, dialCode: '57', flag: '🇨🇨'},
|
||||||
|
{name: 'Comoros', iso2: CountryISO.Comoros, dialCode: '269', flag: '🇰🇲'},
|
||||||
|
{name: 'Congo-Kinshasa', iso2: CountryISO.CongoDRCJamhuriYaKidemokrasiaYaKongo, dialCode: '243', flag: '🇨🇩'},
|
||||||
|
{name: 'Congo-Brazzaville', iso2: CountryISO.CongoRepublicCongoBrazzaville, dialCode: '242', flag: '🇨🇬'},
|
||||||
|
{name: 'Cook Islands', iso2: CountryISO.CookIslands, dialCode: '682', flag: '🇨🇰'},
|
||||||
|
{name: 'Costa Rica', iso2: CountryISO.CostaRica, dialCode: '506', flag: '🇨🇷'},
|
||||||
|
{name: 'Côte d’Ivoire', iso2: CountryISO.CôteDIvoire, dialCode: '225', flag: '🇨🇮'},
|
||||||
|
{name: 'Croatia', iso2: CountryISO.Croatia, dialCode: '385', flag: '🇭🇷'},
|
||||||
|
{name: 'Cuba', iso2: CountryISO.Cuba, dialCode: '53', flag: '🇨🇺'},
|
||||||
|
{name: 'Curaçao', iso2: CountryISO.Curaçao, dialCode: '599', flag: '🇨🇼'},
|
||||||
|
{name: 'Cyprus', iso2: CountryISO.Cyprus, dialCode: '357', flag: '🇨🇾'},
|
||||||
|
{name: 'Czech Republic', iso2: CountryISO.CzechRepublic, dialCode: '420', flag: '🇨🇿'},
|
||||||
|
{name: 'Denmark', iso2: CountryISO.Denmark, dialCode: '45', flag: '🇩🇰'},
|
||||||
|
{name: 'Djibouti', iso2: CountryISO.Djibouti, dialCode: '253', flag: '🇩🇯'},
|
||||||
|
{name: 'Dominica', iso2: CountryISO.Dominica, dialCode: '1767', flag: '🇩🇲'},
|
||||||
|
{name: 'Dominican Republic', iso2: CountryISO.DominicanRepublic, dialCode: '1', flag: '🇩🇴'},
|
||||||
|
{name: 'Ecuador', iso2: CountryISO.Ecuador, dialCode: '593', flag: '🇪🇨'},
|
||||||
|
{name: 'Egypt', iso2: CountryISO.Egypt, dialCode: '20', flag: '🇪🇬'},
|
||||||
|
{name: 'El Salvador', iso2: CountryISO.ElSalvador, dialCode: '503', flag: '🇸🇻'},
|
||||||
|
{name: 'Equatorial Guinea', iso2: CountryISO.EquatorialGuinea, dialCode: '240', flag: '🇬🇶'},
|
||||||
|
{name: 'Eritrea', iso2: CountryISO.Eritrea, dialCode: '291', flag: '🇪🇷'},
|
||||||
|
{name: 'Estonia', iso2: CountryISO.Estonia, dialCode: '372', flag: '🇪🇪'},
|
||||||
|
{name: 'Ethiopia', iso2: CountryISO.Ethiopia, dialCode: '251', flag: '🇪🇹'},
|
||||||
|
{name: 'Falkland Islands', iso2: CountryISO.FalklandIslands, dialCode: '500', flag: '🇫🇰'},
|
||||||
|
{name: 'Faroe Islands', iso2: CountryISO.FaroeIslands, dialCode: '298', flag: '🇫🇴'},
|
||||||
|
{name: 'Fiji', iso2: CountryISO.Fiji, dialCode: '679', flag: '🇫🇯'},
|
||||||
|
{name: 'Finland', iso2: CountryISO.Finland, dialCode: '358', flag: '🇫🇮'},
|
||||||
|
{name: 'France', iso2: CountryISO.France, dialCode: '33', flag: '🇫🇷'},
|
||||||
|
{name: 'French Guiana', iso2: CountryISO.FrenchGuiana, dialCode: '594', flag: '🇬🇫'},
|
||||||
|
{name: 'French Polynesia', iso2: CountryISO.FrenchPolynesia, dialCode: '689', flag: '🇵🇫'},
|
||||||
|
{name: 'Gabon', iso2: CountryISO.Gabon, dialCode: '241', flag: '🇬🇦'},
|
||||||
|
{name: 'Gambia', iso2: CountryISO.Gambia, dialCode: '220', flag: '🇬🇲'},
|
||||||
|
{name: 'Georgia', iso2: CountryISO.Georgia, dialCode: '995', flag: '🇬🇪'},
|
||||||
|
{name: 'Germany', iso2: CountryISO.Germany, dialCode: '49', flag: '🇩🇪'},
|
||||||
|
{name: 'Ghana', iso2: CountryISO.Ghana, dialCode: '233', flag: '🇬🇭'},
|
||||||
|
{name: 'Gibraltar', iso2: CountryISO.Gibraltar, dialCode: '350', flag: '🇬🇮'},
|
||||||
|
{name: 'Greece', iso2: CountryISO.Greece, dialCode: '30', flag: '🇬🇷'},
|
||||||
|
{name: 'Greenland', iso2: CountryISO.Greenland, dialCode: '299', flag: '🇬🇱'},
|
||||||
|
{name: 'Grenada', iso2: CountryISO.Grenada, dialCode: '1473', flag: '🇬🇩'},
|
||||||
|
{name: 'Guadeloupe', iso2: CountryISO.Guadeloupe, dialCode: '590', flag: '🇬🇵'},
|
||||||
|
{name: 'Guam', iso2: CountryISO.Guam, dialCode: '1', flag: '🇬🇺'},
|
||||||
|
{name: 'Guatemala', iso2: CountryISO.Guatemala, dialCode: '502', flag: '🇬🇹'},
|
||||||
|
{name: 'Guernsey', iso2: CountryISO.Guernsey, dialCode: '44', flag: '🇬🇬'},
|
||||||
|
{name: 'Guinea', iso2: CountryISO.Guinea, dialCode: '224', flag: '🇬🇳'},
|
||||||
|
{name: 'Guinea-Bissau', iso2: CountryISO.GuineaBissau, dialCode: '245', flag: '🇬🇼'},
|
||||||
|
{name: 'Guyana', iso2: CountryISO.Guyana, dialCode: '592', flag: '🇬🇾'},
|
||||||
|
{name: 'Haiti', iso2: CountryISO.Haiti, dialCode: '509', flag: '🇭🇹'},
|
||||||
|
{name: 'Honduras', iso2: CountryISO.Honduras, dialCode: '504', flag: '🇭🇳'},
|
||||||
|
{name: 'Hong Kong', iso2: CountryISO.HongKong, dialCode: '852', flag: '🇭🇰'},
|
||||||
|
{name: 'Hungary', iso2: CountryISO.Hungary, dialCode: '36', flag: '🇭🇺'},
|
||||||
|
{name: 'Iceland', iso2: CountryISO.Iceland, dialCode: '354', flag: '🇮🇸'},
|
||||||
|
{name: 'India', iso2: CountryISO.India, dialCode: '91', flag: '🇮🇳'},
|
||||||
|
{name: 'Indonesia', iso2: CountryISO.Indonesia, dialCode: '62', flag: '🇮🇩'},
|
||||||
|
{name: 'Iran', iso2: CountryISO.Iran, dialCode: '98', flag: '🇮🇷'},
|
||||||
|
{name: 'Iraq', iso2: CountryISO.Iraq, dialCode: '964', flag: '🇮🇶'},
|
||||||
|
{name: 'Ireland', iso2: CountryISO.Ireland, dialCode: '353', flag: '🇮🇪'},
|
||||||
|
{name: 'Isle of Man', iso2: CountryISO.IsleOfMan, dialCode: '44', flag: '🇮🇲'},
|
||||||
|
{name: 'Israel', iso2: CountryISO.Israel, dialCode: '972', flag: '🇮🇱'},
|
||||||
|
{name: 'Italy', iso2: CountryISO.Italy, dialCode: '39', flag: '🇮🇹'},
|
||||||
|
{name: 'Jamaica', iso2: CountryISO.Jamaica, dialCode: '1', flag: '🇯🇲'},
|
||||||
|
{name: 'Japan', iso2: CountryISO.Japan, dialCode: '81', flag: '🇯🇵'},
|
||||||
|
{name: 'Jersey', iso2: CountryISO.Jersey, dialCode: '44', flag: '🇯🇪'},
|
||||||
|
{name: 'Jordan', iso2: CountryISO.Jordan, dialCode: '962', flag: '🇯🇴'},
|
||||||
|
{name: 'Kazakhstan', iso2: CountryISO.Kazakhstan, dialCode: '7', flag: '🇰🇿'},
|
||||||
|
{name: 'Kenya', iso2: CountryISO.Kenya, dialCode: '254', flag: '🇰🇪'},
|
||||||
|
{name: 'Kiribati', iso2: CountryISO.Kiribati, dialCode: '686', flag: '🇰🇮'},
|
||||||
|
{name: 'Kosovo', iso2: CountryISO.Kosovo, dialCode: '383', flag: '🇽🇰'},
|
||||||
|
{name: 'Kuwait', iso2: CountryISO.Kuwait, dialCode: '965', flag: '🇰🇼'},
|
||||||
|
{name: 'Kyrgyzstan', iso2: CountryISO.Kyrgyzstan, dialCode: '996', flag: '🇰🇬'},
|
||||||
|
{name: 'Laos', iso2: CountryISO.Laos, dialCode: '856', flag: '🇱🇦'},
|
||||||
|
{name: 'Latvia', iso2: CountryISO.Latvia, dialCode: '371', flag: '🇱🇻'},
|
||||||
|
{name: 'Lebanon', iso2: CountryISO.Lebanon, dialCode: '961', flag: '🇱🇧'},
|
||||||
|
{name: 'Lesotho', iso2: CountryISO.Lesotho, dialCode: '266', flag: '🇱🇸'},
|
||||||
|
{name: 'Liberia', iso2: CountryISO.Liberia, dialCode: '231', flag: '🇱🇷'},
|
||||||
|
{name: 'Libya', iso2: CountryISO.Libya, dialCode: '218', flag: '🇱🇾'},
|
||||||
|
{name: 'Liechtenstein', iso2: CountryISO.Liechtenstein, dialCode: '423', flag: '🇱🇮'},
|
||||||
|
{name: 'Lithuania', iso2: CountryISO.Lithuania, dialCode: '370', flag: '🇱🇹'},
|
||||||
|
{name: 'Luxembourg', iso2: CountryISO.Luxembourg, dialCode: '352', flag: '🇱🇺'},
|
||||||
|
{name: 'Macau', iso2: CountryISO.Macau, dialCode: '853', flag: '🇲🇴'},
|
||||||
|
{name: 'Macedonia', iso2: CountryISO.Macedonia, dialCode: '389', flag: '🇲🇰'},
|
||||||
|
{name: 'Madagascar', iso2: CountryISO.Madagascar, dialCode: '261', flag: '🇲🇬'},
|
||||||
|
{name: 'Malawi', iso2: CountryISO.Malawi, dialCode: '265', flag: '🇲🇼'},
|
||||||
|
{name: 'Malaysia', iso2: CountryISO.Malaysia, dialCode: '60', flag: '🇲🇾'},
|
||||||
|
{name: 'Maldives', iso2: CountryISO.Maldives, dialCode: '960', flag: '🇲🇻'},
|
||||||
|
{name: 'Mali', iso2: CountryISO.Mali, dialCode: '223', flag: '🇲🇱'},
|
||||||
|
{name: 'Malta', iso2: CountryISO.Malta, dialCode: '356', flag: '🇲🇹'},
|
||||||
|
{name: 'Marshall Islands', iso2: CountryISO.MarshallIslands, dialCode: '692', flag: '🇲🇭'},
|
||||||
|
{name: 'Martinique', iso2: CountryISO.Martinique, dialCode: '596', flag: '🇲🇶'},
|
||||||
|
{name: 'Mauritania', iso2: CountryISO.Mauritania, dialCode: '222', flag: '🇲🇷'},
|
||||||
|
{name: 'Mauritius', iso2: CountryISO.Mauritius, dialCode: '230', flag: '🇲🇺'},
|
||||||
|
{name: 'Mayotte', iso2: CountryISO.Mayotte, dialCode: '262', flag: '🇾🇹'},
|
||||||
|
{name: 'Mexico', iso2: CountryISO.Mexico, dialCode: '52', flag: '🇲🇽'},
|
||||||
|
{name: 'Micronesia', iso2: CountryISO.Micronesia, dialCode: '691', flag: '🇫🇲'},
|
||||||
|
{name: 'Moldova', iso2: CountryISO.Moldova, dialCode: '373', flag: '🇲🇩'},
|
||||||
|
{name: 'Monaco', iso2: CountryISO.Monaco, dialCode: '377', flag: '🇲🇨'},
|
||||||
|
{name: 'Mongolia', iso2: CountryISO.Mongolia, dialCode: '976', flag: '🇲🇳'},
|
||||||
|
{name: 'Montenegro', iso2: CountryISO.Montenegro, dialCode: '382', flag: '🇲🇪'},
|
||||||
|
{name: 'Montserrat', iso2: CountryISO.Montserrat, dialCode: '1', flag: '🇲🇸'},
|
||||||
|
{name: 'Morocco', iso2: CountryISO.Morocco, dialCode: '212', flag: '🇲🇦'},
|
||||||
|
{name: 'Mozambique', iso2: CountryISO.Mozambique, dialCode: '258', flag: '🇲🇿'},
|
||||||
|
{name: 'Myanmar', iso2: CountryISO.Myanmar, dialCode: '95', flag: '🇲🇲'},
|
||||||
|
{name: 'Namibia', iso2: CountryISO.Namibia, dialCode: '264', flag: '🇳🇦'},
|
||||||
|
{name: 'Nauru', iso2: CountryISO.Nauru, dialCode: '674', flag: '🇳🇷'},
|
||||||
|
{name: 'Nepal', iso2: CountryISO.Nepal, dialCode: '977', flag: '🇳🇵'},
|
||||||
|
{name: 'Netherlands', iso2: CountryISO.Netherlands, dialCode: '31', flag: '🇳🇱'},
|
||||||
|
{name: 'New Caledonia', iso2: CountryISO.NewCaledonia, dialCode: '687', flag: '🇳🇨'},
|
||||||
|
{name: 'New Zealand', iso2: CountryISO.NewZealand, dialCode: '64', flag: '🇳🇿'},
|
||||||
|
{name: 'Nicaragua', iso2: CountryISO.Nicaragua, dialCode: '505', flag: '🇳🇮'},
|
||||||
|
{name: 'Niger', iso2: CountryISO.Niger, dialCode: '227', flag: '🇳🇪'},
|
||||||
|
{name: 'Nigeria', iso2: CountryISO.Nigeria, dialCode: '234', flag: '🇳🇬'},
|
||||||
|
{name: 'Niue', iso2: CountryISO.Niue, dialCode: '683', flag: '🇳🇺'},
|
||||||
|
{name: 'Norfolk Island', iso2: CountryISO.NorfolkIsland, dialCode: '672', flag: '🇳🇫'},
|
||||||
|
{name: 'North Korea', iso2: CountryISO.NorthKorea, dialCode: '850', flag: '🇰🇵'},
|
||||||
|
{name: 'Northern Mariana Islands', iso2: CountryISO.NorthernMarianaIslands, dialCode: '1670', flag: '🇲🇵'},
|
||||||
|
{name: 'Norway', iso2: CountryISO.Norway, dialCode: '47', flag: '🇳🇴'},
|
||||||
|
{name: 'Oman', iso2: CountryISO.Oman, dialCode: '968', flag: '🇴🇲'},
|
||||||
|
{name: 'Pakistan', iso2: CountryISO.Pakistan, dialCode: '92', flag: '🇵🇰'},
|
||||||
|
{name: 'Palau', iso2: CountryISO.Palau, dialCode: '680', flag: '🇵🇼'},
|
||||||
|
{name: 'Palestine', iso2: CountryISO.Palestine, dialCode: '970', flag: '🇵🇸'},
|
||||||
|
{name: 'Panama', iso2: CountryISO.Panama, dialCode: '507', flag: '🇵🇦'},
|
||||||
|
{name: 'Papua New Guinea', iso2: CountryISO.PapuaNewGuinea, dialCode: '675', flag: '🇵🇬'},
|
||||||
|
{name: 'Paraguay', iso2: CountryISO.Paraguay, dialCode: '595', flag: '🇵🇾'},
|
||||||
|
{name: 'Peru', iso2: CountryISO.Peru, dialCode: '51', flag: '🇵🇪'},
|
||||||
|
{name: 'Philippines', iso2: CountryISO.Philippines, dialCode: '63', flag: '🇵🇭'},
|
||||||
|
{name: 'Poland', iso2: CountryISO.Poland, dialCode: '48', flag: '🇵🇱'},
|
||||||
|
{name: 'Portugal', iso2: CountryISO.Portugal, dialCode: '351', flag: '🇵🇹'},
|
||||||
|
{name: 'Puerto Rico', iso2: CountryISO.PuertoRico, dialCode: '1', flag: '🇵🇷'},
|
||||||
|
{name: 'Qatar', iso2: CountryISO.Qatar, dialCode: '974', flag: '🇶🇦'},
|
||||||
|
{name: 'Réunion', iso2: CountryISO.Réunion, dialCode: '262', flag: '🇷🇪'},
|
||||||
|
{name: 'Romania', iso2: CountryISO.Romania, dialCode: '40', flag: '🇷🇴'},
|
||||||
|
{name: 'Russia', iso2: CountryISO.Russia, dialCode: '7', flag: '🇷🇺'},
|
||||||
|
{name: 'Rwanda', iso2: CountryISO.Rwanda, dialCode: '250', flag: '🇷🇼'},
|
||||||
|
{name: 'Saint Barthélemy', iso2: CountryISO.SaintBarthélemy, dialCode: '590', flag: '🇧🇱'},
|
||||||
|
{name: 'Saint Helena', iso2: CountryISO.SaintHelena, dialCode: '290', flag: '🇸🇭'},
|
||||||
|
{name: 'Saint Kitts and Nevis', iso2: CountryISO.SaintKittsAndNevis, dialCode: '1869', flag: '🇰🇳'},
|
||||||
|
{name: 'Saint Lucia', iso2: CountryISO.SaintLucia, dialCode: '1', flag: '🇱🇨'},
|
||||||
|
{name: 'Saint Martin', iso2: CountryISO.SaintMartin, dialCode: '590', flag: '🇲🇫'},
|
||||||
|
{name: 'Saint Pierre and Miquelon', iso2: CountryISO.SaintPierreAndMiquelon, dialCode: '508', flag: '🇵🇲'},
|
||||||
|
{name: 'Saint Vincent and the Grenadines', iso2: CountryISO.SaintVincentAndTheGrenadines, dialCode: '1', flag: '🇻🇨'},
|
||||||
|
{name: 'Samoa', iso2: CountryISO.Samoa, dialCode: '685', flag: '🇼🇸'},
|
||||||
|
{name: 'San Marino', iso2: CountryISO.SanMarino, dialCode: '378', flag: '🇸🇲'},
|
||||||
|
{name: 'São Tomé and Príncipe', iso2: CountryISO.SãoToméAndPríncipe, dialCode: '239', flag: '🇸🇹'},
|
||||||
|
{name: 'Saudi Arabia', iso2: CountryISO.SaudiArabia, dialCode: '966', flag: '🇸🇦'},
|
||||||
|
{name: 'Senegal', iso2: CountryISO.Senegal, dialCode: '221', flag: '🇸🇳'},
|
||||||
|
{name: 'Serbia', iso2: CountryISO.Serbia, dialCode: '381', flag: '🇷🇸'},
|
||||||
|
{name: 'Seychelles', iso2: CountryISO.Seychelles, dialCode: '248', flag: '🇸🇨'},
|
||||||
|
{name: 'Sierra Leone', iso2: CountryISO.SierraLeone, dialCode: '232', flag: '🇸🇱'},
|
||||||
|
{name: 'Singapore', iso2: CountryISO.Singapore, dialCode: '65', flag: '🇸🇬'},
|
||||||
|
{name: 'Sint Maarten', iso2: CountryISO.SintMaarten, dialCode: '1', flag: '🇸🇽'},
|
||||||
|
{name: 'Slovakia', iso2: CountryISO.Slovakia, dialCode: '421', flag: '🇸🇰'},
|
||||||
|
{name: 'Slovenia', iso2: CountryISO.Slovenia, dialCode: '386', flag: '🇸🇮'},
|
||||||
|
{name: 'Solomon Islands', iso2: CountryISO.SolomonIslands, dialCode: '677', flag: '🇸🇧'},
|
||||||
|
{name: 'Somalia', iso2: CountryISO.Somalia, dialCode: '252', flag: '🇸🇴'},
|
||||||
|
{name: 'South Africa', iso2: CountryISO.SouthAfrica, dialCode: '27', flag: '🇿🇦'},
|
||||||
|
{name: 'South Korea', iso2: CountryISO.SouthKorea, dialCode: '82', flag: '🇰🇷'},
|
||||||
|
{name: 'South Sudan', iso2: CountryISO.SouthSudan, dialCode: '211', flag: '🇸🇸'},
|
||||||
|
{name: 'Spain', iso2: CountryISO.Spain, dialCode: '34', flag: '🇪🇸'},
|
||||||
|
{name: 'Sri Lanka', iso2: CountryISO.SriLanka, dialCode: '94', flag: '🇱🇰'},
|
||||||
|
{name: 'Sudan', iso2: CountryISO.Sudan, dialCode: '249', flag: '🇸🇩'},
|
||||||
|
{name: 'Suriname: ', iso2: CountryISO.Suriname, dialCode: '597', flag: '🇸🇷'},
|
||||||
|
{name: 'Svalbard and Jan Mayen', iso2: CountryISO.SvalbardAndJanMayen, dialCode: '47', flag: '🇸🇯'},
|
||||||
|
{name: 'Swaziland', iso2: CountryISO.Swaziland, dialCode: '268', flag: '🇸🇿'},
|
||||||
|
{name: 'Sweden', iso2: CountryISO.Sweden, dialCode: '46', flag: '🇸🇪'},
|
||||||
|
{name: 'Switzerland', iso2: CountryISO.Switzerland, dialCode: '41', flag: '🇨🇭'},
|
||||||
|
{name: 'Syria', iso2: CountryISO.Syria, dialCode: '963', flag: '🇸🇾'},
|
||||||
|
{name: 'Taiwan', iso2: CountryISO.Taiwan, dialCode: '886', flag: '🇹🇼'},
|
||||||
|
{name: 'Tajikistan', iso2: CountryISO.Tajikistan, dialCode: '992', flag: '🇹🇯'},
|
||||||
|
{name: 'Tanzania', iso2: CountryISO.Tanzania, dialCode: '255', flag: '🇹🇿'},
|
||||||
|
{name: 'Thailand', iso2: CountryISO.Thailand, dialCode: '66', flag: '🇹🇭'},
|
||||||
|
{name: 'Timor-Leste', iso2: CountryISO.TimorLeste, dialCode: '670', flag: '🇹🇱'},
|
||||||
|
{name: 'Togo', iso2: CountryISO.Togo, dialCode: '228', flag: '🇹🇬'},
|
||||||
|
{name: 'Tokelau', iso2: CountryISO.Tokelau, dialCode: '690', flag: '🇹🇰'},
|
||||||
|
{name: 'Tonga', iso2: CountryISO.Tonga, dialCode: '676', flag: '🇹🇴'},
|
||||||
|
{name: 'Trinidad and Tobago', iso2: CountryISO.TrinidadAndTobago, dialCode: '1', flag: '🇹🇹'},
|
||||||
|
{name: 'Tunisia', iso2: CountryISO.Tunisia, dialCode: '216', flag: '🇹🇳'},
|
||||||
|
{name: 'Turkey', iso2: CountryISO.Turkey, dialCode: '90', flag: '🇹🇷'},
|
||||||
|
{name: 'Turkmenistan', iso2: CountryISO.Turkmenistan, dialCode: '993', flag: '🇹🇲'},
|
||||||
|
{name: 'Turks and Caicos Islands', iso2: CountryISO.TurksAndCaicosIslands, dialCode: '1649', flag: '🇹🇨'},
|
||||||
|
{name: 'Tuvalu', iso2: CountryISO.Tuvalu, dialCode: '688', flag: '🇹🇻'},
|
||||||
|
{name: 'U.S. Virgin Islands', iso2: CountryISO.USVirginIslands, dialCode: '1', flag: '🇻🇮'},
|
||||||
|
{name: 'Uganda', iso2: CountryISO.Uganda, dialCode: '256', flag: '🇺🇬'},
|
||||||
|
{name: 'Ukraine', iso2: CountryISO.Ukraine, dialCode: '380', flag: '🇺🇦'},
|
||||||
|
{name: 'United Arab Emirates', iso2: CountryISO.UnitedArabEmirates, dialCode: '971', flag: '🇦🇪'},
|
||||||
|
{name: 'United Kingdom', iso2: CountryISO.UnitedKingdom, dialCode: '44', flag: '🇬🇧'},
|
||||||
|
{name: 'United States', iso2: CountryISO.UnitedStates, dialCode: '1', flag: '🇺🇸'},
|
||||||
|
{name: 'Uruguay', iso2: CountryISO.Uruguay, dialCode: '598', flag: '🇺🇾'},
|
||||||
|
{name: 'Uzbekistan', iso2: CountryISO.Uzbekistan, dialCode: '998', flag: '🇺🇿'},
|
||||||
|
{name: 'Vanuatu', iso2: CountryISO.Vanuatu, dialCode: '678', flag: '🇻🇺'},
|
||||||
|
{name: 'Vatican City', iso2: CountryISO.VaticanCity, dialCode: '39', flag: '🇻🇦'},
|
||||||
|
{name: 'Venezuela', iso2: CountryISO.Venezuela, dialCode: '58', flag: '🇻🇪'},
|
||||||
|
{name: 'Vietnam', iso2: CountryISO.Vietnam, dialCode: '84', flag: '🇻🇳'},
|
||||||
|
{name: 'Wallis and Futuna', iso2: CountryISO.WallisAndFutuna, dialCode: '681', flag: '🇼🇫'},
|
||||||
|
{name: 'Western Sahara', iso2: CountryISO.WesternSahara, dialCode: '212', flag: '🇪🇭'},
|
||||||
|
{name: 'Yemen', iso2: CountryISO.Yemen, dialCode: '967', flag: '🇾🇪'},
|
||||||
|
{name: 'Zambia', iso2: CountryISO.Zambia, dialCode: '260', flag: '🇿🇲'},
|
||||||
|
{name: 'Zimbabwe', iso2: CountryISO.Zimbabwe, dialCode: '263', flag: '🇿🇼'},
|
||||||
|
{name: 'Åland Islands', iso2: CountryISO.ÅlandIslands, dialCode: '358', flag: '🇦🇽'}
|
||||||
|
];
|
||||||
|
}
|
||||||
@ -163,6 +163,7 @@ import { HtmlComponent } from '@shared/components/html.component';
|
|||||||
import { SafePipe } from '@shared/pipe/safe.pipe';
|
import { SafePipe } from '@shared/pipe/safe.pipe';
|
||||||
import { DragDropModule } from '@angular/cdk/drag-drop';
|
import { DragDropModule } from '@angular/cdk/drag-drop';
|
||||||
import { MultipleImageInputComponent } from '@shared/components/multiple-image-input.component';
|
import { MultipleImageInputComponent } from '@shared/components/multiple-image-input.component';
|
||||||
|
import { PhoneInputComponent } from '@shared/components/phone-input.component';
|
||||||
|
|
||||||
export function MarkedOptionsFactory(markedOptionsService: MarkedOptionsService) {
|
export function MarkedOptionsFactory(markedOptionsService: MarkedOptionsService) {
|
||||||
return markedOptionsService;
|
return markedOptionsService;
|
||||||
@ -284,7 +285,8 @@ export function MarkedOptionsFactory(markedOptionsService: MarkedOptionsService)
|
|||||||
WidgetsBundleSearchComponent,
|
WidgetsBundleSearchComponent,
|
||||||
CopyButtonComponent,
|
CopyButtonComponent,
|
||||||
TogglePasswordComponent,
|
TogglePasswordComponent,
|
||||||
ProtobufContentComponent
|
ProtobufContentComponent,
|
||||||
|
PhoneInputComponent
|
||||||
],
|
],
|
||||||
imports: [
|
imports: [
|
||||||
CommonModule,
|
CommonModule,
|
||||||
@ -484,7 +486,8 @@ export function MarkedOptionsFactory(markedOptionsService: MarkedOptionsService)
|
|||||||
WidgetsBundleSearchComponent,
|
WidgetsBundleSearchComponent,
|
||||||
CopyButtonComponent,
|
CopyButtonComponent,
|
||||||
TogglePasswordComponent,
|
TogglePasswordComponent,
|
||||||
ProtobufContentComponent
|
ProtobufContentComponent,
|
||||||
|
PhoneInputComponent
|
||||||
]
|
]
|
||||||
})
|
})
|
||||||
export class SharedModule { }
|
export class SharedModule { }
|
||||||
|
|||||||
@ -4449,6 +4449,13 @@
|
|||||||
"material-icons": "Material icons",
|
"material-icons": "Material icons",
|
||||||
"show-all": "Show all icons"
|
"show-all": "Show all icons"
|
||||||
},
|
},
|
||||||
|
"phone-input": {
|
||||||
|
"phone-input-label": "Phone number",
|
||||||
|
"phone-input-required": "Phone number is required",
|
||||||
|
"phone-input-validation": "Phone number is invalid or not possible",
|
||||||
|
"phone-input-pattern": "Invalid phone number. Should be in E.164 format, ex. {{phoneNumber}}",
|
||||||
|
"phone-input-hint": "Phone Number in E.164 format, ex. {{phoneNumber}}"
|
||||||
|
},
|
||||||
"custom": {
|
"custom": {
|
||||||
"widget-action": {
|
"widget-action": {
|
||||||
"action-cell-button": "Action cell button",
|
"action-cell-button": "Action cell button",
|
||||||
|
|||||||
@ -6027,6 +6027,11 @@ less@4.1.1:
|
|||||||
needle "^2.5.2"
|
needle "^2.5.2"
|
||||||
source-map "~0.6.0"
|
source-map "~0.6.0"
|
||||||
|
|
||||||
|
libphonenumber-js@^1.10.4:
|
||||||
|
version "1.10.4"
|
||||||
|
resolved "https://registry.yarnpkg.com/libphonenumber-js/-/libphonenumber-js-1.10.4.tgz#90397f0ed620262570a32244c9fbc389cc417ce4"
|
||||||
|
integrity sha512-9QWxEk4GW5RDnFzt8UtyRENfFpAN8u7Sbf9wf32tcXY9tdtnz1dKHIBwW2Wnfx8ypXJb9zUnTpK9aQJ/B8AlnA==
|
||||||
|
|
||||||
license-webpack-plugin@2.3.20:
|
license-webpack-plugin@2.3.20:
|
||||||
version "2.3.20"
|
version "2.3.20"
|
||||||
resolved "https://registry.yarnpkg.com/license-webpack-plugin/-/license-webpack-plugin-2.3.20.tgz#f51fb674ca31519dbedbe1c7aabc036e5a7f2858"
|
resolved "https://registry.yarnpkg.com/license-webpack-plugin/-/license-webpack-plugin-2.3.20.tgz#f51fb674ca31519dbedbe1c7aabc036e5a7f2858"
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user