camr family

REMEMBER.txt

@@ -81,4 +81,12 @@ $ ionic generate directive ripple --skip-import
 $ ionic generate service user-wallet
 ionic generate service loc-trc
 
-ionic generate service recipients
+ionic generate service recipients
+
+
+npm i @capacitor/camera @capacitor/filesystem
+
+https://devdactic.com/ionic-image-upload-capacitor
+
+https://www.youtube.com/watch?v=fU8uM5oU1wY&t=1640s
+

src/app/pages/familysettings/familysettings.page.html

@@ -40,7 +40,8 @@
                     <ion-card>
                         <img alt="Family" src="{{session_image_server}}/{{curr_session}}/familybanner/{{member_uid}}" />
                         <ion-card-content>
-                            Change Banner
+                            <ion-button size="small" (click)="startCamera()">Change</ion-button>
+
                         </ion-card-content>
                     </ion-card>
 

src/app/pages/familysettings/familysettings.page.ts

@@ -3,6 +3,7 @@ import {NavController} from "@ionic/angular";
 import {Router} from "@angular/router";
 import {SessionDataProviderService} from "../../store/session-data-provider.service";
 import {WrenchService} from "../../services/wrench.service";
+import { Camera, CameraResultType, CameraSource, Photo } from '@capacitor/camera';
 
 @Component({
   selector: 'app-familysettings',
@@ -29,7 +30,20 @@ export class FamilysettingsPage implements OnInit {
     this.curr_session =  this.sessionDataProviderService.session;
     this.session_image_server = this.sessionDataProviderService.session_image_server;
   }
+  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);
+    }
+
+  }
   onBack() {
     this.navctr.back();
   }