Rearrange menu
This commit is contained in:
@@ -1,230 +1,228 @@
|
||||
<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-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 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>
|
||||
<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>
|
||||
<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>-->
|
||||
<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)="onMyOffers()">
|
||||
<ion-icon name="gift-outline" color="dark"></ion-icon>
|
||||
<ion-label>Pending Offers Received</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 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)="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" (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">
|
||||
<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)="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)="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" (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">
|
||||
<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)="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 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)="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)="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)="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 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>
|
||||
|
||||
<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)="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 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)="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)="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)="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)="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)="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 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">
|
||||
<ion-modal [isOpen]="isModalOpen">
|
||||
<ng-template>
|
||||
<ion-header class="modal-head">
|
||||
<ion-header class="modal-head">
|
||||
<ion-toolbar>
|
||||
<ion-title>Help</ion-title>
|
||||
<ion-buttons slot="end">
|
||||
@@ -256,5 +254,4 @@
|
||||
</ng-template>
|
||||
|
||||
|
||||
|
||||
</ion-modal>
|
||||
@@ -1,182 +1,197 @@
|
||||
import { Router } from '@angular/router';
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
import { SessionDataProviderService } from 'src/app/store/session-data-provider.service';
|
||||
import {Router} from '@angular/router';
|
||||
import {Component, OnInit} from '@angular/core';
|
||||
import {SessionDataProviderService} from 'src/app/store/session-data-provider.service';
|
||||
import {AlertController} from "@ionic/angular";
|
||||
import {HelpDataService} from "../../store/help-data.service";
|
||||
|
||||
@Component({
|
||||
selector: 'app-profile',
|
||||
templateUrl: './profile.page.html',
|
||||
styleUrls: ['./profile.page.scss'],
|
||||
selector: 'app-profile',
|
||||
templateUrl: './profile.page.html',
|
||||
styleUrls: ['./profile.page.scss'],
|
||||
})
|
||||
export class ProfilePage implements OnInit {
|
||||
firstname:string='';
|
||||
lastname:string='';
|
||||
email:string='';
|
||||
profilePicture:string='';
|
||||
accountType:string="FULL";
|
||||
etag:string='';
|
||||
app_user_id:string='';
|
||||
firstname: string = '';
|
||||
lastname: string = '';
|
||||
email: string = '';
|
||||
profilePicture: string = '';
|
||||
accountType: string = "FULL";
|
||||
etag: string = '';
|
||||
app_user_id: string = '';
|
||||
|
||||
constructor(
|
||||
private router: Router,
|
||||
private alertController:AlertController,
|
||||
public sessionDataProviderService:SessionDataProviderService,
|
||||
public helpDataService:HelpDataService
|
||||
) {
|
||||
this.etag = '' + Date.now();
|
||||
this.accountType = this.sessionDataProviderService.account_type;
|
||||
this.setProfilePicture();
|
||||
addEventListener('profile_picture_updated', () => {
|
||||
this.setProfilePicture();
|
||||
});
|
||||
this.app_user_id = this.sessionDataProviderService.member_uid.substring(0,8);
|
||||
}
|
||||
|
||||
ngOnInit() {
|
||||
this.accountType = this.sessionDataProviderService.account_type;
|
||||
this.firstname = this.sessionDataProviderService.firstname;
|
||||
this.lastname = this.sessionDataProviderService.lastname;
|
||||
this.email = this.sessionDataProviderService.username;
|
||||
this.setProfilePicture();
|
||||
|
||||
// if (this.accountType == 'FULL'){
|
||||
// // this.profilePicture = this.sessionDataProviderService.profilePicture(this.sessionDataProviderService.session, this.sessionDataProviderService.member_uid);
|
||||
// this.profilePicture = this.sessionDataProviderService.profilePicture(this.sessionDataProviderService.session, this.sessionDataProviderService.member_uid)+'?'+this.etag;
|
||||
// debugger;
|
||||
// }
|
||||
//
|
||||
// if (this.accountType == 'FAMILY'){
|
||||
// this.profilePicture = this.sessionDataProviderService.profilePicture(this.sessionDataProviderService.session, this.sessionDataProviderService.family_uid)+'?'+this.etag;
|
||||
// }
|
||||
//this.profilePicture = this.sessionDataProviderService.profilePicture(this.sessionDataProviderService.session, this.sessionDataProviderService.member_uid);
|
||||
}
|
||||
ionViewWillEnter() {
|
||||
this.setProfilePicture();
|
||||
}
|
||||
ionViewDidEnter(){
|
||||
this.setProfilePicture();
|
||||
}
|
||||
setProfilePicture(){
|
||||
this.accountType = this.sessionDataProviderService.account_type;
|
||||
this.etag = '' + Date.now();
|
||||
if (this.accountType == 'FULL'){
|
||||
// this.profilePicture = this.sessionDataProviderService.profilePicture(this.sessionDataProviderService.session, this.sessionDataProviderService.member_uid);
|
||||
this.profilePicture = this.sessionDataProviderService.profilePicture(this.sessionDataProviderService.session, this.sessionDataProviderService.member_uid)+'?'+this.etag;
|
||||
/// debugger;
|
||||
constructor(
|
||||
private router: Router,
|
||||
private alertController: AlertController,
|
||||
public sessionDataProviderService: SessionDataProviderService,
|
||||
public helpDataService: HelpDataService
|
||||
) {
|
||||
this.etag = '' + Date.now();
|
||||
this.accountType = this.sessionDataProviderService.account_type;
|
||||
this.setProfilePicture();
|
||||
addEventListener('profile_picture_updated', () => {
|
||||
this.setProfilePicture();
|
||||
});
|
||||
this.app_user_id = this.sessionDataProviderService.member_uid.substring(0, 8);
|
||||
}
|
||||
|
||||
if (this.accountType == 'FAMILY'){
|
||||
this.profilePicture = this.sessionDataProviderService.profilePicture(this.sessionDataProviderService.session, this.sessionDataProviderService.family_uid)+'?'+this.etag;
|
||||
ngOnInit() {
|
||||
this.accountType = this.sessionDataProviderService.account_type;
|
||||
this.firstname = this.sessionDataProviderService.firstname;
|
||||
this.lastname = this.sessionDataProviderService.lastname;
|
||||
this.email = this.sessionDataProviderService.username;
|
||||
this.setProfilePicture();
|
||||
|
||||
// if (this.accountType == 'FULL'){
|
||||
// // this.profilePicture = this.sessionDataProviderService.profilePicture(this.sessionDataProviderService.session, this.sessionDataProviderService.member_uid);
|
||||
// this.profilePicture = this.sessionDataProviderService.profilePicture(this.sessionDataProviderService.session, this.sessionDataProviderService.member_uid)+'?'+this.etag;
|
||||
// debugger;
|
||||
// }
|
||||
//
|
||||
// if (this.accountType == 'FAMILY'){
|
||||
// this.profilePicture = this.sessionDataProviderService.profilePicture(this.sessionDataProviderService.session, this.sessionDataProviderService.family_uid)+'?'+this.etag;
|
||||
// }
|
||||
//this.profilePicture = this.sessionDataProviderService.profilePicture(this.sessionDataProviderService.session, this.sessionDataProviderService.member_uid);
|
||||
}
|
||||
}
|
||||
onFamily() {
|
||||
this.router.navigate(['family']);
|
||||
}
|
||||
onProfile() {
|
||||
this.router.navigate(['edit-profile']);
|
||||
}
|
||||
|
||||
onSecurity() {
|
||||
this.router.navigate(['security']);
|
||||
}
|
||||
ionViewWillEnter() {
|
||||
this.setProfilePicture();
|
||||
}
|
||||
|
||||
onNotification() {
|
||||
this.router.navigate(['notification']);
|
||||
}
|
||||
ionViewDidEnter() {
|
||||
this.setProfilePicture();
|
||||
}
|
||||
|
||||
onRewards(){
|
||||
this.router.navigate(['mycoupons']);
|
||||
}
|
||||
setProfilePicture() {
|
||||
this.accountType = this.sessionDataProviderService.account_type;
|
||||
this.etag = '' + Date.now();
|
||||
if (this.accountType == 'FULL') {
|
||||
// this.profilePicture = this.sessionDataProviderService.profilePicture(this.sessionDataProviderService.session, this.sessionDataProviderService.member_uid);
|
||||
this.profilePicture = this.sessionDataProviderService.profilePicture(this.sessionDataProviderService.session, this.sessionDataProviderService.member_uid) + '?' + this.etag;
|
||||
/// debugger;
|
||||
}
|
||||
|
||||
onMyJobs(){
|
||||
this.router.navigate(['jobmanager']);
|
||||
}
|
||||
onLanguage() {
|
||||
this.router.navigate(['language']);
|
||||
}
|
||||
if (this.accountType == 'FAMILY') {
|
||||
this.profilePicture = this.sessionDataProviderService.profilePicture(this.sessionDataProviderService.session, this.sessionDataProviderService.family_uid) + '?' + this.etag;
|
||||
}
|
||||
}
|
||||
|
||||
onPrivacy() {
|
||||
this.router.navigate(['privacy']);
|
||||
}
|
||||
onFamily() {
|
||||
this.router.navigate(['family']);
|
||||
}
|
||||
|
||||
onPayment() {
|
||||
this.router.navigate(['payment']);
|
||||
}
|
||||
onProfile() {
|
||||
this.router.navigate(['edit-profile']);
|
||||
}
|
||||
|
||||
onPreferences(){
|
||||
this.router.navigate(['preferences']);
|
||||
}
|
||||
onHistory(){
|
||||
this.router.navigate(['history']);
|
||||
}
|
||||
onSecurity() {
|
||||
this.router.navigate(['security']);
|
||||
}
|
||||
|
||||
onInvite() {
|
||||
this.router.navigate(['invite']);
|
||||
}
|
||||
onNotification() {
|
||||
this.router.navigate(['notification']);
|
||||
}
|
||||
|
||||
onMyFiles() {
|
||||
this.router.navigate(['myfiles']);
|
||||
}
|
||||
async onLogout() {
|
||||
// this.sessionDataProviderService.DestroySessionOnLogout();
|
||||
// this.router.navigate(['login']);
|
||||
//this.requestLogout();
|
||||
onRewards() {
|
||||
this.router.navigate(['mycoupons']);
|
||||
}
|
||||
|
||||
const alert = await this.alertController.create({
|
||||
header: "Log out",
|
||||
message: "Confirm you are ready to log out now.",
|
||||
buttons: [
|
||||
{
|
||||
text: "Cancel",
|
||||
role: "cancel",
|
||||
handler: () => {
|
||||
// this.getMyOffersData();
|
||||
},
|
||||
},
|
||||
{
|
||||
text: "Log out",
|
||||
handler: () => {
|
||||
this.sessionDataProviderService.DestroySessionOnLogout();
|
||||
this.router.navigate(['logout']);
|
||||
},
|
||||
},
|
||||
],
|
||||
});
|
||||
await alert.present();
|
||||
}
|
||||
isModalOpen:boolean=false;
|
||||
onHelp() {
|
||||
this.helpDataService.getHelpData();
|
||||
onMyJobs() {
|
||||
this.router.navigate(['jobmanager']);
|
||||
}
|
||||
|
||||
this.isModalOpen = true;
|
||||
}
|
||||
onMyOffers() {
|
||||
this.router.navigate(['joboffers']);
|
||||
}
|
||||
|
||||
setCloseModal(){
|
||||
// debugger;
|
||||
this.isModalOpen = false;
|
||||
}
|
||||
// async requestLogout() {
|
||||
// const alert = await this.alertController.create({
|
||||
// header: "Log out",
|
||||
// message: "Confirm you are ready to log out now.",
|
||||
// buttons: [
|
||||
// {
|
||||
// text: "Cancel",
|
||||
// role: "cancel",
|
||||
// handler: () => {
|
||||
// // this.getMyOffersData();
|
||||
// },
|
||||
// },
|
||||
// {
|
||||
// text: "Log out",
|
||||
// handler: () => {
|
||||
// this.sessionDataProviderService.DestroySessionOnLogout();
|
||||
// this.router.navigate(['logout']);
|
||||
// },
|
||||
// },
|
||||
// ],
|
||||
// });
|
||||
// await alert.present();
|
||||
// }
|
||||
onLanguage() {
|
||||
this.router.navigate(['language']);
|
||||
}
|
||||
|
||||
onPrivacy() {
|
||||
this.router.navigate(['privacy']);
|
||||
}
|
||||
|
||||
onPayment() {
|
||||
this.router.navigate(['payment']);
|
||||
}
|
||||
|
||||
onPreferences() {
|
||||
this.router.navigate(['preferences']);
|
||||
}
|
||||
|
||||
onHistory() {
|
||||
this.router.navigate(['history']);
|
||||
}
|
||||
|
||||
onInvite() {
|
||||
this.router.navigate(['invite']);
|
||||
}
|
||||
|
||||
onMyFiles() {
|
||||
this.router.navigate(['myfiles']);
|
||||
}
|
||||
|
||||
async onLogout() {
|
||||
// this.sessionDataProviderService.DestroySessionOnLogout();
|
||||
// this.router.navigate(['login']);
|
||||
//this.requestLogout();
|
||||
|
||||
const alert = await this.alertController.create({
|
||||
header: "Log out",
|
||||
message: "Confirm you are ready to log out now.",
|
||||
buttons: [
|
||||
{
|
||||
text: "Cancel",
|
||||
role: "cancel",
|
||||
handler: () => {
|
||||
// this.getMyOffersData();
|
||||
},
|
||||
},
|
||||
{
|
||||
text: "Log out",
|
||||
handler: () => {
|
||||
this.sessionDataProviderService.DestroySessionOnLogout();
|
||||
this.router.navigate(['logout']);
|
||||
},
|
||||
},
|
||||
],
|
||||
});
|
||||
await alert.present();
|
||||
}
|
||||
|
||||
isModalOpen: boolean = false;
|
||||
|
||||
onHelp() {
|
||||
this.helpDataService.getHelpData();
|
||||
|
||||
this.isModalOpen = true;
|
||||
}
|
||||
|
||||
setCloseModal() {
|
||||
// debugger;
|
||||
this.isModalOpen = false;
|
||||
}
|
||||
|
||||
// async requestLogout() {
|
||||
// const alert = await this.alertController.create({
|
||||
// header: "Log out",
|
||||
// message: "Confirm you are ready to log out now.",
|
||||
// buttons: [
|
||||
// {
|
||||
// text: "Cancel",
|
||||
// role: "cancel",
|
||||
// handler: () => {
|
||||
// // this.getMyOffersData();
|
||||
// },
|
||||
// },
|
||||
// {
|
||||
// text: "Log out",
|
||||
// handler: () => {
|
||||
// this.sessionDataProviderService.DestroySessionOnLogout();
|
||||
// this.router.navigate(['logout']);
|
||||
// },
|
||||
// },
|
||||
// ],
|
||||
// });
|
||||
// await alert.present();
|
||||
// }
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user