diff --git a/src-ui/src/app/components/dashboard/widgets/upload-file-widget/upload-file-widget.component.html b/src-ui/src/app/components/dashboard/widgets/upload-file-widget/upload-file-widget.component.html index a9658bcf7..45d63264a 100644 --- a/src-ui/src/app/components/dashboard/widgets/upload-file-widget/upload-file-widget.component.html +++ b/src-ui/src/app/components/dashboard/widgets/upload-file-widget/upload-file-widget.component.html @@ -1,12 +1,12 @@ - +
- +
diff --git a/src-ui/src/app/components/dashboard/widgets/upload-file-widget/upload-file-widget.component.scss b/src-ui/src/app/components/dashboard/widgets/upload-file-widget/upload-file-widget.component.scss index 5e404bb8e..b37606ff3 100644 --- a/src-ui/src/app/components/dashboard/widgets/upload-file-widget/upload-file-widget.component.scss +++ b/src-ui/src/app/components/dashboard/widgets/upload-file-widget/upload-file-widget.component.scss @@ -23,15 +23,6 @@ form { } } -.dismiss-all { - transition: opacity 0.2s ease; - opacity: 0; -} - -.has-multiple-status .dismiss-all { - opacity: 1; -} - ::ng-deep .progress { position: absolute; top: 0; diff --git a/src-ui/src/app/components/dashboard/widgets/upload-file-widget/upload-file-widget.component.ts b/src-ui/src/app/components/dashboard/widgets/upload-file-widget/upload-file-widget.component.ts index 1c5ed5438..a6870e0e7 100644 --- a/src-ui/src/app/components/dashboard/widgets/upload-file-widget/upload-file-widget.component.ts +++ b/src-ui/src/app/components/dashboard/widgets/upload-file-widget/upload-file-widget.component.ts @@ -32,6 +32,9 @@ export class UploadFileWidgetComponent implements OnInit { return this.consumerStatusService.getConsumerStatus(FileStatusPhase.UPLOADING) } + getStatusCompleted() { + return this.consumerStatusService.getConsumerStatusCompleted() + } getTotalUploadProgress() { let current = 0 let max = 0 diff --git a/src-ui/src/app/services/consumer-status.service.ts b/src-ui/src/app/services/consumer-status.service.ts index feb04f3d6..c2169d51f 100644 --- a/src-ui/src/app/services/consumer-status.service.ts +++ b/src-ui/src/app/services/consumer-status.service.ts @@ -97,6 +97,10 @@ export class ConsumerStatusService { } } + getConsumerStatusCompleted() { + return this.consumerStatus.filter(s => s.phase == FileStatusPhase.FAILED || s.phase == FileStatusPhase.SUCCESS) + } + connect() { this.disconnect() this.statusWebSocked = new WebSocket("ws://localhost:8000/ws/status/");