profile picture

src/app/pages/edit-profile/edit-profile.page.html

@@ -14,9 +14,9 @@
   <div class="boxed_contents">
     <div class="profile">
       <div class="bg_image back_image" [style.backgroundImage]="'url('+profilePicture+')'">
-        <!--      <div class="icon">-->
-        <!--        <ion-icon name="pencil"></ion-icon>-->
-        <!--      </div>-->
+              <div class="icon">
+                <ion-icon name="camera" (click)="startCamera()"></ion-icon>
+              </div>
       </div>
       <div class="title">
         <ion-label style="font-size: 17px; font-family: 'bold';">{{firstname}} {{lastname}}</ion-label>

src/app/pages/edit-profile/edit-profile.page.ts

@@ -2,6 +2,7 @@ import { NavController } from '@ionic/angular';
 import {Component, OnInit, ViewChild} from '@angular/core';
 import { SessionDataProviderService } from 'src/app/store/session-data-provider.service';
 import { WrenchService } from 'src/app/services/wrench.service';
+import {Camera, CameraResultType, CameraSource} from "@capacitor/camera";
 
 @Component({
   selector: 'app-edit-profile',
@@ -102,4 +103,19 @@ export class EditProfilePage implements OnInit {
     );
 
   }
+
+  async startCamera(){
+    const image = await Camera.getPhoto({
+      quality: 90,
+      allowEditing: false,
+      resultType: CameraResultType.Base64,
+      source: CameraSource.Photos // Camera, Photos or Prompt!
+    });
+
+    if (image) {
+      // this.saveImage(image)
+      console.log(image);
+    }
+
+  }
 }