Marmelator/red-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1.4k Wiki Activity

RED-6552 - HelpMode links for Workflow view

Browse Source
This commit is contained in:
Valentin Mihai 2023-04-20 18:40:41 +03:00
parent 421e26a922
commit 9c510f2335
4 changed files with 22 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
apps/red-ui/src/app/modules/dossier-overview/components/workflow-item/workflow-item.component.html
View File

@ -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>

15
apps/red-ui/src/app/modules/dossier-overview/components/workflow-item/workflow-item.component.scss
View File

@ -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;
}

6
apps/red-ui/src/app/modules/dossier-overview/components/workflow-item/workflow-item.component.ts
View File

@ -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[]) => {

2
libs/common-ui

@ -1 +1 @@
Subproject commit 77a84882cc7e5a44a35363cc779e2788acc6755a
Subproject commit b024e3ef0b2347a8c3e1e5e511c9a858b8f4989c