TheLanc3/YoutubeDL-Material
1
0
Fork 0
mirror of https://github.com/Tzahi12345/YoutubeDL-Material.git synced 2026-04-14 12:01:28 +03:00
Code Issues Packages Projects Releases Wiki Activity

Fixed size of actions in home screen downloads

Browse Source
This commit is contained in:
Isaac Abadi
2023-05-21 19:44:20 -06:00
parent 2568514357
commit 461025d859
2 changed files with 12 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/app/components/downloads/downloads.component.ts
View File

@@ -38,6 +38,7 @@ export class DownloadsComponent implements OnInit, OnDestroy {
3: $localize`Complete`
}
actionsFlex = 2;
displayedColumnsBig: string[] = ['timestamp_start', 'title', 'step_index', 'sub_name', 'percent_complete', 'actions'];
displayedColumnsSmall: string[] = ['title', 'step_index', 'percent_complete', 'actions'];
displayedColumns: string[] = this.displayedColumnsBig;
@@ -105,7 +106,7 @@ export class DownloadsComponent implements OnInit, OnDestroy {
@HostListener('window:resize', ['$event'])
onResize(): void {
this.innerWidth = window.innerWidth;
this.resizeColumns();
this.recalculateColumns();
}
sort_downloads = (a: Download, b: Download): number => {
@@ -116,8 +117,10 @@ export class DownloadsComponent implements OnInit, OnDestroy {
constructor(public postsService: PostsService, private router: Router, private dialog: MatDialog, private clipboard: Clipboard) { }
ngOnInit(): void {
// Remove sub name as it's not necessary for one-off downloads
if (this.uids) this.displayedColumnsBig = this.displayedColumnsBig.filter(col => col !== 'sub_name');
this.innerWidth = window.innerWidth;
this.resizeColumns();
this.recalculateColumns();
if (this.postsService.initialized) {
this.getCurrentDownloadsRecurring();
} else {
@@ -319,9 +322,11 @@ export class DownloadsComponent implements OnInit, OnDestroy {
});
}
resizeColumns() {
recalculateColumns() {
if (this.innerWidth < 650) this.displayedColumns = this.displayedColumnsSmall;
else this.displayedColumns = this.displayedColumnsBig;
this.actionsFlex = this.uids || this.innerWidth < 800 ? 1 : 2;
}
}