From 509c370efc345cff8e2bf9cc932aa5ca9f3dc9e4 Mon Sep 17 00:00:00 2001
From: Valentin Mihai <Valentin-Gabriel.Mihai.ext@knecon.com>
Date: Tue, 6 Feb 2024 23:16:13 +0200
Subject: [PATCH] RED-8252 - Separate help mode links

---
 .../view-mode-selection.component.html        |  2 +-
 .../annotation-actions.component.html         | 23 +-----
 .../annotation-actions.component.ts           |  2 +-
 .../modules/file-preview/utils/constants.ts   |  8 +-
 .../src/assets/help-mode/help-mode-keys.json  | 78 ++++++++++++++++---
 5 files changed, 77 insertions(+), 36 deletions(-)

diff --git a/apps/red-ui/src/app/modules/dossier-overview/components/view-mode-selection/view-mode-selection.component.html b/apps/red-ui/src/app/modules/dossier-overview/components/view-mode-selection/view-mode-selection.component.html
index 4f5915a37..69bed225b 100644
--- a/apps/red-ui/src/app/modules/dossier-overview/components/view-mode-selection/view-mode-selection.component.html
+++ b/apps/red-ui/src/app/modules/dossier-overview/components/view-mode-selection/view-mode-selection.component.html
@@ -6,7 +6,7 @@
         [attr.aria-expanded]="mode === listingModes.table"
         [tooltip]="'view-mode.list' | translate"
         [greySelected]="true"
-        [attr.help-mode-key]="'document_list'"
+        [attr.help-mode-key]="'document_list_view'"
         icon="iqser:list"
     ></iqser-circle-button>
 
diff --git a/apps/red-ui/src/app/modules/file-preview/components/annotation-actions/annotation-actions.component.html b/apps/red-ui/src/app/modules/file-preview/components/annotation-actions/annotation-actions.component.html
index 269430b63..50240be49 100644
--- a/apps/red-ui/src/app/modules/file-preview/components/annotation-actions/annotation-actions.component.html
+++ b/apps/red-ui/src/app/modules/file-preview/components/annotation-actions/annotation-actions.component.html
@@ -7,7 +7,6 @@
     <ng-container *ngIf="resizing && annotationPermissions.canResizeAnnotation">
         <iqser-circle-button
             (action)="acceptResize()"
-            [attr.help-mode-key]="actionsHelpModeKey"
             [class.disabled]="!resized"
             [tooltipPosition]="tooltipPosition"
             [tooltip]="resized ? ('annotation-actions.resize-accept.label' | translate) : ''"
@@ -17,7 +16,6 @@
 
         <iqser-circle-button
             (action)="cancelResize()"
-            [attr.help-mode-key]="actionsHelpModeKey"
             [tooltipPosition]="tooltipPosition"
             [tooltip]="'annotation-actions.resize-cancel.label' | translate"
             [type]="buttonType"
@@ -50,7 +48,7 @@
         <iqser-circle-button
             (action)="acceptRecommendation()"
             *ngIf="canAcceptRecommendation"
-            [attr.help-mode-key]="actionsHelpModeKey"
+            [attr.help-mode-key]="helpModeKey('accept')"
             [tooltipPosition]="tooltipPosition"
             [tooltip]="'annotation-actions.accept-recommendation.label' | translate"
             [type]="buttonType"
@@ -60,7 +58,6 @@
         <iqser-circle-button
             (action)="annotationActionsService.convertHighlights(annotations)"
             *ngIf="viewModeService.isEarmarks()"
-            [attr.help-mode-key]="actionsHelpModeKey"
             [tooltipPosition]="tooltipPosition"
             [tooltip]="'annotation-actions.convert-highlights.label' | translate"
             [type]="buttonType"
@@ -70,7 +67,6 @@
         <iqser-circle-button
             (action)="annotationActionsService.removeHighlights(annotations)"
             *ngIf="viewModeService.isEarmarks()"
-            [attr.help-mode-key]="actionsHelpModeKey"
             [tooltipPosition]="tooltipPosition"
             [tooltip]="'annotation-actions.remove-highlights.label' | translate"
             [type]="buttonType"
@@ -80,17 +76,6 @@
         <iqser-circle-button
             (action)="annotationActionsService.undoDirectAction(annotations)"
             *allow="roles.redactions.deleteManual; if: annotationPermissions.canUndo"
-            [attr.help-mode-key]="actionsHelpModeKey"
-            [tooltipPosition]="tooltipPosition"
-            [tooltip]="'annotation-actions.undo' | translate"
-            [type]="buttonType"
-            icon="red:undo"
-        ></iqser-circle-button>
-
-        <iqser-circle-button
-            (action)="annotationActionsService.undoDirectAction(annotations)"
-            *allow="roles.redactions.deleteManual; if: annotationPermissions.canUndo"
-            [attr.help-mode-key]="actionsHelpModeKey"
             [tooltipPosition]="tooltipPosition"
             [tooltip]="'annotation-actions.undo' | translate"
             [type]="buttonType"
@@ -100,7 +85,6 @@
         <iqser-circle-button
             (action)="annotationReferencesService.show(annotations[0])"
             *ngIf="multiSelectService.inactive() && annotations[0].reference.length"
-            [attr.help-mode-key]="actionsHelpModeKey"
             [tooltipPosition]="tooltipPosition"
             [tooltip]="'annotation-actions.see-references.label' | translate"
             [type]="buttonType"
@@ -110,7 +94,7 @@
         <iqser-circle-button
             (action)="annotationActionsService.forceAnnotation(annotations)"
             *ngIf="canForceRedaction"
-            [attr.help-mode-key]="actionsHelpModeKey"
+            [attr.help-mode-key]="helpModeKey('force')"
             [tooltipPosition]="tooltipPosition"
             [tooltip]="'annotation-actions.force-redaction.label' | translate"
             [type]="buttonType"
@@ -130,7 +114,7 @@
         <iqser-circle-button
             (action)="hideAnnotation()"
             *ngIf="isImage && isVisible()"
-            [attr.help-mode-key]="actionsHelpModeKey"
+            [attr.help-mode-key]="helpModeKey('hide')"
             [tooltipPosition]="tooltipPosition"
             [tooltip]="'annotation-actions.hide' | translate"
             [type]="buttonType"
@@ -140,7 +124,6 @@
         <iqser-circle-button
             (action)="showAnnotation()"
             *ngIf="isImage && !isVisible()"
-            [attr.help-mode-key]="actionsHelpModeKey"
             [tooltipPosition]="tooltipPosition"
             [tooltip]="'annotation-actions.show' | translate"
             [type]="buttonType"
diff --git a/apps/red-ui/src/app/modules/file-preview/components/annotation-actions/annotation-actions.component.ts b/apps/red-ui/src/app/modules/file-preview/components/annotation-actions/annotation-actions.component.ts
index bb4f0ebb2..4ab551813 100644
--- a/apps/red-ui/src/app/modules/file-preview/components/annotation-actions/annotation-actions.component.ts
+++ b/apps/red-ui/src/app/modules/file-preview/components/annotation-actions/annotation-actions.component.ts
@@ -157,7 +157,7 @@ export class AnnotationActionsComponent implements OnChanges {
     }
 
     helpModeKey(action: string) {
-        return this.#isDocumine ? `${action}_annotation` : this.actionsHelpModeKey;
+        return this.#isDocumine ? `${action}_annotation` : `${this.actionsHelpModeKey}_${action}`;
     }
 
     #setPermissions() {
diff --git a/apps/red-ui/src/app/modules/file-preview/utils/constants.ts b/apps/red-ui/src/app/modules/file-preview/utils/constants.ts
index 066da5374..f6093ed2f 100644
--- a/apps/red-ui/src/app/modules/file-preview/utils/constants.ts
+++ b/apps/red-ui/src/app/modules/file-preview/utils/constants.ts
@@ -13,10 +13,10 @@ export const ActionsHelpModeKeys = {
     'manual-redaction': 'redaction',
     recommendation: 'recommendation',
     skipped: 'skipped',
-    hint: 'hint_text',
-    'hint-ocr': 'hint_picture',
-    'hint-formula': 'hint_picture',
-    'hint-image': 'hint_picture',
+    hint: 'hint',
+    'hint-ocr': 'hint',
+    'hint-formula': 'hint',
+    'hint-image': 'hint',
 } as const;
 
 export const ALL_HOTKEYS: List = ['Escape', 'F', 'f', 'ArrowUp', 'ArrowDown', 'H', 'h'] as const;
diff --git a/apps/red-ui/src/assets/help-mode/help-mode-keys.json b/apps/red-ui/src/assets/help-mode/help-mode-keys.json
index c601cb320..d3a1fdafb 100644
--- a/apps/red-ui/src/assets/help-mode/help-mode-keys.json
+++ b/apps/red-ui/src/assets/help-mode/help-mode-keys.json
@@ -105,32 +105,86 @@
     "documentKey": "highlights"
   },
   {
-    "elementKey": "redaction",
-    "documentKey": "redaction",
+    "elementKey": "redaction_resize",
+    "documentKey": "redaction_resize",
     "scrollableParentView": "ANNOTATIONS_LIST",
     "overlappingElements": ["USER_MENU", "WORKLOAD_FILTER", "DOCUMENT_INFO"]
   },
   {
-    "elementKey": "false_positive_entity",
-    "documentKey": "false_positive_entity",
+    "elementKey": "redaction_edit",
+    "documentKey": "redaction_edit",
     "scrollableParentView": "ANNOTATIONS_LIST",
     "overlappingElements": ["USER_MENU", "WORKLOAD_FILTER", "DOCUMENT_INFO"]
   },
   {
-    "elementKey": "skipped",
-    "documentKey": "skipped",
+    "elementKey": "redaction_remove",
+    "documentKey": "redaction_remove",
     "scrollableParentView": "ANNOTATIONS_LIST",
     "overlappingElements": ["USER_MENU", "WORKLOAD_FILTER", "DOCUMENT_INFO"]
   },
   {
-    "elementKey": "hint_text",
-    "documentKey": "hint_text",
+    "elementKey": "recommendation_resize",
+    "documentKey": "recommendation_resize",
     "scrollableParentView": "ANNOTATIONS_LIST",
     "overlappingElements": ["USER_MENU", "WORKLOAD_FILTER", "DOCUMENT_INFO"]
   },
   {
-    "elementKey": "hint_picture",
-    "documentKey": "hint_picture",
+    "elementKey": "recommendation_accept",
+    "documentKey": "recommendation_accept",
+    "scrollableParentView": "ANNOTATIONS_LIST",
+    "overlappingElements": ["USER_MENU", "WORKLOAD_FILTER", "DOCUMENT_INFO"]
+  },
+  {
+    "elementKey": "recommendation_remove",
+    "documentKey": "recommendation_remove",
+    "scrollableParentView": "ANNOTATIONS_LIST",
+    "overlappingElements": ["USER_MENU", "WORKLOAD_FILTER", "DOCUMENT_INFO"]
+  },
+  {
+    "elementKey": "skipped_edit",
+    "documentKey": "skipped_edit",
+    "scrollableParentView": "ANNOTATIONS_LIST",
+    "overlappingElements": ["USER_MENU", "WORKLOAD_FILTER", "DOCUMENT_INFO"]
+  },
+  {
+    "elementKey": "skipped_force",
+    "documentKey": "skipped_force",
+    "scrollableParentView": "ANNOTATIONS_LIST",
+    "overlappingElements": ["USER_MENU", "WORKLOAD_FILTER", "DOCUMENT_INFO"]
+  },
+  {
+    "elementKey": "skipped_remove",
+    "documentKey": "skipped_remove",
+    "scrollableParentView": "ANNOTATIONS_LIST",
+    "overlappingElements": ["USER_MENU", "WORKLOAD_FILTER", "DOCUMENT_INFO"]
+  },
+  {
+    "elementKey": "skipped_hide",
+    "documentKey": "skipped_hide",
+    "scrollableParentView": "ANNOTATIONS_LIST",
+    "overlappingElements": ["USER_MENU", "WORKLOAD_FILTER", "DOCUMENT_INFO"]
+  },
+  {
+    "elementKey": "hint_resize",
+    "documentKey": "hint_resize",
+    "scrollableParentView": "ANNOTATIONS_LIST",
+    "overlappingElements": ["USER_MENU", "WORKLOAD_FILTER", "DOCUMENT_INFO"]
+  },
+  {
+    "elementKey": "hint_edit",
+    "documentKey": "hint_edit",
+    "scrollableParentView": "ANNOTATIONS_LIST",
+    "overlappingElements": ["USER_MENU", "WORKLOAD_FILTER", "DOCUMENT_INFO"]
+  },
+  {
+    "elementKey": "hint_remove",
+    "documentKey": "hint_remove",
+    "scrollableParentView": "ANNOTATIONS_LIST",
+    "overlappingElements": ["USER_MENU", "WORKLOAD_FILTER", "DOCUMENT_INFO"]
+  },
+  {
+    "elementKey": "hint_hide",
+    "documentKey": "hint_hide",
     "scrollableParentView": "ANNOTATIONS_LIST",
     "overlappingElements": ["USER_MENU", "WORKLOAD_FILTER", "DOCUMENT_INFO"]
   },
@@ -611,5 +665,9 @@
   {
     "elementKey": "editor_import_redactions",
     "documentKey": "editor_import_redactions"
+  },
+  {
+    "elementKey": "document_list_view",
+    "documentKey": "document_list"
   }
 ]