added more keys and fixes for help mode

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

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>

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>

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 {

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') {

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

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>
 

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"

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": ""
   }
 }

libs/common-ui

@@ -1 +1 @@
-Subproject commit 0a861bf60d47504a0c8cba019671da05dcdb3a28
+Subproject commit 82f6fa90c8206d473f1f52aa0bd6fe3baf5a36d9