discofy inicial
This commit is contained in:
90
src/app/perfil-discoteca/perfil-discoteca.page.html
Normal file
90
src/app/perfil-discoteca/perfil-discoteca.page.html
Normal file
@@ -0,0 +1,90 @@
|
||||
<ion-header>
|
||||
<ion-toolbar>
|
||||
<ion-title>Mi Perfil</ion-title>
|
||||
</ion-toolbar>
|
||||
</ion-header>
|
||||
|
||||
<ion-content [fullscreen]="true">
|
||||
<ion-header collapse="condense">
|
||||
<ion-toolbar>
|
||||
<ion-title class="titulo" size="large">Mi Perfil</ion-title>
|
||||
</ion-toolbar>
|
||||
</ion-header>
|
||||
|
||||
<ion-grid>
|
||||
<div class='fotoPerfil'>
|
||||
<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">
|
||||
<input type="file" (change)="loadImageFromDevice($event)" id="file-input-galeria" accept="image/png, image/jpeg">
|
||||
<ion-slides (ionDrag)="onSlideChanged()">
|
||||
<ion-slide *ngFor="let foto of galeriaFotos">
|
||||
<div class="fotoGaleria"><img src="{{foto}}">
|
||||
<ion-button (click)="borrarDeGaleria()">
|
||||
<ion-icon name="trash-outline"></ion-icon>
|
||||
</ion-button>
|
||||
</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>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</ion-grid>
|
||||
|
||||
</ion-content>
|
||||
Reference in New Issue
Block a user