RED-4649 - Create new app keys for help mode for the user manual

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

@@ -36,7 +36,7 @@
         <span>{{ dossierTemplateName }} </span>
     </div>
 
-    <div (click)="openEditDossierDialog('dossierDictionary')" [iqserHelpMode]="'edit_dossier_dictionary'" class="link-property">
+    <div (click)="openEditDossierDialog('dossierDictionary')" [iqserHelpMode]="'edit_dossier_dossier_dictionary'" class="link-property">
         <mat-icon svgIcon="red:dictionary"></mat-icon>
         <span>{{ 'dossier-overview.dossier-details.dictionary' | translate }} </span>
     </div>

apps/red-ui/src/app/modules/dossier-overview/screen/dossier-overview-screen.component.html

@@ -25,6 +25,7 @@
                     [tableColumnConfigs]="tableColumnConfigs"
                     [tableItemClasses]="{ disabled: disabledFn, 'last-opened': lastOpenedFn }"
                     [helpModeKey]="'document'"
+                    [headerHelpModeKey]="'document_list'"
                 ></iqser-table>
 
                 <iqser-workflow

apps/red-ui/src/app/modules/dossiers-listing/screen/dossiers-listing-screen.component.html

@@ -19,6 +19,7 @@
                 [noMatchText]="'dossier-listing.no-match.title' | translate"
                 [showNoDataButton]="permissionsService.canCreateDossier(dossierTemplate)"
                 [tableColumnConfigs]="tableColumnConfigs"
+                [headerHelpModeKey]="'dossier_list'"
                 noDataIcon="red:folder"
             ></iqser-table>
         </div>

apps/red-ui/src/app/modules/shared/components/dossier-name-column/dossier-name-column.component.html

@@ -1,4 +1,10 @@
-<div [matTooltip]="dossier.dossierName" class="table-item-title heading mb-6" matTooltipPosition="above">
+<div
+    [matTooltip]="dossier.dossierName"
+    class="table-item-title heading mb-6"
+    matTooltipPosition="above"
+    [iqserHelpMode]="'dossier'"
+    [scrollableParentView]="scrollableParentView"
+>
     {{ dossier.dossierName }}
 </div>
 

apps/red-ui/src/app/modules/shared/components/dossier-name-column/dossier-name-column.component.ts

@@ -1,7 +1,7 @@
 import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
 import { DossierStats, IDossier } from '@red/domain';
 import { DossierTemplatesService } from '@services/dossier-templates/dossier-templates.service';
-import { List } from '@iqser/common-ui';
+import { List, ScrollableParentView, ScrollableParentViews } from '@iqser/common-ui';
 import dayjs from 'dayjs';
 import { dateWithoutTime } from '@utils/functions';
 
@@ -35,6 +35,10 @@ export class DossierNameColumnComponent {
         return this._dueDateDaysDiff < 0;
     }
 
+    get scrollableParentView(): ScrollableParentView {
+        return ScrollableParentViews.VIRTUAL_SCROLL;
+    }
+
     private get _dueDateDaysDiff(): number {
         return dayjs(this.dossier.dueDate).diff(dateWithoutTime(dayjs()), 'day');
     }

apps/red-ui/src/app/modules/shared/components/file-name-column/file-name-column.component.html

@@ -3,6 +3,8 @@
         [class.error]="file.isError"
         [class.initial-processing]="file.isInitialProcessing"
         [matTooltip]="file.filename"
+        [iqserHelpMode]="'document_in_editor'"
+        [scrollableParentView]="scrollableParentView"
         class="table-item-title"
         matTooltipPosition="above"
     >

apps/red-ui/src/app/modules/shared/components/file-name-column/file-name-column.component.ts

@@ -1,6 +1,7 @@
 import { ChangeDetectionStrategy, Component, Input, OnChanges } from '@angular/core';
 import { PrimaryFileAttributeService } from '@services/primary-file-attribute.service';
 import { FileAttributes } from '@red/domain';
+import { ScrollableParentView, ScrollableParentViews } from '@iqser/common-ui';
 
 interface PartialFile {
     readonly isError: boolean;
@@ -29,4 +30,8 @@ export class FileNameColumnComponent implements OnChanges {
     ngOnChanges() {
         this.primaryAttribute = this._primaryFileAttributeService.getPrimaryFileAttributeValue(this.file, this.dossierTemplateId);
     }
+
+    get scrollableParentView(): ScrollableParentView {
+        return ScrollableParentViews.VIRTUAL_SCROLL;
+    }
 }

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

@@ -269,8 +269,8 @@
     "it": "",
     "fr": ""
   },
-  "edit_dossier_dictionary": {
+  "edit_dossier_dossier_dictionary": {
-    "en": "/en/index-en.html?contextId=edit_dossier_dictionary",
+    "en": "/en/index-en.html?contextId=edit_dossier_dossier_dictionary",
     "de": "",
     "it": "",
     "fr": ""
@@ -280,5 +280,23 @@
     "de": "",
     "it": "",
     "fr": ""
+  },
+  "dossier": {
+    "en": "/en/index-en.html?contextId=dossier",
+    "de": "",
+    "it": "",
+    "fr": ""
+  },
+  "document_in_editor": {
+    "en": "/en/index-en.html?contextId=document_in_editor",
+    "de": "",
+    "it": "",
+    "fr": ""
+  },
+  "dossier_list": {
+    "en": "/en/index-en.html?contextId=dossier_list",
+    "de": "",
+    "it": "",
+    "fr": ""
   }
 }

libs/common-ui

@@ -1 +1 @@
-Subproject commit ef1c9be50404c918746b7520b5efb0c9a85ae349
+Subproject commit ee7bba3d7286169deed0ba147d9db56fbcbe7bdb