CHIEFSOFT\ameye
95 lines
3.5 KiB
HTML
95 lines
3.5 KiB
HTML
<ion-header mode="ios" class="ion-no-border">
|
|
<ion-toolbar>
|
|
<ion-buttons slot="end">
|
|
<!-- <ion-button>-->
|
|
<!-- <ion-icon name="ellipsis-horizontal-outline"></ion-icon>-->
|
|
<!-- </ion-button>-->
|
|
</ion-buttons>
|
|
<ion-title>Profile</ion-title>
|
|
</ion-toolbar>
|
|
</ion-header>
|
|
|
|
<ion-content class="ion-padding">
|
|
<div class="profile">
|
|
<div class="bg_image back_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/profile.jpg)'">
|
|
<div class="icon">
|
|
<ion-icon name="pencil"></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>
|
|
|
|
<div class="route">
|
|
<ion-item lines="none" (click)="onProfile()">
|
|
<ion-icon name="person-outline" color="dark"></ion-icon>
|
|
<ion-label>Edit Profile</ion-label>
|
|
<ion-icon name="chevron-forward-outline" color="medium"></ion-icon>
|
|
</ion-item>
|
|
|
|
<ion-item lines="none" (click)="onFamily()">
|
|
<ion-icon name="people-outline"></ion-icon>
|
|
<ion-label>Family Profile</ion-label>
|
|
<ion-icon name="chevron-forward-outline" color="medium"></ion-icon>
|
|
</ion-item>
|
|
|
|
<ion-item lines="none" (click)="onNotification()">
|
|
<ion-icon name="notifications-outline" color="dark"></ion-icon>
|
|
<ion-label>Notifications</ion-label>
|
|
<ion-icon name="chevron-forward-outline" color="medium"></ion-icon>
|
|
</ion-item>
|
|
|
|
<ion-item lines="none" (click)="onPayment()">
|
|
<ion-icon name="wallet-outline" color="dark"></ion-icon>
|
|
<ion-label>Payment & Accounts</ion-label>
|
|
<ion-icon name="chevron-forward-outline" color="medium"></ion-icon>
|
|
</ion-item>
|
|
|
|
<ion-item lines="none" (click)="onSecurity()">
|
|
<ion-icon name="shield-checkmark-outline" color="dark"></ion-icon>
|
|
<ion-label>Security</ion-label>
|
|
<ion-icon name="chevron-forward-outline" color="medium"></ion-icon>
|
|
</ion-item>
|
|
|
|
<!-- <ion-item lines="none" (click)="onLanguage()">
|
|
<ion-icon name="language-outline" color="dark"></ion-icon>
|
|
<ion-label>Language</ion-label>
|
|
<ion-icon name="chevron-forward-outline" color="medium"></ion-icon>
|
|
</ion-item> -->
|
|
|
|
|
|
<!-- <ion-item lines="none">
|
|
<ion-icon name="eye-outline" color="dark"></ion-icon>
|
|
<ion-label>Dark Theme</ion-label>
|
|
<ion-toggle slot="end" name="grape" color="tertiary"></ion-toggle>
|
|
</ion-item> ii -->
|
|
|
|
|
|
<ion-item lines="none" (click)="onPrivacy()">
|
|
<ion-icon name="lock-closed-outline" color="dark"></ion-icon>
|
|
<ion-label>Privacy Policy</ion-label>
|
|
<ion-icon name="chevron-forward-outline" color="medium"></ion-icon>
|
|
</ion-item>
|
|
|
|
<ion-item lines="none" (click)="onMyFiles()">
|
|
<ion-icon name="help-circle-outline" color="dark"></ion-icon>
|
|
<ion-label>My Files</ion-label>
|
|
<ion-icon name="chevron-forward-outline" color="medium"></ion-icon>
|
|
</ion-item>
|
|
|
|
<ion-item lines="none" (click)="onInvite()">
|
|
<ion-icon name="people-outline" color="dark"></ion-icon>
|
|
<ion-label>Invite Friends</ion-label>
|
|
<ion-icon name="chevron-forward-outline" color="medium"></ion-icon>
|
|
</ion-item>
|
|
|
|
<ion-item class="pad_logout" lines="none" (click)="onLogout()">
|
|
<ion-icon name="log-out-outline" color="dark"></ion-icon>
|
|
<ion-label class="ion_label_red">Logout</ion-label>
|
|
<ion-icon name="chevron-forward-outline" color="medium"></ion-icon>
|
|
</ion-item>
|
|
</div>
|
|
</ion-content>
|