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

RED-6428: Created help mode link for Edit file attribute.

Browse Source
This commit is contained in:
Nicoleta Panaghiu 2023-04-10 12:38:39 +03:00
parent 1a55fb7c91
commit 1cfa6acae5
3 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
apps/red-ui/src/app/modules/dossier-overview/components/table-item/file-attribute/file-attribute.component.html
View File

@ -5,13 +5,14 @@
</ng-template> </ng-template>
<ng-container *ngIf="((fileAttributesService.isEditingFileAttribute$ | async) === false || isInEditMode) && !file.isProcessing"> <ng-container *ngIf="((fileAttributesService.isEditingFileAttribute$ | async) === false || isInEditMode) && !file.isProcessing">
<div *ngIf="!isInEditMode; else input" class="edit-button"> <div *ngIf="!isInEditMode; else input" class="action-buttons edit-button">
<iqser-circle-button <iqser-circle-button
(action)="editFileAttribute($event)" (action)="editFileAttribute($event)"
*ngIf="permissionsService.canEditFileAttributes(file, dossier)" *ngIf="permissionsService.canEditFileAttributes(file, dossier)"
[disabled]="!fileAttribute.editable" [disabled]="!fileAttribute.editable"
[icon]="'iqser:edit'" [icon]="'iqser:edit'"
[tooltip]="'file-attribute.actions.edit' | translate" [tooltip]="'file-attribute.actions.edit' | translate"
[iqserHelpMode]="'edit-file-attributes'"
id="edit-attribute-button" id="edit-attribute-button"
></iqser-circle-button> ></iqser-circle-button>
</div> </div>

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

@ -6,26 +6,19 @@
.edit-button { .edit-button {
position: absolute; position: absolute;
display: none;
background: radial-gradient(var(--iqser-side-nav) 10%, rgba(244, 245, 247, 0) 60%);
height: 100%; height: 100%;
width: 150%; right: 10%;
transform: translate(-25%); width: 90%;
background: linear-gradient(to left, var(--iqser-side-nav) 20%, rgba(244, 245, 247, 0) 60%);
iqser-circle-button { iqser-circle-button {
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 50%; left: 80%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
} }
} }
&:hover {
.edit-button {
display: block;
}
}
.edit-input { .edit-input {
cursor: default; cursor: default;
display: flex; display: flex;

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

@ -526,5 +526,11 @@
"de": "", "de": "",
"it": "", "it": "",
"fr": "" "fr": ""
},
"edit-file-attributes": {
"en": "/en/index-en.html?contextId=document_list",
"de": "",
"it": "",
"fr": ""
} }
} }