114 lines
3.6 KiB
HTML
114 lines
3.6 KiB
HTML
<ion-header [translucent]="true">
|
|
<ion-toolbar>
|
|
<ion-title>
|
|
Mi Perfil
|
|
</ion-title>
|
|
</ion-toolbar>
|
|
</ion-header>
|
|
|
|
<ion-content [fullscreen]="true">
|
|
|
|
|
|
|
|
<div class='fotoPerfil'>
|
|
<ion-grid>
|
|
<ion-row>
|
|
<ion-col>
|
|
<ion-img class="fotoPerfil" width="100%" height="100%" [src]='fotoSrc' alt='barraquinha'></ion-img>
|
|
<div class="textoPie">{{nombre}}</div>
|
|
|
|
<div class="addFoto">
|
|
<ion-button [disabled]='editDisabled'>
|
|
<ion-icon name="image" slot="icon-only"></ion-icon>
|
|
<input type="file" (change)="loadImageFromDevice($event);cargarImagen()" id="file-input-perfil" accept="image/png, image/jpeg">
|
|
</ion-button>
|
|
</div>
|
|
|
|
<div>
|
|
<ion-button (click)="enableEdit()" label="editar" [disabled]='editEnabled'>
|
|
<ion-icon name="create"></ion-icon>
|
|
</ion-button>
|
|
<div id="botonesHidden1" class="botonesHidden">
|
|
<ion-button (click)="saveEdit()" label="guardar" [disabled]='editDisabled'>
|
|
<ion-icon name="save"></ion-icon>
|
|
</ion-button>
|
|
<ion-button (click)="cancelEdit()" [disabled]='editDisabled'>
|
|
Cancelar
|
|
</ion-button></div>
|
|
</div>
|
|
|
|
|
|
|
|
</ion-col>
|
|
</ion-row>
|
|
|
|
|
|
<ion-row>
|
|
<ion-col>
|
|
<div id="cajaDatos" class='datosDisplay'>
|
|
<div class="datosLabel">Teléfono: </div>
|
|
<div [contentEditable]='editEnabled'>{{telefono}}</div>
|
|
<div class="datosLabel">Localización: </div>
|
|
<div [contentEditable]='editEnabled'>{{localizacion}}</div>
|
|
</div>
|
|
</ion-col>
|
|
|
|
<ion-col>
|
|
<div class="galeria">
|
|
Galería de Fotos
|
|
<input type="file" (change)="loadImageFromDevice($event)" id="file-input-galeria" accept="image/png, image/jpeg">
|
|
<ion-slides (ionDrag)="onSlideChanged()" [options]="sliderOpts">
|
|
<ion-slide *ngFor="let foto of galeriaFotos">
|
|
<div class="fotoGaleria"><img src="{{foto}}" tappable (click)="openPreview(foto)">
|
|
<div class="botonesHidden" id="botonesHidden3">
|
|
<ion-button (click)="borrarDeGaleria()">
|
|
<ion-icon name="trash-outline"></ion-icon>
|
|
</ion-button>
|
|
</div>
|
|
</div>
|
|
</ion-slide>
|
|
</ion-slides>
|
|
</div>
|
|
</ion-col>
|
|
</ion-row>
|
|
|
|
|
|
<ion-row>
|
|
<ion-button (click)="addEvento()">
|
|
<ion-icon name="add-circle-outline">
|
|
</ion-icon>
|
|
Añadir evento
|
|
</ion-button>
|
|
</ion-row>
|
|
|
|
<ion-row>
|
|
<div *ngIf="eventos.length>0" class="eventos">
|
|
<ion-list>
|
|
<ion-item *ngFor="let evento of eventos" button (click)="mostrarEvento(evento)">
|
|
<div class="evento">
|
|
<div class="eventoHeader">
|
|
{{evento.nombre}} ·
|
|
<ion-icon name="calendar-outline"></ion-icon>
|
|
{{evento.fecha}} ·
|
|
<ion-icon name="cash-outline"></ion-icon>
|
|
{{evento.precio1}},{{evento.precio2}}
|
|
<ion-button (click)="editarEvento(evento);$event.stopPropagation();"><ion-icon name="pencil-outline"></ion-icon></ion-button>
|
|
</div>
|
|
<div class="eventoDesc">
|
|
{{evento.descripcion}}
|
|
</div>
|
|
</div>
|
|
</ion-item>
|
|
</ion-list>
|
|
</div>
|
|
</ion-row>
|
|
</ion-grid>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</ion-content> |