Restructure

src-angular/app/components/browse/status-bar/downloads-modal/downloads-modal.component.ts

@@ -0,0 +1,56 @@
+import { ChangeDetectorRef, Component } from '@angular/core'
+
+import { DownloadProgress } from '../../../../../electron/shared/interfaces/download.interface'
+import { DownloadService } from '../../../../core/services/download.service'
+import { ElectronService } from '../../../../core/services/electron.service'
+
+@Component({
+	selector: 'app-downloads-modal',
+	templateUrl: './downloads-modal.component.html',
+	styleUrls: ['./downloads-modal.component.scss'],
+})
+export class DownloadsModalComponent {
+
+	downloads: DownloadProgress[] = []
+
+	constructor(private electronService: ElectronService, private downloadService: DownloadService, ref: ChangeDetectorRef) {
+		electronService.receiveIPC('queue-updated', order => {
+			this.downloads.sort((a, b) => order.indexOf(a.versionID) - order.indexOf(b.versionID))
+		})
+
+		downloadService.onDownloadUpdated(download => {
+			const index = this.downloads.findIndex(thisDownload => thisDownload.versionID == download.versionID)
+			if (download.type == 'cancel') {
+				this.downloads = this.downloads.filter(thisDownload => thisDownload.versionID != download.versionID)
+			} else if (index == -1) {
+				this.downloads.push(download)
+			} else {
+				this.downloads[index] = download
+			}
+			ref.detectChanges()
+		})
+	}
+
+	trackByVersionID(_index: number, item: DownloadProgress) {
+		return item.versionID
+	}
+
+	cancelDownload(versionID: number) {
+		this.downloadService.cancelDownload(versionID)
+	}
+
+	retryDownload(versionID: number) {
+		this.downloadService.retryDownload(versionID)
+	}
+
+	getBackgroundColor(download: DownloadProgress) {
+		switch (download.type) {
+			case 'error': return '#a63a3a'
+			default: return undefined
+		}
+	}
+
+	openFolder(filepath: string) {
+		this.electronService.showFolder(filepath)
+	}
+}