myxelium/Bridge-Multi
1
0
Fork 0
mirror of https://github.com/Myxelium/Bridge-Multi.git synced 2026-04-11 14:19:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix downloads

Browse Source
This commit is contained in:
Geomitron
2023-12-25 02:49:46 -06:00
parent ba309654ca
commit 99cfb306be
30 changed files with 557 additions and 1450 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
src-angular/app/components/browse/status-bar/downloads-modal/downloads-modal.component.html
View File

@@ -1,24 +1,64 @@
<div *ngIf="downloads.length > 0" class="ui segments">
<div *ngFor="let download of downloads; trackBy: trackByVersionID" class="ui segment" [style.background-color]="getBackgroundColor(download)">
<h3 id="downloadTitle">
<span style="flex-grow: 1">{{ download.title }}</span>
<i class="inside right close icon" (click)="cancelDownload(download.versionID)"></i>
</h3>
<div id="downloadText">
<span style="flex-grow: 1">{{ download.header }}</span>
<span *ngIf="!download.isLink" class="description">{{ download.description }}</span>
<span *ngIf="download.isLink" class="description">
<a (click)="showFile(download.description)">{{ download.description }}</a>
</span>
</div>
<div id="downloadProgressDiv">
<progress [value]="download.percent" max="100" class="progress w-96" [class.progress-error]="download.type === 'error'"></progress>
<button *ngIf="download.type === 'error'" class="ui right attached labeled compact icon button" (click)="retryDownload(download.versionID)">
<i class="redo icon"></i>
Retry
</button>
</div>
<div class="flex flex-col gap-4 min-h-0">
<div
class="flex flex-col gap-1 p-1 overflow-y-auto max-h-[75vh] scrollbar scrollbar-w-2 scrollbar-h-2 scrollbar-thumb-neutral scrollbar-thumb-rounded-full">
@for (download of downloadService.downloads; track download.md5) {
<div
class="card bg-neutral text-neutral-content shadow-xl"
[class.border-error]="download.type === 'error'"
[class.border-2]="download.type === 'error'">
<div class="card-body">
<div class="card-actions justify-end">
<button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2" (click)="downloadService.cancelDownload(download.md5)">
<i class="bi bi-x-lg text-lg"></i>
</button>
</div>
<h2 class="card-title">{{ download.chartName }}</h2>
<progress
[attr.value]="download.percent"
max="100"
class="progress progress-primary w-full"
[class.progress-error]="download.type === 'error'"></progress>
<div class="flex justify-between gap-4">
<div>
<p class="text-lg">
@if (download.type === 'done') {
<a class="link link-hover" (click)="showFile(download.body)">{{ download.header }}</a>
} @else {
{{ download.header }}
}
</p>
@if (download.type !== 'done') {
@if (download.isPath) {
<p>
<a (click)="showFile(download.body)" class="link">{{ download.body }}</a>
</p>
} @else {
<p>{{ download.body }}</p>
}
}
</div>
<div *ngIf="download.type === 'error'" class="flex flex-col justify-end">
<button class="btn btn-outline btn-error flex-nowrap" (click)="downloadService.retryDownload(download.md5)">
<i class="bi bi-arrow-repeat"></i>
Retry
</button>
</div>
</div>
</div>
</div>
<div id="downloadTitle">
<span style="flex-grow: 1"></span>
<i class="inside right close icon" (click)="downloadService.cancelDownload(download.md5)"></i>
</div>
<div id="downloadText">
<span style="flex-grow: 1"></span>
<span *ngIf="!download.isPath" class="description"></span>
<span *ngIf="download.isPath" class="description"> </span>
</div>
<div id="downloadProgressDiv"></div>
}
</div>
<div *ngIf="downloadService.completedCount > 1" class="flex justify-end">
<button class="btn btn-success btn-sm" (click)="downloadService.cancelAllCompleted()">Clear completed</button>
</div>
</div>

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

@@ -1,6 +1,5 @@
import { ChangeDetectorRef, Component } from '@angular/core'
import { Component, HostBinding } from '@angular/core'
import { DownloadProgress } from '../../../../../../src-shared/interfaces/download.interface'
import { DownloadService } from '../../../../core/services/download.service'
@Component({
@@ -8,45 +7,9 @@ import { DownloadService } from '../../../../core/services/download.service'
templateUrl: './downloads-modal.component.html',
})
export class DownloadsModalComponent {
@HostBinding('class.contents') contents = true
downloads: DownloadProgress[] = []
constructor(private downloadService: DownloadService, ref: ChangeDetectorRef) {
window.electron.on.queueUpdated(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
}
}
constructor(public downloadService: DownloadService) { }
showFile(filepath: string) {
window.electron.emit.showFile(filepath)