Merge pull request #587 from PikuZheng/download-multi

Download multiple files from MeTube
alexta69 · Feb 7, 2025 · 2e0ff2b · 2e0ff2b
2 parents d437d95 + 4d145ba
commit 2e0ff2b
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 0 deletions.
diff --git a/ui/src/app/app.component.html b/ui/src/app/app.component.html
@@ -172,6 +172,7 @@
     <button type="button" class="btn btn-link text-decoration-none px-0 me-4" disabled #doneClearCompleted (click)="clearCompletedDownloads()"><fa-icon [icon]="faCheckCircle"></fa-icon>&nbsp; Clear completed</button>
     <button type="button" class="btn btn-link text-decoration-none px-0 me-4" disabled #doneClearFailed (click)="clearFailedDownloads()"><fa-icon [icon]="faTimesCircle"></fa-icon>&nbsp; Clear failed</button>
     <button type="button" class="btn btn-link text-decoration-none px-0 me-4" disabled #doneRetryFailed (click)="retryFailedDownloads()"><fa-icon [icon]="faRedoAlt"></fa-icon>&nbsp; Retry failed</button>
+    <button type="button" class="btn btn-link text-decoration-none px-0 me-4" disabled #doneDownloadSelected (click)="downloadSelectedFiles()"><fa-icon [icon]="faDownload"></fa-icon>&nbsp; Download Selected</button>
   </div>
   <div class="overflow-auto">
     <table class="table">

diff --git a/ui/src/app/app.component.ts b/ui/src/app/app.component.ts
@@ -39,6 +39,7 @@ export class AppComponent implements AfterViewInit {
   @ViewChild('doneClearCompleted') doneClearCompleted: ElementRef;
   @ViewChild('doneClearFailed') doneClearFailed: ElementRef;
   @ViewChild('doneRetryFailed') doneRetryFailed: ElementRef;
+  @ViewChild('doneDownloadSelected') doneDownloadSelected: ElementRef;
 
   faTrashAlt = faTrashAlt;
   faCheckCircle = faCheckCircle;
@@ -186,6 +187,7 @@ export class AppComponent implements AfterViewInit {
 
   doneSelectionChanged(checked: number) {
     this.doneDelSelected.nativeElement.disabled = checked == 0;
+    this.doneDownloadSelected.nativeElement.disabled = checked == 0;
   }
 
   setQualities() {
@@ -254,6 +256,20 @@ export class AppComponent implements AfterViewInit {
     });
   }
 
+  downloadSelectedFiles() {
+    this.downloads.done.forEach((dl, key) => {
+      if (dl.status === 'finished' && dl.checked) {
+        const link = document.createElement('a');
+        link.href = this.buildDownloadLink(dl);
+        link.setAttribute('download', dl.filename);
+        link.setAttribute('target', '_self');
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+      }
+    });
+  }
+
   buildDownloadLink(download: Download) {
     let baseDir = this.downloads.configuration["PUBLIC_HOST_URL"];
     if (download.quality == 'audio' || download.filename.endsWith('.mp3')) {