Merge pull request #2001 from numbersprotocol/feat-tap-to-focus

Feat tap to focus
numbersprotocol · Sep 5, 2022 · e78d5ed · e78d5ed
2 parents dbf9494 + b94188e
commit e78d5ed
Show file tree

Hide file tree

Showing 4 changed files with 41 additions and 4 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/app/features/home/custom-camera/custom-camera.page.html b/src/app/features/home/custom-camera/custom-camera.page.html
@@ -4,7 +4,7 @@
   *transloco="let t"
 >
   <ng-container *ngIf="(mode$ | ngrxPush) === 'capture'">
-    <div id="camera-flash-placeholder"></div>
+    <div id="camera-flash-placeholder" (click)="focus($event)"></div>
 
     <mat-icon
       *ngIf="isFlashAvailable"

diff --git a/src/app/features/home/custom-camera/custom-camera.page.ts b/src/app/features/home/custom-camera/custom-camera.page.ts
@@ -187,6 +187,11 @@ export class CustomCameraPage implements OnInit, OnDestroy {
     this.isFlashOn = (await this.customCameraService.isTorchOn()).result;
   }
 
+  // eslint-disable-next-line class-methods-use-this
+  async focus(event: PointerEvent | MouseEvent) {
+    await this.customCameraService.focus(event.x, event.y);
+  }
+
   async leaveCustomCamera() {
     return this.location.back();
   }

diff --git a/src/app/features/home/custom-camera/custom-camera.service.ts b/src/app/features/home/custom-camera/custom-camera.service.ts
@@ -115,6 +115,13 @@ export class CustomCameraService {
     return Promise.resolve();
   }
 
+  async focus(x: number, y: number) {
+    if (this.isNativePlatform) {
+      return await PreviewCamera.focus({ x, y });
+    }
+    return Promise.resolve();
+  }
+
   async isTorchAvailable(): Promise<boolean> {
     if (this.isNativePlatform) {
       return (await PreviewCamera.isTorchAvailable()).result;