CHIEFSOFT\ameye
73 lines
2.3 KiB
HTML
73 lines
2.3 KiB
HTML
|
|
<ion-header mode="ios" class="ion-no-border">
|
|
<ion-toolbar>
|
|
<ion-buttons slot="start" (click)="onBack()">
|
|
<ion-button>
|
|
<ion-icon name="arrow-back-outline"></ion-icon>
|
|
</ion-button>
|
|
</ion-buttons>
|
|
<ion-title>Edit Profile</ion-title>
|
|
</ion-toolbar>
|
|
</ion-header>
|
|
|
|
<ion-content class="ion-padding">
|
|
<div class="boxed_contents">
|
|
<div class="profile">
|
|
<div class="bg_image back_image" [style.backgroundImage]="'url('+profilePicture+')'">
|
|
<div class="icon">
|
|
<ion-icon name="camera" (click)="startCamera()"></ion-icon>
|
|
</div>
|
|
</div>
|
|
<div class="title">
|
|
<ion-label style="font-size: 17px; font-family: 'bold';">{{firstname}} {{lastname}}</ion-label>
|
|
<ion-label style="font-size: 13px;">{{email}}</ion-label>
|
|
</div>
|
|
</div>
|
|
|
|
<ion-card>
|
|
<!-- <ion-card-header>-->
|
|
<!-- <ion-card-title>Card Title</ion-card-title>-->
|
|
<!-- <ion-card-subtitle>Card Subtitle</ion-card-subtitle>-->
|
|
<!-- </ion-card-header>-->
|
|
|
|
<ion-card-content>
|
|
|
|
<ion-item lines="none">
|
|
<ion-input type="text" maxlength="15" placeholder="Firstname" [(ngModel)]='firstname' ></ion-input>
|
|
</ion-item>
|
|
|
|
<ion-item lines="none">
|
|
<ion-input type="text" maxlength="15" placeholder="lastname" [(ngModel)]='lastname' ></ion-input>
|
|
</ion-item>
|
|
|
|
<ion-item lines="none">
|
|
<ion-input type="text" maxlength="35" placeholder="Email" [(ngModel)]='email' ></ion-input>
|
|
</ion-item>
|
|
|
|
<ion-item lines="none">
|
|
<ion-input type="text" maxlength="25" placeholder="Online Name" [(ngModel)]='online_name' ></ion-input>
|
|
</ion-item>
|
|
<div style="text-align: right;">
|
|
<ion-button shape="round" (click)="sendUpdateProfile()">Update</ion-button>
|
|
</div>
|
|
</ion-card-content>
|
|
</ion-card>
|
|
|
|
|
|
<!-- <div style="text-align: right;">-->
|
|
<!-- <div class="button" (click)="onBack()">-->
|
|
<!-- <ion-label class="text">Update</ion-label>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
</div>
|
|
|
|
</ion-content>
|
|
|
|
<!--<ion-footer>-->
|
|
<!-- <ion-toolbar>-->
|
|
<!-- <div class="button" (click)="onBack()">-->
|
|
<!-- <ion-label class="text">Update</ion-label>-->
|
|
<!-- </div>-->
|
|
<!-- </ion-toolbar>-->
|
|
<!--</ion-footer>-->
|