From fba959c6aa677f6bc0abff7ade770e457b3abe9a Mon Sep 17 00:00:00 2001
From: Valentin Mihai <Valentin-Gabriel.Mihai.ext@knecon.com>
Date: Wed, 31 Jan 2024 17:07:59 +0200
Subject: [PATCH] RED-8251, RED-8246, RED-8345 - help mode updates

---
 .../dossier-details.component.html            |  4 +--
 .../file-attribute.component.html             |  2 +-
 .../file-attribute.component.scss             |  2 +-
 .../view-mode-selection.component.html        |  2 +-
 .../dossiers-listing-details.component.html   |  2 +-
 .../edit-redaction-dialog.component.ts        |  2 +-
 .../file-actions/file-actions.component.ts    |  1 +
 .../file-name-column.component.html           |  2 +-
 .../src/assets/help-mode/help-mode-keys.json  | 33 ++++++++++---------
 9 files changed, 27 insertions(+), 23 deletions(-)

diff --git a/apps/red-ui/src/app/modules/dossier-overview/components/dossier-details/dossier-details.component.html b/apps/red-ui/src/app/modules/dossier-overview/components/dossier-details/dossier-details.component.html
index 16cb0ec45..600137940 100644
--- a/apps/red-ui/src/app/modules/dossier-overview/components/dossier-details/dossier-details.component.html
+++ b/apps/red-ui/src/app/modules/dossier-overview/components/dossier-details/dossier-details.component.html
@@ -44,7 +44,7 @@
                 (subtitleChanged)="onSubtitleChanged($event)"
                 [config]="chartConfig"
                 [filterKey]="'statusFilters'"
-                [helpModeKey]="'filter_document_list'"
+                [helpModeKey]="'dashboard_in_dossier'"
                 [radius]="63"
                 [strokeWidth]="15"
                 [subtitles]="[
@@ -60,7 +60,7 @@
             <iqser-progress-bar
                 *ngFor="let config of statusConfig"
                 [config]="config"
-                [attr.help-mode-key]="'document_upload'"
+                [attr.help-mode-key]="'dashboard_in_dossier'"
                 filterKey="processingTypeFilters"
             ></iqser-progress-bar>
         </div>
diff --git a/apps/red-ui/src/app/modules/dossier-overview/components/file-attribute/file-attribute.component.html b/apps/red-ui/src/app/modules/dossier-overview/components/file-attribute/file-attribute.component.html
index f34532e33..76e0fc659 100644
--- a/apps/red-ui/src/app/modules/dossier-overview/components/file-attribute/file-attribute.component.html
+++ b/apps/red-ui/src/app/modules/dossier-overview/components/file-attribute/file-attribute.component.html
@@ -35,7 +35,7 @@
             <div
                 (click)="editFileAttribute($event)"
                 *ngIf="!isInEditMode; else input"
-                [attr.help-mode-key]="'edit-file-attributes'"
+                [attr.help-mode-key]="'edit_file_attributes'"
                 [class.help-mode-button]="helpModeService.isHelpModeActive$ | async"
                 [ngClass]="{ 'workflow-edit-button': mode === 'workflow', 'action-buttons edit-button': !fileNameColumn }"
             >
diff --git a/apps/red-ui/src/app/modules/dossier-overview/components/file-attribute/file-attribute.component.scss b/apps/red-ui/src/app/modules/dossier-overview/components/file-attribute/file-attribute.component.scss
index ffaddfbc1..a30efe876 100644
--- a/apps/red-ui/src/app/modules/dossier-overview/components/file-attribute/file-attribute.component.scss
+++ b/apps/red-ui/src/app/modules/dossier-overview/components/file-attribute/file-attribute.component.scss
@@ -63,7 +63,7 @@
     .help-mode-button {
         background-color: var(--iqser-grey-6);
         width: 90%;
-        height: 50%;
+        height: 30%;
         border-radius: 4px;
         position: absolute;
         margin-left: -10px;
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 7088f86b9..4f5915a37 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_features_in_dossier_view'"
+        [attr.help-mode-key]="'document_list'"
         icon="iqser:list"
     ></iqser-circle-button>
 
diff --git a/apps/red-ui/src/app/modules/dossiers-listing/components/dossiers-listing-details/dossiers-listing-details.component.html b/apps/red-ui/src/app/modules/dossiers-listing/components/dossiers-listing-details/dossiers-listing-details.component.html
index 3c61d6076..66cb7aca3 100644
--- a/apps/red-ui/src/app/modules/dossiers-listing/components/dossiers-listing-details/dossiers-listing-details.component.html
+++ b/apps/red-ui/src/app/modules/dossiers-listing/components/dossiers-listing-details/dossiers-listing-details.component.html
@@ -29,7 +29,7 @@
 <div class="right-chart">
     <redaction-donut-chart
         [config]="documentsChartConfig$ | async"
-        [helpModeKey]="'filter_dossier_list'"
+        [helpModeKey]="'dashboard_in_dossier_template'"
         [radius]="80"
         [strokeWidth]="15"
         [subtitles]="['dossier-template-stats.total-documents' | translate]"
diff --git a/apps/red-ui/src/app/modules/file-preview/dialogs/edit-redaction-dialog/edit-redaction-dialog.component.ts b/apps/red-ui/src/app/modules/file-preview/dialogs/edit-redaction-dialog/edit-redaction-dialog.component.ts
index 4f81341c3..a888e66e4 100644
--- a/apps/red-ui/src/app/modules/file-preview/dialogs/edit-redaction-dialog/edit-redaction-dialog.component.ts
+++ b/apps/red-ui/src/app/modules/file-preview/dialogs/edit-redaction-dialog/edit-redaction-dialog.component.ts
@@ -29,7 +29,7 @@ export class EditRedactionDialogComponent
     readonly #applyToAllDossiers = this.data.applyToAllDossiers;
     readonly annotations = this.data.annotations;
     readonly iconButtonTypes = IconButtonTypes;
-
+    readonly editRedactionLabelsTranslations = editRedactionLabelsTranslations;
     readonly isModifyDictionary = this.annotations.every(annotation => annotation.isModifyDictionary);
     readonly isImage = this.annotations.reduce((acc, next) => acc && next.isImage, true);
     readonly redactedTexts = !this.isImage ? this.annotations.map(annotation => annotation.value).filter(value => !!value) : null;
diff --git a/apps/red-ui/src/app/modules/shared-dossiers/components/file-actions/file-actions.component.ts b/apps/red-ui/src/app/modules/shared-dossiers/components/file-actions/file-actions.component.ts
index 878f56a19..dfbfbf08d 100644
--- a/apps/red-ui/src/app/modules/shared-dossiers/components/file-actions/file-actions.component.ts
+++ b/apps/red-ui/src/app/modules/shared-dossiers/components/file-actions/file-actions.component.ts
@@ -147,6 +147,7 @@ export class FileActionsComponent implements OnChanges {
                 tooltip: _('dossier-overview.import-redactions'),
                 icon: 'red:import_redactions',
                 show: this.showImportRedactions && !this._iqserPermissionsService.has(Roles.getRss),
+                helpModeKey: 'import_redactions',
             },
             {
                 id: 'download-file-btn',
diff --git a/apps/red-ui/src/app/modules/shared/components/file-name-column/file-name-column.component.html b/apps/red-ui/src/app/modules/shared/components/file-name-column/file-name-column.component.html
index 1ef205e51..3d84cb5d8 100644
--- a/apps/red-ui/src/app/modules/shared/components/file-name-column/file-name-column.component.html
+++ b/apps/red-ui/src/app/modules/shared/components/file-name-column/file-name-column.component.html
@@ -1,7 +1,7 @@
 <ng-container *ngIf="componentContext$ | async as ctx">
     <div>
         <div
-            [attr.help-mode-key]="'document_in_editor'"
+            [attr.help-mode-key]="'document_list'"
             [class.error]="file.isError"
             [class.initial-processing]="file.isInitialProcessing || (ocrByDefault && !file.lastOCRTime)"
             [matTooltip]="file.filename"
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 f6769827e..9aee6a98a 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
@@ -1,8 +1,4 @@
 [
-  {
-    "elementKey": "document_features_in_dossier_view",
-    "documentKey": "document_features_in_dossier"
-  },
   {
     "elementKey": "document_features_in_dossier",
     "documentKey": "document_features_in_dossier",
@@ -19,8 +15,8 @@
     "overlappingElements": ["USER_MENU"]
   },
   {
-    "elementKey": "filter_document_list",
-    "documentKey": "filter_document_list"
+    "elementKey": "dashboard_in_dossier_template",
+    "documentKey": "dashboard_in_dossier_template"
   },
   {
     "elementKey": "filter_dossier_list",
@@ -63,7 +59,8 @@
   },
   {
     "elementKey": "document_list",
-    "documentKey": "document_list"
+    "documentKey": "document_list",
+    "scrollableParentView": "VIRTUAL_SCROLL"
   },
   {
     "elementKey": "edit_dossier_dossier_info",
@@ -190,10 +187,6 @@
     "elementKey": "workflow_view",
     "documentKey": "workflow_view"
   },
-  {
-    "elementKey": "document_upload",
-    "documentKey": "document_upload"
-  },
   {
     "elementKey": "help_mode",
     "documentKey": "help_mode"
@@ -205,8 +198,8 @@
     "overlappingElements": ["BREADCRUMBS_MENU"]
   },
   {
-    "elementKey": "document_in_editor",
-    "documentKey": "document_in_editor",
+    "elementKey": "document_list",
+    "documentKey": "document_list",
     "scrollableParentView": "VIRTUAL_SCROLL"
   },
   {
@@ -407,8 +400,9 @@
     "overlappingElements": ["USER_MENU"]
   },
   {
-    "elementKey": "edit-file-attributes",
-    "documentKey": "document_list"
+    "elementKey": "edit_file_attributes",
+    "documentKey": "document_list",
+    "scrollableParentView": "VIRTUAL_SCROLL"
   },
   {
     "elementKey": "active_archived_dossiers",
@@ -620,5 +614,14 @@
   {
     "elementKey": "component_download",
     "documentKey": "component_download"
+  },
+  {
+    "elementKey": "dossier_import_redactions",
+    "documentKey": "dossier_import_redactions",
+    "scrollableParentView": "VIRTUAL_SCROLL"
+  },
+  {
+    "elementKey": "editor_import_redactions",
+    "documentKey": "editor_import_redactions"
   }
 ]