From 9c510f2335ad242b2457d1e87feb8c35f68546e7 Mon Sep 17 00:00:00 2001
From: Valentin Mihai <valentin@devplant.ro>
Date: Thu, 20 Apr 2023 18:40:41 +0300
Subject: [PATCH] RED-6552 - HelpMode links for Workflow view

---
 .../workflow-item/workflow-item.component.html    | 11 +++++++++--
 .../workflow-item/workflow-item.component.scss    | 15 +++++++++------
 .../workflow-item/workflow-item.component.ts      |  6 +++---
 libs/common-ui                                    |  2 +-
 4 files changed, 22 insertions(+), 12 deletions(-)

diff --git a/apps/red-ui/src/app/modules/dossier-overview/components/workflow-item/workflow-item.component.html b/apps/red-ui/src/app/modules/dossier-overview/components/workflow-item/workflow-item.component.html
index d96e0a42d..fe8e116db 100644
--- a/apps/red-ui/src/app/modules/dossier-overview/components/workflow-item/workflow-item.component.html
+++ b/apps/red-ui/src/app/modules/dossier-overview/components/workflow-item/workflow-item.component.html
@@ -1,7 +1,13 @@
-<div class="workflow-item">
+<div class="workflow-item" [class.help-mode-active]="helpModeService?.isHelpModeActive$ | async">
     <div class="details-wrapper">
         <div class="details">
-            <div [matTooltip]="file.filename" [routerLink]="file.routerLink | tenant" class="filename pointer" matTooltipPosition="above">
+            <div
+                [matTooltip]="file.filename"
+                [routerLink]="file.routerLink | tenant"
+                [attr.help-mode-key]="'workflow_view'"
+                class="filename pointer"
+                matTooltipPosition="above"
+            >
                 {{ file.filename }}
             </div>
 
@@ -29,6 +35,7 @@
                 [dossier]="dossier"
                 [file]="file"
                 [maxWidth]="width"
+                [attr.help-mode-key]="'workflow_view'"
                 type="dossier-overview-workflow"
             ></redaction-file-actions>
         </div>
diff --git a/apps/red-ui/src/app/modules/dossier-overview/components/workflow-item/workflow-item.component.scss b/apps/red-ui/src/app/modules/dossier-overview/components/workflow-item/workflow-item.component.scss
index 80fd48faa..27dc1f26e 100644
--- a/apps/red-ui/src/app/modules/dossier-overview/components/workflow-item/workflow-item.component.scss
+++ b/apps/red-ui/src/app/modules/dossier-overview/components/workflow-item/workflow-item.component.scss
@@ -7,8 +7,15 @@
         text-decoration: underline;
     }
 
-    &:hover redaction-file-actions {
-        display: initial;
+    redaction-file-actions {
+        display: none;
+    }
+
+    &:hover,
+    &.help-mode-active {
+        redaction-file-actions {
+            display: initial;
+        }
     }
 
     .attribute {
@@ -66,7 +73,3 @@ redaction-file-workload {
     overflow: hidden;
     flex: 1;
 }
-
-redaction-file-actions:not(.keep-visible) {
-    display: none;
-}
diff --git a/apps/red-ui/src/app/modules/dossier-overview/components/workflow-item/workflow-item.component.ts b/apps/red-ui/src/app/modules/dossier-overview/components/workflow-item/workflow-item.component.ts
index f2a7488d8..525ada944 100644
--- a/apps/red-ui/src/app/modules/dossier-overview/components/workflow-item/workflow-item.component.ts
+++ b/apps/red-ui/src/app/modules/dossier-overview/components/workflow-item/workflow-item.component.ts
@@ -1,6 +1,6 @@
-import { ChangeDetectorRef, Component, ElementRef, Input, OnInit, ViewChild } from '@angular/core';
+import { ChangeDetectorRef, Component, ElementRef, Input, OnInit, Optional, ViewChild } from '@angular/core';
 import { Dossier, File, IFileAttributeConfig } from '@red/domain';
-import { Debounce } from '@iqser/common-ui';
+import { Debounce, HelpModeService } from '@iqser/common-ui';
 
 @Component({
     selector: 'redaction-workflow-item [file] [dossier] [displayedAttributes]',
@@ -15,7 +15,7 @@ export class WorkflowItemComponent implements OnInit {
 
     @ViewChild('actionsWrapper', { static: true }) private _actionsWrapper: ElementRef;
 
-    constructor(private readonly _changeRef: ChangeDetectorRef) {}
+    constructor(private readonly _changeRef: ChangeDetectorRef, @Optional() readonly helpModeService: HelpModeService) {}
 
     ngOnInit(): void {
         const _observer = new ResizeObserver((entries: ResizeObserverEntry[]) => {
diff --git a/libs/common-ui b/libs/common-ui
index 77a84882c..b024e3ef0 160000
--- a/libs/common-ui
+++ b/libs/common-ui
@@ -1 +1 @@
-Subproject commit 77a84882cc7e5a44a35363cc779e2788acc6755a
+Subproject commit b024e3ef0b2347a8c3e1e5e511c9a858b8f4989c