From 57952da74a05e31db396e8bc61bb595d8fa7b99f Mon Sep 17 00:00:00 2001
From: Valentin <valentin@devplant.ro>
Date: Wed, 1 Dec 2021 11:43:43 +0200
Subject: [PATCH] added more keys and fixes for help mode

---
 .../dossiers-listing-actions.component.html   |  9 +++-
 .../annotation-actions.component.html         |  5 +++
 .../annotations-list.component.html           |  1 +
 .../annotations-list.component.scss           |  3 +-
 .../annotations-list.component.ts             |  4 +-
 .../user-management.component.html            |  1 +
 .../file-preview-screen.component.html        |  1 -
 .../file-actions/file-actions.component.html  |  2 +-
 apps/red-ui/src/assets/help-mode/links.json   | 42 +++++++++++++++++++
 libs/common-ui                                |  2 +-
 10 files changed, 63 insertions(+), 7 deletions(-)

diff --git a/apps/red-ui/src/app/modules/dossier/screens/dossiers-listing/components/dossiers-listing-actions/dossiers-listing-actions.component.html b/apps/red-ui/src/app/modules/dossier/screens/dossiers-listing/components/dossiers-listing-actions/dossiers-listing-actions.component.html
index 6c1bd51a1..7ab3ea424 100644
--- a/apps/red-ui/src/app/modules/dossier/screens/dossiers-listing/components/dossiers-listing-actions/dossiers-listing-actions.component.html
+++ b/apps/red-ui/src/app/modules/dossier/screens/dossiers-listing/components/dossiers-listing-actions/dossiers-listing-actions.component.html
@@ -1,12 +1,19 @@
 <iqser-status-bar *ngIf="stats" [configs]="statusBarConfig"></iqser-status-bar>
 
-<div (longPress)="forceReanalysisAction($event)" class="action-buttons" redactionLongPress>
+<div
+    (longPress)="forceReanalysisAction($event)"
+    class="action-buttons"
+    redactionLongPress
+    iqserHelpMode="dossier-features"
+    [updateElementPosition]="false"
+>
     <iqser-circle-button
         (action)="openEditDossierDialog($event, dossier.dossierId)"
         *ngIf="currentUser.isManager"
         [tooltip]="'dossier-listing.edit.action' | translate"
         [type]="circleButtonTypes.dark"
         icon="iqser:edit"
+        iqserHelpMode="edit-dossier-from-list"
     ></iqser-circle-button>
 
     <iqser-circle-button
diff --git a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/annotation-actions/annotation-actions.component.html b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/annotation-actions/annotation-actions.component.html
index 606ef7ec6..4ede0e6b6 100644
--- a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/annotation-actions/annotation-actions.component.html
+++ b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/annotation-actions/annotation-actions.component.html
@@ -38,6 +38,7 @@
             [tooltip]="'annotation-actions.edit-reason.label' | translate"
             [type]="buttonType"
             icon="iqser:edit"
+            iqserHelpMode="redaction-edit-reason"
         ></iqser-circle-button>
 
         <iqser-circle-button
@@ -47,6 +48,7 @@
             [tooltip]="'annotation-actions.accept-recommendation.label' | translate"
             [type]="buttonType"
             icon="iqser:check"
+            iqserHelpMode="recommendation-accept-or-reject"
         ></iqser-circle-button>
 
         <iqser-circle-button
@@ -119,6 +121,7 @@
             [tooltip]="'annotation-actions.remove-annotation.remove-from-dict' | translate"
             [type]="buttonType"
             icon="red:remove-from-dict"
+            iqserHelpMode="redaction-remove-from-dictionary"
         ></iqser-circle-button>
 
         <iqser-circle-button
@@ -128,6 +131,7 @@
             [tooltip]="'annotation-actions.remove-annotation.false-positive' | translate"
             [type]="buttonType"
             icon="red:thumb-down"
+            iqserHelpMode="redaction-false-positive"
         ></iqser-circle-button>
 
         <iqser-circle-button
@@ -137,6 +141,7 @@
             [tooltip]="'annotation-actions.remove-annotation.only-here' | translate"
             [type]="buttonType"
             icon="iqser:trash"
+            iqserHelpMode="redaction-remove-only-here"
         ></iqser-circle-button>
     </ng-container>
 </div>
diff --git a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/annotations-list/annotations-list.component.html b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/annotations-list/annotations-list.component.html
index 4f8ce523b..b4a0acb70 100644
--- a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/annotations-list/annotations-list.component.html
+++ b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/annotations-list/annotations-list.component.html
@@ -5,6 +5,7 @@
     [attr.annotation-page]="activeViewerPage"
     [class.active]="isSelected(annotation.annotationId)"
     [class.multi-select-active]="multiSelectService.active$ | async"
+    [class.help-mode]="helpModeService.isHelpModeActive$ | async"
     class="annotation-wrapper"
 >
     <div class="active-bar-marker"></div>
diff --git a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/annotations-list/annotations-list.component.scss b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/annotations-list/annotations-list.component.scss
index 6a29cea73..c9df84618 100644
--- a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/annotations-list/annotations-list.component.scss
+++ b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/annotations-list/annotations-list.component.scss
@@ -81,7 +81,8 @@
         }
     }
 
-    &:hover {
+    &:hover,
+    &.help-mode {
         background-color: variables.$grey-8;
 
         ::ng-deep .annotation-actions {
diff --git a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/annotations-list/annotations-list.component.ts b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/annotations-list/annotations-list.component.ts
index 302de9e3e..e153bd47a 100644
--- a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/annotations-list/annotations-list.component.ts
+++ b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/annotations-list/annotations-list.component.ts
@@ -1,6 +1,6 @@
 import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, TemplateRef } from '@angular/core';
 import { AnnotationWrapper } from '@models/file/annotation.wrapper';
-import { IqserEventTarget } from '@iqser/common-ui';
+import { HelpModeService, IqserEventTarget } from '@iqser/common-ui';
 import { File } from '@red/domain';
 import { MultiSelectService } from '../../services/multi-select.service';
 
@@ -22,7 +22,7 @@ export class AnnotationsListComponent {
     @Output() readonly selectAnnotations = new EventEmitter<AnnotationWrapper[]>();
     @Output() readonly deselectAnnotations = new EventEmitter<AnnotationWrapper[]>();
 
-    constructor(readonly multiSelectService: MultiSelectService) {}
+    constructor(readonly multiSelectService: MultiSelectService, readonly helpModeService: HelpModeService) {}
 
     annotationClicked(annotation: AnnotationWrapper, $event: MouseEvent): void {
         if (($event.target as IqserEventTarget).localName === 'input') {
diff --git a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/user-management/user-management.component.html b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/user-management/user-management.component.html
index 52b95aaf7..1fc165006 100644
--- a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/user-management/user-management.component.html
+++ b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/user-management/user-management.component.html
@@ -34,6 +34,7 @@
         [tooltip]="assignTooltip"
         icon="iqser:edit"
         tooltipPosition="below"
+        iqserHelpMode="assign-reviewer"
     ></iqser-circle-button>
 
     <iqser-circle-button
diff --git a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/file-preview-screen.component.html b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/file-preview-screen.component.html
index 3c87b0aad..1a6725ccb 100644
--- a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/file-preview-screen.component.html
+++ b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/file-preview-screen.component.html
@@ -38,7 +38,6 @@
                         [icon]="fullScreen ? 'red:exit-fullscreen' : 'red:fullscreen'"
                         [tooltip]="'file-preview.fullscreen' | translate"
                         class="ml-2"
-                        iqserHelpMode="assign-reviewer"
                         tooltipPosition="below"
                     ></iqser-circle-button>
 
diff --git a/apps/red-ui/src/app/modules/dossier/shared/components/file-actions/file-actions.component.html b/apps/red-ui/src/app/modules/dossier/shared/components/file-actions/file-actions.component.html
index 646de42ff..d740a01c1 100644
--- a/apps/red-ui/src/app/modules/dossier/shared/components/file-actions/file-actions.component.html
+++ b/apps/red-ui/src/app/modules/dossier/shared/components/file-actions/file-actions.component.html
@@ -16,7 +16,7 @@
 </ng-container>
 
 <ng-template #actions (longPress)="forceReanalysisAction($event)" redactionLongPress>
-    <div *ngIf="file" class="file-actions">
+    <div *ngIf="file" class="file-actions" iqserHelpMode="document-features">
         <iqser-circle-button
             (action)="openDocument()"
             *ngIf="showOpenDocument"
diff --git a/apps/red-ui/src/assets/help-mode/links.json b/apps/red-ui/src/assets/help-mode/links.json
index 22be19f92..8feb115f8 100644
--- a/apps/red-ui/src/assets/help-mode/links.json
+++ b/apps/red-ui/src/assets/help-mode/links.json
@@ -83,6 +83,12 @@
     "it": "",
     "fr": ""
   },
+  "edit-dossier-from-list": {
+    "en": "",
+    "de": "",
+    "it": "",
+    "fr": ""
+  },
   "standard-view": {
     "en": "https://docs.redactmanager.com/2.2/en/editing-documents-in-the-editor/views-in-the-editor/standard-view.html",
     "de": "",
@@ -136,5 +142,41 @@
     "de": "",
     "it": "",
     "fr": ""
+  },
+  "edit-reason": {
+    "en": "",
+    "de": "",
+    "it": "",
+    "fr": ""
+  },
+  "redaction-remove-only-here": {
+    "en": "",
+    "de": "",
+    "it": "",
+    "fr": ""
+  },
+  "redaction-remove-from-dictionary": {
+    "en": "",
+    "de": "",
+    "it": "",
+    "fr": ""
+  },
+  "redaction-false-positive": {
+    "en": "",
+    "de": "",
+    "it": "",
+    "fr": ""
+  },
+  "recommendation-accept-or-reject": {
+    "en": "",
+    "de": "",
+    "it": "",
+    "fr": ""
+  },
+  "document-features": {
+    "en": "",
+    "de": "",
+    "it": "",
+    "fr": ""
   }
 }
diff --git a/libs/common-ui b/libs/common-ui
index 0a861bf60..82f6fa90c 160000
--- a/libs/common-ui
+++ b/libs/common-ui
@@ -1 +1 @@
-Subproject commit 0a861bf60d47504a0c8cba019671da05dcdb3a28
+Subproject commit 82f6fa90c8206d473f1f52aa0bd6fe3baf5a36d9