From 1c02883f0e58627fa799d3593cc7b4d244002346 Mon Sep 17 00:00:00 2001
From: lvank <laurentvkeulen@gmail.com>
Date: Sun, 12 Jan 2025 20:15:23 -0600
Subject: [PATCH] Add a download selected button for non-autostarted downloads

---
 ui/src/app/app.component.html   | 1 +
 ui/src/app/app.component.ts     | 6 ++++++
 ui/src/app/downloads.service.ts | 6 ++++++
 3 files changed, 13 insertions(+)

diff --git a/ui/src/app/app.component.html b/ui/src/app/app.component.html
index 01719d8..12a7f91 100644
--- a/ui/src/app/app.component.html
+++ b/ui/src/app/app.component.html
@@ -126,6 +126,7 @@
   <div class="metube-section-header">Downloading</div>
   <div class="px-2 py-3 border-bottom">
     <button type="button" class="btn btn-link text-decoration-none px-0 me-4" disabled #queueDelSelected (click)="delSelectedDownloads('queue')"><fa-icon [icon]="faTrashAlt"></fa-icon>&nbsp; Cancel selected</button>
+    <button type="button" class="btn btn-link text-decoration-none px-0 me-4" disabled #queueDownloadSelected (click)="startSelectedDownloads('queue')"><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
index 55ece6e..024d287 100644
--- a/ui/src/app/app.component.ts
+++ b/ui/src/app/app.component.ts
@@ -33,6 +33,7 @@ export class AppComponent implements AfterViewInit {
 
   @ViewChild('queueMasterCheckbox') queueMasterCheckbox: MasterCheckboxComponent;
   @ViewChild('queueDelSelected') queueDelSelected: ElementRef;
+  @ViewChild('queueDownloadSelected') queueDownloadSelected: ElementRef;
   @ViewChild('doneMasterCheckbox') doneMasterCheckbox: MasterCheckboxComponent;
   @ViewChild('doneDelSelected') doneDelSelected: ElementRef;
   @ViewChild('doneClearCompleted') doneClearCompleted: ElementRef;
@@ -180,6 +181,7 @@ export class AppComponent implements AfterViewInit {
 
   queueSelectionChanged(checked: number) {
     this.queueDelSelected.nativeElement.disabled = checked == 0;
+    this.queueDownloadSelected.nativeElement.disabled = checked == 0;
   }
 
   doneSelectionChanged(checked: number) {
@@ -228,6 +230,10 @@ export class AppComponent implements AfterViewInit {
     this.downloads.delById(where, [id]).subscribe();
   }
 
+  startSelectedDownloads(where: string){
+    this.downloads.startByFilter(where, dl => dl.checked).subscribe();
+  }
+
   delSelectedDownloads(where: string) {
     this.downloads.delByFilter(where, dl => dl.checked).subscribe();
   }
diff --git a/ui/src/app/downloads.service.ts b/ui/src/app/downloads.service.ts
index 75db747..51d98df 100644
--- a/ui/src/app/downloads.service.ts
+++ b/ui/src/app/downloads.service.ts
@@ -118,6 +118,12 @@ export class DownloadsService {
     return this.http.post('delete', {where: where, ids: ids});
   }
 
+  public startByFilter(where: string, filter: (dl: Download) => boolean) {
+    let ids: string[] = [];
+    this[where].forEach((dl: Download) => { if (filter(dl)) ids.push(dl.url) });
+    return this.startById(ids);
+  }
+
   public delByFilter(where: string, filter: (dl: Download) => boolean) {
     let ids: string[] = [];
     this[where].forEach((dl: Download) => { if (filter(dl)) ids.push(dl.url) });