CHIEFSOFT\ameye
254 lines
10 KiB
HTML
254 lines
10 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('+profilePicture+')'">
|
|
<!-- <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('+profilePicture+')'">
|
|
<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="bookmarks-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)="onMyJobs()">
|
|
<ion-icon name="language-outline" color="dark"></ion-icon>
|
|
<ion-label>My Jobs</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="documents-outline"></ion-icon>
|
|
|
|
<!-- <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)="onPreferences()">
|
|
<ion-icon name="apps-outline"></ion-icon>
|
|
<ion-label>Preferences</ion-label>
|
|
<ion-icon name="chevron-forward-outline" color="medium"></ion-icon>
|
|
</ion-item>
|
|
|
|
<ion-item lines="none" (click)="onHistory()">
|
|
<ion-icon name="reorder-four-outline"></ion-icon>
|
|
<!-- <ion-icon name="people-outline"></ion-icon>-->
|
|
<ion-label>History</ion-label>
|
|
<ion-icon name="chevron-forward-outline" color="medium"></ion-icon>
|
|
</ion-item>
|
|
|
|
<ion-item lines="none" (click)="onHelp()">
|
|
<ion-icon name="help-circle-outline"></ion-icon>
|
|
<!-- <ion-icon name="people-outline"></ion-icon>-->
|
|
<ion-label>Help</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="danger"></ion-icon>
|
|
<ion-label class="ion_label_red" style="color: red;" >Logout</ion-label>
|
|
<ion-icon name="chevron-forward-outline" color="medium"></ion-icon>
|
|
</ion-item>
|
|
</div>
|
|
<div style="text-align: center; font-size: 11px; color: green;">
|
|
ID: {{app_user_id}}
|
|
</div>
|
|
</ng-template>
|
|
|
|
</div>
|
|
|
|
|
|
</ion-content>
|
|
|
|
<ion-modal [isOpen]="isModalOpen">
|
|
<ng-template>
|
|
<ion-header class="modal-head">
|
|
<ion-toolbar>
|
|
<ion-title>Help</ion-title>
|
|
<ion-buttons slot="end">
|
|
<ion-button (click)="setCloseModal()">Close</ion-button>
|
|
</ion-buttons>
|
|
</ion-toolbar>
|
|
</ion-header>
|
|
<ion-content class="ion-padding">
|
|
<app-help-listing></app-help-listing>
|
|
</ion-content>
|
|
<ion-footer>
|
|
<ion-grid style="background-color: lightgray;">
|
|
<ion-row>
|
|
<ion-col>
|
|
|
|
</ion-col>
|
|
<ion-col style="text-align: right;">
|
|
<ion-button
|
|
(click)="setCloseModal()"
|
|
shape="round"
|
|
size="small"
|
|
color="danger">
|
|
Close
|
|
</ion-button>
|
|
</ion-col>
|
|
</ion-row>
|
|
</ion-grid>
|
|
</ion-footer>
|
|
</ng-template>
|
|
|
|
|
|
|
|
</ion-modal> |