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

Added processing indicator to file preview

Browse Source
This commit is contained in:
Adina Țeudan 2021-11-25 23:27:20 +02:00
parent f56fc7d8cf
commit 59014c4dd0
6 changed files with 13 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/red-ui/src/app/modules/dossier/screens/dossier-overview/components/table-item/table-item.component.html
View File

@ -39,7 +39,7 @@
<div *ngIf="file.isPending" class="small-label" translate="dossier-overview.file-listing.file-entry.file-pending"></div>
<div *ngIf="file.isProcessing || file.canBeOpened" class="status-wrapper">
<div *ngIf="file.isProcessing" [matTooltip]="'file-status.processing' | translate" class="spinning" matTooltipPosition="above">
<div *ngIf="file.isProcessing" [matTooltip]="'file-status.processing' | translate" class="spinning-icon" matTooltipPosition="above">
<mat-icon svgIcon="red:reanalyse"></mat-icon>
</div>

6
apps/red-ui/src/app/modules/dossier/screens/dossier-overview/components/table-item/table-item.component.scss
View File

@ -20,11 +20,5 @@
> *:not(:last-child) {
margin-right: 16px;
}
.spinning > mat-icon {
height: 10px;
width: 10px;
opacity: 0.5;
}
}
}

9
apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/file-preview-screen.component.html
View File

@ -7,6 +7,15 @@
</div>
<div class="flex-1 actions-container">
<div
*ngIf="file.isProcessing"
class="spinning-icon mr-16"
matTooltip="{{ 'file-status.processing' | translate }}"
matTooltipPosition="above"
>
<mat-icon svgIcon="red:reanalyse"></mat-icon>
</div>
<redaction-user-management [dossier]="dossier" [file]="file"></redaction-user-management>
<ng-container *ngIf="permissionsService.isApprover(dossier) && !!file.lastReviewer">

2
apps/red-ui/src/app/modules/dossier/shared/components/file-actions/file-actions.component.html
View File

@ -2,7 +2,7 @@
<ng-container *ngTemplateOutlet="actions"></ng-container>
<div
*ngIf="showStatusBar && file.isProcessing"
class="spinning"
class="spinning-icon"
matTooltip="{{ 'file-status.processing' | translate }}"
matTooltipPosition="above"
>

8
apps/red-ui/src/app/modules/dossier/shared/components/file-actions/file-actions.component.scss
View File

@ -35,12 +35,6 @@ mat-slide-toggle {
margin-right: 5px;
}
.spinning {
.spinning-icon {
margin: 0 12px 0 11px;
> mat-icon {
height: 10px;
width: 10px;
opacity: 0.5;
}
}

2
libs/common-ui

@ -1 +1 @@
Subproject commit d58cfd543ba2fcd16cc09012c579a73ccbf8cc60
Subproject commit c8d50f0ef9652ac74fe3e87e1a2c303cde58af04