Skip to content

MPI - Implementa numero de telefono extranjero #3280

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
ma7payne wants to merge 1 commit into
base: master
Choose a base branch
from
Open

MPI - Implementa numero de telefono extranjero #3280

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 6 additions & 0 deletions src/app/core/mpi/components/datos-contacto.component.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -92,6 +92,7 @@ export class DatosContactoComponent implements OnInit {

patronContactoNumerico = /^[0-9]{3,4}[0-9]{6}$/;
patronContactoAlfabetico = /^[-\w.%+]{1,61}@[a-z]+(.[a-z]+)+$/;
patronContactoCelularExtranjero = /^\+[1-9][0-9]{3,14}$/;


constructor(
Expand Down Expand Up @@ -169,6 +170,11 @@ export class DatosContactoComponent implements OnInit {
return tipoContacto === 'fijo' || tipoContacto?.id === 'fijo' || tipoContacto === 'celular' || tipoContacto?.id === 'celular';
}

isCelularExtranjero(index) {
const tipoContacto = this.paciente.contacto[index].tipo;
return tipoContacto === 'extranjero' || tipoContacto?.id === 'extranjero';
}

public checkForm() {
this.ngForm.control.markAllAsTouched();
return this.ngForm.control.valid;
Expand Down
92 changes: 46 additions & 46 deletions src/app/core/mpi/components/datos-contacto.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,29 +5,33 @@

<plex-title titulo=" datos de contacto" size="sm">
<plex-bool class="pr-1" [(ngModel)]="noPoseeContacto" label="Sin datos de contacto" name="noPoseeContacto"
type="slide" (change)="limpiarContacto()"></plex-bool>
type="slide" (change)="limpiarContacto()"></plex-bool>
</plex-title>

<plex-grid type="full" cols="1" size="lg" responsive>
<div class="pr-1" grow="1">
<plex-wrapper *ngFor="let _unContacto of paciente.contacto; let i = index">
<plex-select [(ngModel)]="_unContacto.tipo" [data]="tipoComunicacion" name="tipo-{{i}}"
[required]="true" label="Tipo" (change)="_unContacto.valor = ''"
[readonly]="noPoseeContacto">
[required]="true" label="Tipo" (change)="_unContacto.valor = ''" [readonly]="noPoseeContacto">
</plex-select>

<plex-phone *ngIf="contactoTelefonico(i)" label="Número" [(ngModel)]="_unContacto.valor"
placeholder="Ej: 2990000000" name="valor-{{i}}"
[required]="!noPoseeContacto && (i <= 0)" [readonly]="noPoseeContacto"
[pattern]="patronContactoNumerico">
placeholder="Ej: 2990000000" name="valor-{{i}}" [required]="!noPoseeContacto && (i <= 0)"
[readonly]="noPoseeContacto" [pattern]="patronContactoNumerico">
</plex-phone>
<plex-text email label="Dirección" *ngIf="!contactoTelefonico(i)" [(ngModel)]="_unContacto.valor"
placeholder="Ej: ejemplo@email.com" [required]="!noPoseeContacto && (i <= 0)"
name="valor-{{i}}" [readonly]="noPoseeContacto" [pattern]="patronContactoAlfabetico">

<plex-text label="Número" *ngIf="isCelularExtranjero(i)" [(ngModel)]="_unContacto.valor"
placeholder="Ej: +5492990000000" [required]="!noPoseeContacto && (i <= 0)"
name="valor-ext-{{i}}" [readonly]="noPoseeContacto" [pattern]="patronContactoCelularExtranjero">
</plex-text>

<plex-text email label="Dirección" *ngIf="!contactoTelefonico(i) && !isCelularExtranjero(i)"
[(ngModel)]="_unContacto.valor" placeholder="Ej: ejemplo@email.com"
[required]="!noPoseeContacto && (i <= 0)" name="valor-{{i}}" [readonly]="noPoseeContacto"
[pattern]="patronContactoAlfabetico">
</plex-text>
<plex-button *ngIf="i == 0" title="Agregar contacto" titlePosition="left" type="info" icon="plus"
name="agregarContacto" (click)="addContacto('celular', '')"
[disabled]="noPoseeContacto">
name="agregarContacto" (click)="addContacto('celular', '')" [disabled]="noPoseeContacto">
</plex-button>
<plex-button *ngIf="i > 0" label="" type="danger" icon="close" (click)="removeContacto(i)">
</plex-button>
Expand All @@ -46,39 +50,38 @@

<plex-title titulo="Lugar de nacimiento" size="sm">
<plex-bool class="mr-3" *ngIf="paisActual" [(ngModel)]="nacioPaisActual"
label="¿País de {{ paisActual?.[0]?.nombre || '' }}?" name="nacioPaisActual"
(change)="changePaisActualNacimiento()">
label="¿País de {{ paisActual?.[0]?.nombre || '' }}?" name="nacioPaisActual"
(change)="changePaisActualNacimiento()">
</plex-bool>
<plex-bool class="mr-3" *ngIf="nacioPaisActual && provinciaActual" [(ngModel)]="nacioProvActual"
label="¿Provincia de {{provinciaActual.nombre}}?" name="nacioProvActual"
(change)="changeProvActualNacimiento()">
label="¿Provincia de {{provinciaActual.nombre}}?" name="nacioProvActual"
(change)="changeProvActualNacimiento()">
</plex-bool>
<plex-bool *ngIf="nacioProvActual && localidadActual" [(ngModel)]="nacioLocActual"
label="¿Localidad {{localidadActual.nombre}}?" name="nacioLocActual"
(change)="changeLocalidadActualNacimiento()">
label="¿Localidad {{localidadActual.nombre}}?" name="nacioLocActual"
(change)="changeLocalidadActualNacimiento()">
</plex-bool>
</plex-title>

<plex-grid type="full" size="lg" responsive>
<ng-container *ngIf="paciente?.lugarNacimiento">
<plex-wrapper>
<plex-select [disabled]="nacioPaisActual" [(ngModel)]="paciente.lugarNacimiento.pais"
name="paisNacimiento" [data]="paisesNacimiento$ | async" idField="nombre"
labelField="nombre" label="País" (change)="loadPaisActualNacimiento()" grow="2">
name="paisNacimiento" [data]="paisesNacimiento$ | async" idField="nombre" labelField="nombre"
label="País" (change)="loadPaisActualNacimiento()" grow="2">
</plex-select>
<plex-select *ngIf="nacioPaisActual" [disabled]="nacioProvActual"
[(ngModel)]="paciente.lugarNacimiento.provincia" name="provinciaNacimiento"
[data]="provincias$ | async" idField="nombre" labelField="nombre" label="Provincia"
(change)="loadLocalidadesNacimiento(paciente.lugarNacimiento.provincia)" grow="2">
[(ngModel)]="paciente.lugarNacimiento.provincia" name="provinciaNacimiento"
[data]="provincias$ | async" idField="nombre" labelField="nombre" label="Provincia"
(change)="loadLocalidadesNacimiento(paciente.lugarNacimiento.provincia)" grow="2">
</plex-select>
<plex-text *ngIf="!nacioPaisActual || (nacioPaisActual && !nacioProvActual)" label="Lugar"
[(ngModel)]="paciente.lugarNacimiento.lugar" name="nombre" grow="2">
[(ngModel)]="paciente.lugarNacimiento.lugar" name="nombre" grow="2">
</plex-text>
<plex-select *ngIf="nacioPaisActual && nacioProvActual" [disabled]="nacioLocActual"
label="Localidad" [required]="nacioProvActual"
[(ngModel)]="paciente.lugarNacimiento.localidad" name="localidadNacimiento"
[data]="localidadesNacimiento$ | async" labelField="nombre"
(change)="updateNacioLocalidadActual()" grow="2">
label="Localidad" [required]="nacioProvActual" [(ngModel)]="paciente.lugarNacimiento.localidad"
name="localidadNacimiento" [data]="localidadesNacimiento$ | async" labelField="nombre"
(change)="updateNacioLocalidadActual()" grow="2">
</plex-select>
</plex-wrapper>
</ng-container>
Expand All @@ -88,12 +91,10 @@

<plex-title titulo="Datos del domicilio" size="sm">
<plex-bool class="mr-3" *ngIf="provinciaActual" [(ngModel)]="viveProvActual"
label="¿Provincia de {{provinciaActual.nombre}}?" name="viveProvActual"
(change)="changeProvActual()">
label="¿Provincia de {{provinciaActual.nombre}}?" name="viveProvActual" (change)="changeProvActual()">
</plex-bool>
<plex-bool *ngIf="viveProvActual && localidadActual" [(ngModel)]="viveLocActual"
label="¿Localidad {{localidadActual.nombre}}?" name="viveLocActual"
(change)="changeLocalidadActual()">
label="¿Localidad {{localidadActual.nombre}}?" name="viveLocActual" (change)="changeLocalidadActual()">
</plex-bool>
</plex-title>

Expand All @@ -104,47 +105,46 @@
<plex-grid type="auto" size="sm" cols="2">
<h6>
<b hint="Domicilio declarado por el paciente como su domicilio actual"
detach="both">Domicilio
detach="both">Domicilio
referido por el paciente</b>
</h6>
</plex-grid>
</div>
<plex-select [disabled]="viveProvActual" [(ngModel)]="paciente.direccion[0].ubicacion.provincia"
name="provincia" [required]="!viveProvActual" [data]="provincias$ | async"
idField="nombre" labelField="nombre" label="Provincia"
(change)="loadLocalidades(paciente.direccion[0].ubicacion.provincia)" grow="2">
name="provincia" [required]="!viveProvActual" [data]="provincias$ | async" idField="nombre"
labelField="nombre" label="Provincia"
(change)="loadLocalidades(paciente.direccion[0].ubicacion.provincia)" grow="2">
</plex-select>
<plex-select [disabled]="viveLocActual" label="Localidad" [required]="viveProvActual"
[(ngModel)]="paciente.direccion[0].ubicacion.localidad" name="localidad"
[data]="localidades$ | async" labelField="nombre"
(change)="loadBarrios(paciente.direccion[0].ubicacion.localidad)" grow="2">
[(ngModel)]="paciente.direccion[0].ubicacion.localidad" name="localidad"
[data]="localidades$ | async" labelField="nombre"
(change)="loadBarrios(paciente.direccion[0].ubicacion.localidad)" grow="2">
</plex-select>
<!-- barrios solo para NQN capital-->
<plex-select class="pr-3" label="Barrio" [disabled]="!viveLocActual"
[(ngModel)]="paciente.direccion[0].ubicacion.barrio" name="barrio"
[data]="barrios$ | async" labelField="nombre" grow="full">
[(ngModel)]="paciente.direccion[0].ubicacion.barrio" name="barrio" [data]="barrios$ | async"
labelField="nombre" grow="full">
</plex-select>
<label class="mb-1">Direccion</label>
<div class="w-100" justify="between">
<plex-text label="" [(ngModel)]="paciente.direccion[0].valor" name="direccion"
placeholder="Ej: Avenida las Flores 1200">
placeholder="Ej: Avenida las Flores 1200">
</plex-text>
<plex-button [disabled]="disableGeoreferenciar" type="info" size="md" icon="map-marker"
(click)="geoReferenciar()">
(click)="geoReferenciar()">
</plex-button>
</div>
<div>
<plex-bool class="mt-3" name="sitacionCalle" label="Vive en situación de calle"
[(ngModel)]="paciente.direccion[0].situacionCalle"
(change)="changeSituacion($event)">
[(ngModel)]="paciente.direccion[0].situacionCalle" (change)="changeSituacion($event)">
</plex-bool>
</div>
<div class="w-100" *ngIf="paciente.direccion[1]">
<hr class="w-100">
<plex-grid type="auto" size="sm" cols="2">
<h6 class="mb-0">
<b hint="Domicilio declarado en el documento de identidad del paciente "
detach="both">Domicilio legal del paciente</b>
detach="both">Domicilio legal del paciente</b>
</h6>
<span span="2">{{ direccionLegal }}</span>
</plex-grid>
Expand All @@ -155,7 +155,7 @@ <h6 class="mb-0">
<!-- MAPA -->

<georref-map class="columna" #mapa [latLong]="georeferencia$ | async"
(changeCoordinates)="changeCoordenadas($event)">
(changeCoordinates)="changeCoordenadas($event)">
</georref-map>
</plex-grid>
</form>
Expand Down
1 change: 1 addition & 0 deletions src/app/utils/enumerados.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,6 +26,7 @@ export enum EstadoCivil {
export enum tipoComunicacion {
'Teléfono Fijo',
'Teléfono Celular',
'Celular Extranjero',
'Email'
}

Expand Down