55 lines
2.0 KiB
HTML
55 lines
2.0 KiB
HTML
<ion-header>
|
|
<ion-toolbar>
|
|
<ion-buttons slot="start">
|
|
<ion-back-button defaultHref="login"></ion-back-button>
|
|
</ion-buttons>
|
|
<ion-title>{{ data.user.name }}</ion-title>
|
|
</ion-toolbar>
|
|
</ion-header>
|
|
|
|
<ion-content [fullscreen]="true" class="grad">
|
|
<ion-item color="translucent">
|
|
<ion-icon name="person" color="secondary"></ion-icon>
|
|
<ion-label>Nombre: </ion-label>
|
|
<ion-input placeholder="Nombre"></ion-input>
|
|
</ion-item>
|
|
<ion-item color="translucent">
|
|
<ion-icon name="mail" color="secondary"></ion-icon>
|
|
<ion-label>Correo: {{ data.email }} </ion-label>
|
|
</ion-item>
|
|
<ion-item color="translucent">
|
|
<ion-icon name="call-outline" color="secondary"></ion-icon>
|
|
<ion-label>Teléfono Personal: {{ data.phone }} </ion-label>
|
|
</ion-item>
|
|
<ion-item color="translucent">
|
|
<ion-icon name="home-outline" color="secondary"></ion-icon>
|
|
<ion-label>Dirección</ion-label>
|
|
</ion-item>
|
|
<ion-item color="translucent">
|
|
<ion-label color="ligth">Calle: {{ data.street }}</ion-label>
|
|
</ion-item>
|
|
<ion-item color="translucent">
|
|
<ion-label color="ligth">Número: {{ data.noExt }} </ion-label>
|
|
</ion-item>
|
|
<ion-item color="translucent">
|
|
<ion-label color="ligth">Número Interior: {{ data.noInt }}</ion-label>
|
|
</ion-item>
|
|
<ion-item color="translucent">
|
|
<ion-label color="ligth">Colonia:{{ data.suburb }} </ion-label>
|
|
</ion-item>
|
|
<ion-item color="translucent">
|
|
<ion-label color="ligth">Código postal: {{ data.cp }}</ion-label>
|
|
</ion-item>
|
|
<ion-item color="translucent">
|
|
<ion-label color="ligth">Estado: {{ data.state }}</ion-label>
|
|
</ion-item>
|
|
<ion-item color="translucent">
|
|
<ion-icon name="fitness-outline" color="secondary"></ion-icon>
|
|
<ion-label color="ligth">Infectado: {{ data.infected }}</ion-label>
|
|
</ion-item>
|
|
<ion-list class="list-bg">
|
|
<ion-item color="none" *ngFor="let photo of photos" >
|
|
<ion-img [src]=photo ></ion-img>
|
|
</ion-item>
|
|
</ion-list>
|
|
</ion-content> |