From 3898526e23391ec9f8a7029ea4555dce572f05ac Mon Sep 17 00:00:00 2001
From: Timo <timo@devplant.ro>
Date: Wed, 18 Nov 2020 21:27:33 +0200
Subject: [PATCH] added download redacted

---
 .../file-actions/file-actions.component.html       | 11 +++++++++++
 .../common/file-actions/file-actions.component.ts  | 14 ++++++++++++--
 .../src/app/common/service/permissions.service.ts  |  7 +++++++
 .../needs-work-badge.component.html                |  2 +-
 apps/red-ui/src/assets/i18n/en.json                |  1 +
 5 files changed, 32 insertions(+), 3 deletions(-)

diff --git a/apps/red-ui/src/app/common/file-actions/file-actions.component.html b/apps/red-ui/src/app/common/file-actions/file-actions.component.html
index b764f5d9d..411c2c36b 100644
--- a/apps/red-ui/src/app/common/file-actions/file-actions.component.html
+++ b/apps/red-ui/src/app/common/file-actions/file-actions.component.html
@@ -53,6 +53,17 @@
         </button>
     </div>
 
+    <button
+        (click)="downloadFile($event, fileStatus)"
+        *ngIf="permissionsService.canDownloadRedactedFile(fileStatus)"
+        [matTooltipPosition]="tooltipPosition"
+        [matTooltip]="'project-overview.download-redacted-file' | translate"
+        color="accent"
+        mat-icon-button
+    >
+        <mat-icon svgIcon="red:download"></mat-icon>
+    </button>
+
     <button
         (click)="setFileApproved($event, fileStatus)"
         *ngIf="permissionsService.canApprove(fileStatus)"
diff --git a/apps/red-ui/src/app/common/file-actions/file-actions.component.ts b/apps/red-ui/src/app/common/file-actions/file-actions.component.ts
index f3e5a7d42..60deaecc9 100644
--- a/apps/red-ui/src/app/common/file-actions/file-actions.component.ts
+++ b/apps/red-ui/src/app/common/file-actions/file-actions.component.ts
@@ -1,9 +1,11 @@
-import { Component, EventEmitter, Input, OnInit, Output, ViewChild } from '@angular/core';
+import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { PermissionsService } from '../service/permissions.service';
 import { FileStatusWrapper } from '../../screens/file/model/file-status.wrapper';
 import { DialogService } from '../../dialogs/dialog.service';
 import { AppStateService } from '../../state/app-state.service';
 import { FileActionService } from '../../screens/file/service/file-action.service';
+import { FileDownloadService } from '../../screens/file/service/file-download.service';
+import { saveAs } from 'file-saver';
 
 @Component({
     selector: 'redaction-file-actions',
@@ -20,7 +22,8 @@ export class FileActionsComponent implements OnInit {
         public readonly permissionsService: PermissionsService,
         public readonly appStateService: AppStateService,
         private readonly _dialogService: DialogService,
-        private readonly _fileActionService: FileActionService
+        private readonly _fileActionService: FileActionService,
+        private readonly _fileDownloadService: FileDownloadService
     ) {}
 
     ngOnInit(): void {
@@ -91,4 +94,11 @@ export class FileActionsComponent implements OnInit {
             this.actionPerformed.emit(action);
         });
     }
+
+    downloadFile($event: MouseEvent, fileStatus: FileStatusWrapper) {
+        $event.stopPropagation();
+        this._fileDownloadService.loadFile('REDACTED', fileStatus).subscribe((data) => {
+            saveAs(data, fileStatus.filename);
+        });
+    }
 }
diff --git a/apps/red-ui/src/app/common/service/permissions.service.ts b/apps/red-ui/src/app/common/service/permissions.service.ts
index 12f6ede12..69cf2cca2 100644
--- a/apps/red-ui/src/app/common/service/permissions.service.ts
+++ b/apps/red-ui/src/app/common/service/permissions.service.ts
@@ -182,4 +182,11 @@ export class PermissionsService {
             (fileStatus.status === 'UNDER_REVIEW' && this.isFileReviewer(fileStatus)) || (fileStatus.status === 'UNDER_APPROVAL' && this.isManagerAndOwner())
         );
     }
+
+    canDownloadRedactedFile(fileStatus: FileStatusWrapper) {
+        if (!fileStatus) {
+            fileStatus = this._appStateService.activeFile;
+        }
+        return fileStatus.status === 'APPROVED' && this.isManagerAndOwner();
+    }
 }
diff --git a/apps/red-ui/src/app/screens/common/needs-work-badge/needs-work-badge.component.html b/apps/red-ui/src/app/screens/common/needs-work-badge/needs-work-badge.component.html
index 1f21c65bb..a7deff190 100644
--- a/apps/red-ui/src/app/screens/common/needs-work-badge/needs-work-badge.component.html
+++ b/apps/red-ui/src/app/screens/common/needs-work-badge/needs-work-badge.component.html
@@ -1,6 +1,6 @@
 <div class="needs-work">
     <redaction-annotation-icon *ngIf="reanalysisRequired()" type="square" label="A" color="#dd4d50"></redaction-annotation-icon>
     <redaction-annotation-icon *ngIf="needsWorkInput.hasRedactions" type="square" label="R" color="#283241"></redaction-annotation-icon>
-    <redaction-annotation-icon *ngIf="needsWorkInput.hintsOnly" type="round" label="H" color="#9398a0"></redaction-annotation-icon>
+    <redaction-annotation-icon *ngIf="needsWorkInput.hintsOnly || true" type="circle" label="H" color="#9398a0"></redaction-annotation-icon>
     <redaction-annotation-icon *ngIf="needsWorkInput.hasRequests" type="rhombus" label="S" [color]="suggestionColor"></redaction-annotation-icon>
 </div>
diff --git a/apps/red-ui/src/assets/i18n/en.json b/apps/red-ui/src/assets/i18n/en.json
index ba279d458..6adb49250 100644
--- a/apps/red-ui/src/assets/i18n/en.json
+++ b/apps/red-ui/src/assets/i18n/en.json
@@ -142,6 +142,7 @@
         "members": "Members"
     },
     "project-overview": {
+        "download-redacted-file": "Download Redacted File",
         "under-approval": "For Approval",
         "approve": "Approve",
         "under-review": "Under Review",