From 7f0c53321922236da14f9d2520d2a59a7da4ed10 Mon Sep 17 00:00:00 2001
From: sultanmyrza <sultanmyrza@gmail.com>
Date: Thu, 26 May 2022 16:52:50 +0800
Subject: [PATCH] fix(user-guide): highligh first capture once and don't show
 again

---
 .../settings/user-guide/user-guide.page.html  |  8 ++++++
 .../settings/user-guide/user-guide.page.ts    |  8 ++++++
 .../shared/user-guide/user-guide.service.ts   | 25 ++++++++++++++++++-
 3 files changed, 40 insertions(+), 1 deletion(-)

diff --git a/src/app/features/settings/user-guide/user-guide.page.html b/src/app/features/settings/user-guide/user-guide.page.html
index b770b305f..f7fff5225 100644
--- a/src/app/features/settings/user-guide/user-guide.page.html
+++ b/src/app/features/settings/user-guide/user-guide.page.html
@@ -39,6 +39,14 @@
         (ionChange)="setHasCapturedVideoWithCustomCamera($event)"
       ></ion-checkbox>
     </ion-item>
+    <ion-item>
+      <ion-label text-wrap>Has Highlighted First Capture</ion-label>
+      <ion-checkbox
+        slot="end"
+        [checked]="hasHighlightedFirstCapture$ | ngrxPush"
+        (ionChange)="setHasHighlightedFirstCapture($event)"
+      ></ion-checkbox>
+    </ion-item>
     <ion-item>
       <ion-label text-wrap>Has Opened Details Page</ion-label>
       <ion-checkbox
diff --git a/src/app/features/settings/user-guide/user-guide.page.ts b/src/app/features/settings/user-guide/user-guide.page.ts
index d5143f2c6..895aef0d5 100644
--- a/src/app/features/settings/user-guide/user-guide.page.ts
+++ b/src/app/features/settings/user-guide/user-guide.page.ts
@@ -19,6 +19,9 @@ export class UserGuidePage {
   readonly hasCapturedVideoWithCustomCamera$ =
     this.userGuideService.hasCapturedVideoWithCustomCamera$();
 
+  readonly hasHighlightedFirstCapture$ =
+    this.userGuideService.hasHighlightedFirstCapture$();
+
   readonly hasOpenedDetailsPage$ =
     this.userGuideService.hasOpenedDetailsPage$();
 
@@ -58,6 +61,10 @@ export class UserGuidePage {
     );
   }
 
+  setHasHighlightedFirstCapture(event: any) {
+    this.userGuideService.setHasHighlightedFirstCapture(event.detail.checked);
+  }
+
   setHasOpenedDetailsPage(event: any) {
     this.userGuideService.setHasOpenedDetailsPage(event.detail.checked);
   }
@@ -90,6 +97,7 @@ export class UserGuidePage {
     this.userGuideService.setHasOpenedCustomCameraPage(false);
     this.userGuideService.setHasCapturedPhotoWithCustomCamera(false);
     this.userGuideService.setHasCapturedVideoWithCustomCamera(false);
+    this.userGuideService.setHasHighlightedFirstCapture(false);
     this.userGuideService.setHasOpenedDetailsPage(false);
     this.userGuideService.setHasClickedDetailsPageOptionsMenu(false);
     this.userGuideService.setHasHighligtedActivityButton(false);
diff --git a/src/app/shared/user-guide/user-guide.service.ts b/src/app/shared/user-guide/user-guide.service.ts
index 916c03a07..66d55a3a7 100644
--- a/src/app/shared/user-guide/user-guide.service.ts
+++ b/src/app/shared/user-guide/user-guide.service.ts
@@ -43,13 +43,14 @@ export class UserGuideService {
         customTexts: this.customTexts,
       });
       this.setHasHighlightedCameraTab(true);
-    } else if ((await this.hasOpenedDetailsPage()) === false) {
+    } else if ((await this.hasHighlightedFirstCapture()) === false) {
       await this.delayBeforeStartTour();
       this.joyrideService.startTour({
         steps: ['highlightFirstCapture'],
         showCounter: this.showCounter,
         customTexts: this.customTexts,
       });
+      this.setHasHighlightedFirstCapture(true);
     } else if (
       (await this.hasClickedDetailsPageOptionsMenu()) === true &&
       (await this.hasHighligtedActivityButton()) === false
@@ -223,6 +224,27 @@ export class UserGuideService {
     );
   }
 
+  hasHighlightedFirstCapture$() {
+    return this.preferences.getBoolean$(
+      PrefKeys.HAS_HIGHLIGHTED_FIRST_CAPTURE,
+      false
+    );
+  }
+
+  async hasHighlightedFirstCapture() {
+    return await this.preferences.getBoolean(
+      PrefKeys.HAS_HIGHLIGHTED_FIRST_CAPTURE,
+      false
+    );
+  }
+
+  async setHasHighlightedFirstCapture(value: boolean) {
+    return await this.preferences.setBoolean(
+      PrefKeys.HAS_HIGHLIGHTED_FIRST_CAPTURE,
+      value
+    );
+  }
+
   hasOpenedDetailsPage$() {
     return this.preferences.getBoolean$(
       PrefKeys.HAS_OPENED_DETAILS_PAGE,
@@ -363,6 +385,7 @@ const enum PrefKeys {
   HAS_OPENED_CUSTOM_CAMERA_PAGE = 'HAS_OPENED_CUSTOM_CAMERA_PAGE',
   HAS_CAPTURED_PHOTO_WITH_CUSTOM_CAMERA = 'HAS_CAPTURED_PHOTO_WITH_CUSTOM_CAMERA',
   HAS_CAPTURED_VIDEO_WITH_CUSTOM_CAMERA = 'HAS_CAPTURED_VIDEO_WITH_CUSTOM_CAMERA',
+  HAS_HIGHLIGHTED_FIRST_CAPTURE = 'HAS_HIGHLIGHTED_FIRST_CAPTURE',
   HAS_OPENED_DETAILS_PAGE = 'HAS_OPENED_DETAILS_PAGE',
   HAS_CLICKED_DETAILS_PAGE_OPTIONS_MENU = 'HAS_CLICKED_DETAILS_PAGE_OPTIONS_MENU',
   HAS_OPENED_ACTIVITIES_PAGE = 'HAS_OPENED_ACTIVITIES_PAGE',