24 |
25 |
26 |
27 |
28 |
{{username}}
29 |
30 |
31 | Update Picture
32 | Update Birth Date
33 | Logout
34 |
35 |
36 |
37 |
38 | // Order List data to be shown here
39 |
40 |
41 |
42 | // Wallet statement and transaction here.
43 |
44 |
45 |
47 |
--------------------------------------------------------------------------------
/src/pages/account/account.scss:
--------------------------------------------------------------------------------
1 | page-account img {
2 | max-width: 140px;
3 | border-radius: 50%;
4 | }
5 |
--------------------------------------------------------------------------------
/src/pages/account/account.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '@angular/core';
2 |
3 | import { AlertController, NavController } from 'ionic-angular';
4 |
5 | import { LoginPage } from '../login/login';
6 | import { SupportPage } from '../support/support';
7 | import { UserService } from '../../providers/user-service';
8 |
9 | import { User } from '@ionic/cloud-angular';
10 | import { Camera } from '@ionic-native/camera';
11 |
12 | @Component({
13 | selector: 'page-account',
14 | templateUrl: 'account.html'
15 | })
16 | export class AccountPage {
17 | birthdate: string;
18 | account: string = "profile";
19 | base64Image: any = "http://www.gravatar.com/avatar?d=mm&s=140";
20 |
21 | constructor(
22 | public alertCtrl: AlertController,
23 | public nav: NavController,
24 | public user: User,
25 | public userService: UserService,
26 | public camera: Camera) {
27 | }
28 |
29 | ngAfterViewInit() {
30 |
31 | }
32 |
33 | updatePicture() {
34 | let options = {
35 | quality:100, // Specify quality in number 0-100
36 | destinationType: this.camera.DestinationType.DATA_URL,
37 | sourceType: this.camera.PictureSourceType.CAMERA, // camera or gallery
38 | allowEdit: true,
39 | encodingType: this.camera.EncodingType.JPEG,
40 | targetWidth: 100,
41 | targetHeight: 100,
42 | saveToPhotoAlbum: true,
43 | correctOrientation:true,
44 | cameraDirection: 0// BACK 0, FRONT 1
45 | };
46 |
47 | this.camera.getPicture(options).then((imageData) => {
48 | console.log(imageData);
49 | this.base64Image = 'data:image/jpeg;base64,' + imageData;
50 |
51 | }, (err) => {
52 | // Handle error
53 | });
54 | console.log('Clicked to update picture');
55 | }
56 |
57 | // Present an alert for adding date of birth
58 | // clicking OK will update the DOB
59 | // clicking Cancel will close the alert and do nothing
60 | addDOB() {
61 | let alert = this.alertCtrl.create({
62 | title: 'Add Date of Birth',
63 | buttons: [
64 | 'Cancel'
65 | ]
66 | });
67 | alert.addInput({
68 | name: 'birthdate',
69 | value: this.birthdate,
70 | placeholder: 'birthdate',
71 | type: 'date'
72 | });
73 | alert.addButton({
74 | text: 'Ok',
75 | handler: (data: any) => {
76 | this.user.set('birthdate', data.birthdate);
77 | this.user.save();
78 | }
79 | });
80 |
81 | alert.present();
82 | }
83 |
84 | changePassword() {
85 | console.log('Clicked to change password');
86 | }
87 |
88 | logout() {
89 | this.userService.logout();
90 | this.nav.setRoot(LoginPage);
91 | }
92 |
93 | support() {
94 | this.nav.push(SupportPage);
95 | }
96 | }
97 |
--------------------------------------------------------------------------------
/src/pages/categories/categories.html:
--------------------------------------------------------------------------------
1 | 
26 | 
34 | 
35 | 
36 | 
37 | 
48 | 
34 | 
37 | 
14 | 
14 | 
24 | 
30 | 
36 |