From 763ce5d28b973f21fbb35bd888d9ad8ea43797b1 Mon Sep 17 00:00:00 2001
From: Tzahi12345 <tzahi2@hotmail.com>
Date: Sat, 1 Apr 2023 03:14:17 -0400
Subject: [PATCH] Added ability to download archives from the archive viewer

---
 .../archive-viewer/archive-viewer.component.html  | 15 +++++++++------
 .../archive-viewer/archive-viewer.component.scss  | 12 +++++++++++-
 .../archive-viewer/archive-viewer.component.ts    |  7 +++++++
 3 files changed, 27 insertions(+), 7 deletions(-)

diff --git a/src/app/components/archive-viewer/archive-viewer.component.html b/src/app/components/archive-viewer/archive-viewer.component.html
index 93f1978..a25f151 100644
--- a/src/app/components/archive-viewer/archive-viewer.component.html
+++ b/src/app/components/archive-viewer/archive-viewer.component.html
@@ -72,17 +72,20 @@
   <h4 style="text-align: center; margin-top: 10px;" i18n="Archives empty">Archives empty</h4>
 </div>
 
-<div style="margin: 10px 10px 10px 0px;">
-  <button [disabled]="selection.selected.length === 0" color="warn" style="margin: 10px;" mat-stroked-button i18n="Delete selected" (click)="openDeleteSelectedArchivesDialog()">Delete selected</button>
-  <span style="float: right">
-    <mat-form-field style="width: 150px;">
+<div style="margin: 10px 10px 10px 0px; display: flex;">
+  <span style="flex-grow: 1;" class="flex-items">
+    <button [disabled]="selection.selected.length === 0" color="warn" style="margin: 10px;" mat-stroked-button i18n="Delete selected" (click)="openDeleteSelectedArchivesDialog()">Delete selected</button>
+  </span>
+  <span class="flex-items">
+    <button [disabled]="!(archives && archives.length > 0)" (click)="downloadArchive()" mat-stroked-button i18n="Download archive">Download archive</button>
+    <mat-form-field style="width: 150px; margin-bottom: -1.25em; margin-left: 10px;">
       <mat-label i18n="Subscription">Subscription</mat-label>
       <mat-select [ngModel]="sub_id" (ngModelChange)="subFilterSelectionChanged($event)">
         <mat-option [value]="'none'" i18n="None">None</mat-option>
         <mat-option *ngFor="let sub of postsService.subscriptions" [value]="sub.id">{{sub.name}}</mat-option>
       </mat-select>
     </mat-form-field>
-    <mat-form-field style="width: 100px; margin-left: 10px;">
+    <mat-form-field style="width: 100px; margin-bottom: -1.25em; margin-left: 10px;">
       <mat-label i18n="File type">File type</mat-label>
       <mat-select [ngModel]="type" (ngModelChange)="typeFilterSelectionChanged($event)" [disabled]="sub_id !== 'none'">
         <mat-option [value]="'both'" i18n="Both">Both</mat-option>
@@ -93,7 +96,7 @@
   </span>
 </div>
 
-<div>
+<div class="file-drop-parent">
   <ngx-file-drop [multiple]="false" accept=".txt" dropZoneLabel="Drop file here" (onFileDrop)="dropped($event)">
       <ng-template class="file-drop" ngx-file-drop-content-tmp let-openFileSelector="openFileSelector">
           <div style="text-align: center">
diff --git a/src/app/components/archive-viewer/archive-viewer.component.scss b/src/app/components/archive-viewer/archive-viewer.component.scss
index 6f7245b..fcc056c 100644
--- a/src/app/components/archive-viewer/archive-viewer.component.scss
+++ b/src/app/components/archive-viewer/archive-viewer.component.scss
@@ -29,4 +29,14 @@
     width: 100%;
     top: -12px;
     position: relative;
-}
\ No newline at end of file
+}
+
+.file-drop-parent {
+    padding: 0px 10px 0px 10px;
+}
+
+.flex-items {
+    display: flex;
+    align-items: center;
+}
+
diff --git a/src/app/components/archive-viewer/archive-viewer.component.ts b/src/app/components/archive-viewer/archive-viewer.component.ts
index cb01169..500c6f8 100644
--- a/src/app/components/archive-viewer/archive-viewer.component.ts
+++ b/src/app/components/archive-viewer/archive-viewer.component.ts
@@ -139,6 +139,13 @@ export class ArchiveViewerComponent {
     }
   }
 
+  downloadArchive(): void {
+    this.postsService.downloadArchive(this.type === 'both' ? null : this.type, this.sub_id === 'none' ? null : this.sub_id).subscribe(res => {
+      const blob: Blob = res;
+      saveAs(blob, 'archive.txt');
+    });
+  }
+
   openDeleteSelectedArchivesDialog(): void {
     const dialogRef = this.dialog.open(ConfirmDialogComponent, {
       data: {