added more help mode keys

apps/red-ui/src/app/modules/dossier/screens/dossier-overview/components/dossier-details-stats/dossier-details-stats.component.html

@@ -8,7 +8,7 @@
         <mat-icon svgIcon="red:reanalyse"></mat-icon>
         <span>{{
             'dossier-overview.dossier-details.stats.processing-documents' | translate: { count: stats.numberOfProcessingFiles }
-            }}</span>
+        }}</span>
     </div>
 
     <div>
@@ -37,7 +37,7 @@
     <span>{{ dossierTemplateName }} </span>
 </div>
 
-<div (click)="openEditDossierDialog('dossierDictionary')" class="link-property">
+<div (click)="openEditDossierDialog('dossierDictionary')" class="link-property" iqserHelpMode="open_dictionary">
     <mat-icon svgIcon="red:dictionary"></mat-icon>
     <span>{{ 'dossier-overview.dossier-details.dictionary' | translate }} </span>
 </div>
@@ -48,7 +48,12 @@
 </div>
 
 <ng-container *ngIf="dossierAttributes?.length">
-    <div (click)="attributesExpanded = true" *ngIf="!attributesExpanded" class="all-caps-label show-attributes">
+    <div
+        (click)="attributesExpanded = true"
+        *ngIf="!attributesExpanded"
+        class="all-caps-label show-attributes"
+        iqserHelpMode="edit_dossier_attributes"
+    >
         {{ 'dossier-overview.dossier-details.attributes.expand' | translate: { count: dossierAttributes.length } }}
     </div>
 

apps/red-ui/src/app/modules/dossier/screens/dossiers-listing/components/dossiers-listing-actions/dossiers-listing-actions.component.html

@@ -6,7 +6,7 @@
         [type]="circleButtonTypes.dark"
         [icon]="currentUser.isManager ? 'iqser:edit' : 'red:info'"
         iqserHelpMode="edit_dossier"
-        [isVirtualScrollElement]="true"
+        [scrollableParentView]="scrollableParentView"
     ></iqser-circle-button>
 
     <iqser-circle-button
@@ -21,6 +21,6 @@
         [files]="files"
         [type]="circleButtonTypes.dark"
         iqserHelpMode="download_dossier"
-        [isVirtualScrollElement]="true"
+        [scrollableParentView]="scrollableParentView"
     ></redaction-file-download-btn>
 </div>

apps/red-ui/src/app/modules/dossier/screens/dossiers-listing/components/dossiers-listing-actions/dossiers-listing-actions.component.ts

@@ -1,6 +1,6 @@
 import { ChangeDetectionStrategy, Component, Input, OnChanges } from '@angular/core';
 import { PermissionsService } from '@services/permissions.service';
-import { CircleButtonTypes, List, StatusBarConfig } from '@iqser/common-ui';
+import { CircleButtonTypes, List, ScrollableParentView, ScrollableParentViews, StatusBarConfig } from '@iqser/common-ui';
 import { UserService } from '@services/user.service';
 import { Dossier, DossierStats, File } from '@red/domain';
 import { DossiersDialogService } from '../../../../services/dossiers-dialog.service';
@@ -56,4 +56,8 @@ export class DossiersListingActionsComponent implements OnChanges {
         $event.stopPropagation();
         await firstValueFrom(this._reanalysisService.reanalyzeDossier(id));
     }
+
+    get scrollableParentView(): ScrollableParentView {
+        return ScrollableParentViews.VIRTUAL_SCROLL;
+    }
 }

apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/annotation-actions/annotation-actions.component.html

@@ -34,6 +34,7 @@
             [type]="buttonType"
             icon="red:resize"
             iqserHelpMode="redaction_resize_redaction"
+            [scrollableParentView]="scrollableParentView"
         ></iqser-circle-button>
 
         <iqser-circle-button
@@ -44,6 +45,7 @@
             [type]="buttonType"
             icon="iqser:edit"
             iqserHelpMode="redaction_edit_reason"
+            [scrollableParentView]="scrollableParentView"
         ></iqser-circle-button>
 
         <iqser-circle-button
@@ -54,6 +56,7 @@
             [type]="buttonType"
             icon="iqser:check"
             iqserHelpMode="recommendation_accept_or_reject"
+            [scrollableParentView]="scrollableParentView"
         ></iqser-circle-button>
 
         <iqser-circle-button
@@ -109,6 +112,7 @@
             [type]="buttonType"
             icon="red:thumb-up"
             iqserHelpMode="skipped_force_redaction"
+            [scrollableParentView]="scrollableParentView"
         ></iqser-circle-button>
 
         <iqser-circle-button
@@ -146,6 +150,7 @@
             [type]="buttonType"
             icon="red:remove-from-dict"
             iqserHelpMode="skipped_remove_from_dictionary"
+            [scrollableParentView]="scrollableParentView"
         ></iqser-circle-button>
 
         <iqser-circle-button
@@ -156,6 +161,7 @@
             [type]="buttonType"
             icon="red:thumb-down"
             iqserHelpMode="redaction_false_positive"
+            [scrollableParentView]="scrollableParentView"
         ></iqser-circle-button>
 
         <iqser-circle-button
@@ -166,6 +172,7 @@
             [type]="buttonType"
             icon="iqser:trash"
             iqserHelpMode="redaction_remove_only_here"
+            [scrollableParentView]="scrollableParentView"
         ></iqser-circle-button>
     </ng-container>
 </div>

apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/annotation-actions/annotation-actions.component.ts

@@ -8,7 +8,7 @@ import { UserService } from '@services/user.service';
 import { AnnotationReferencesService } from '../../services/annotation-references.service';
 import { MultiSelectService } from '../../services/multi-select.service';
 import { FilePreviewStateService } from '../../services/file-preview-state.service';
-import { HelpModeService } from '../../../../../../../../../../libs/common-ui/src';
+import { HelpModeService, ScrollableParentView, ScrollableParentViews } from '../../../../../../../../../../libs/common-ui/src';
 
 export const AnnotationButtonTypes = {
     dark: 'dark',
@@ -115,6 +115,10 @@ export class AnnotationActionsComponent implements OnChanges {
         this.annotationActionsService.cancelResize($event, this.viewer, this.annotations[0], this.annotationsChanged);
     }
 
+    get scrollableParentView(): ScrollableParentView {
+        return ScrollableParentViews.ANNOTATIONS_LIST;
+    }
+
     private async _setPermissions() {
         const dossier = await this._state.dossier;
         this.annotationPermissions = AnnotationPermissions.forUser(

apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/file-workload/file-workload.component.html

@@ -161,6 +161,7 @@
                 class="annotations"
                 iqserHasScrollbar
                 tabindex="1"
+                id="annotations-list"
             >
                 <ng-container *ngIf="activeViewerPage && !displayedAnnotations.get(activeViewerPage)?.length">
                     <iqser-empty-state

apps/red-ui/src/app/modules/shared/components/expandable-file-actions/expandable-file-actions.component.html

@@ -11,7 +11,7 @@
         [tooltip]="btn.tooltip | translate"
         [type]="btn.buttonType || buttonType"
         [iqserHelpMode]="helpModeKey"
-        [isVirtualScrollElement]="isVirtualScrolElement"
+        [scrollableParentView]="scrollableParentView"
     ></iqser-circle-button>
 
     <!-- download redacted file-->
@@ -22,7 +22,7 @@
         [tooltipPosition]="tooltipPosition"
         [type]="buttonType"
         [iqserHelpMode]="helpModeKey"
-        [isVirtualScrollElement]="isVirtualScrolElement"
+        [scrollableParentView]="scrollableParentView"
     ></redaction-file-download-btn>
 
     <!-- exclude from redaction -->
@@ -36,7 +36,7 @@
             [matTooltip]="btn.tooltip | translate"
             [ngClass]="btn.class"
             [iqserHelpMode]="helpModeKey"
-            [isVirtualScrollElement]="isVirtualScrolElement"
+            [scrollableParentView]="scrollableParentView"
             color="primary"
         ></mat-slide-toggle>
     </div>

apps/red-ui/src/app/modules/shared/components/expandable-file-actions/expandable-file-actions.component.ts

@@ -1,6 +1,6 @@
 import { ChangeDetectionStrategy, Component, Input, OnChanges, SimpleChanges } from '@angular/core';
 import { Action, ActionTypes, File } from '@red/domain';
-import { CircleButtonType, IqserTooltipPosition, Toaster } from '@iqser/common-ui';
+import { CircleButtonType, IqserTooltipPosition, ScrollableParentView, ScrollableParentViews, Toaster } from '@iqser/common-ui';
 import { marker as _ } from '@biesbjerg/ngx-translate-extract-marker';
 import { FileDownloadService } from '@upload-download/services/file-download.service';
 import { PermissionsService } from '@services/permissions.service';
@@ -64,7 +64,7 @@ export class ExpandableFileActionsComponent implements OnChanges {
         this._toaster.info(_('download-status.queued'));
     }
 
-    get isVirtualScrolElement(): boolean {
+    get scrollableParentView(): ScrollableParentView {
-        return this.helpModeKey === 'document_features';
+        return this.helpModeKey === 'document_features' ? ScrollableParentViews.VIRTUAL_SCROLL : undefined;
     }
 }

apps/red-ui/src/app/modules/shared/components/team-members/team-members.component.html

@@ -26,7 +26,7 @@
         [type]="circleButtonTypes.primary"
         class="member"
         icon="iqser:plus"
-        iqserHelpMode="edit_dossier_member"
+        iqserHelpMode="add_dossier_members"
     ></iqser-circle-button>
 </div>
 

apps/red-ui/src/assets/help-mode/links.json

@@ -161,12 +161,6 @@
     "it": "",
     "fr": ""
   },
-  "scroll_up_and_down": {
-    "en": "",
-    "de": "",
-    "it": "",
-    "fr": ""
-  },
   "delete_document_filter": {
     "en": "/en/index-en.html?contextId=delete_document_filter",
     "de": "",
@@ -208,5 +202,35 @@
     "de": "",
     "it": "",
     "fr": ""
+  },
+  "open_dictionary": {
+    "en": "/en/index-en.html?contextId=open_dictionary",
+    "de": "",
+    "it": "",
+    "fr": ""
+  },
+  "edit_dossier_attributes": {
+    "en": "/en/index-en.html?contextId=edit_dossier_attributes",
+    "de": "",
+    "it": "",
+    "fr": ""
+  },
+  "add_dossier_members": {
+    "en": "/en/index-en.html?contextId=add_dossier_members",
+    "de": "",
+    "it": "",
+    "fr": ""
+  },
+  "dossiers_scroll_up_and_down": {
+    "en": "/en/index-en.html?contextId=dossiers_scroll_up_and_down",
+    "de": "",
+    "it": "",
+    "fr": ""
+  },
+  "documents_scroll_up_and_down": {
+    "en": "/en/index-en.html?contextId=documents_scroll_up_and_down",
+    "de": "",
+    "it": "",
+    "fr": ""
   }
 }

libs/common-ui

@@ -1 +1 @@
-Subproject commit 9b6a1b79db607bf4cb679fb1139414985c2f0b6d
+Subproject commit b4460732f80c3c7036ffca6aa5a876a3a91b56eb