CHIEFSOFT\ameye
192 lines
8.1 KiB
HTML
192 lines
8.1 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="boxed_contents">
|
|
<div *ngIf = "accountType == 'FAMILY'; else elseFulltag">
|
|
<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" (click)="onProfile()"></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>
|
|
</div>
|
|
<ng-template #elseFulltag>
|
|
<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" (click)="onProfile()"></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)="onRewards()">
|
|
<ion-icon name="people-outline"></ion-icon>
|
|
<ion-label>Coupons & Rewards</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>Card & 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>
|
|
</ng-template>
|
|
|
|
</div>
|
|
|
|
|
|
</ion-content>
|