danvics/rdt-client
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #776 from EugeneKallis/main

Browse source 
Adding a select all button for the delete torrent popup
This commit is contained in:
Cucumberrbob 2025-04-09 08:59:45 +01:00 committed by GitHub
commit f5317de9de
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 21 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
client/src/app/torrent-table/torrent-table.component.html
View file

@ -9,7 +9,7 @@
<th> <th>
<input <input
type="checkbox" type="checkbox"
(click)="toggleSelectAll($event)" (click)="toggleDeleteSelectAll($event)"
[checked]="selectedTorrents.length > 0 && selectedTorrents.length === torrents.length" [checked]="selectedTorrents.length > 0 && selectedTorrents.length === torrents.length"
/> />
</th> </th>
@ -107,19 +107,25 @@
<label class="label"></label> <label class="label"></label>
<div class="control"> <div class="control">
<label class="checkbox"> <label class="checkbox">
<input type="checkbox" [(ngModel)]="deleteData" /> <input type="checkbox" [(ngModel)]="deleteData" (change)="updateDeleteSelectAll()" />
Delete Torrents from client Delete Torrents from client
</label> </label>
<br /> <br />
<label class="checkbox"> <label class="checkbox">
<input type="checkbox" [(ngModel)]="deleteRdTorrent" /> <input type="checkbox" [(ngModel)]="deleteRdTorrent" (change)="updateDeleteSelectAll()" />
Delete Torrents from provider Delete Torrents from provider
</label> </label>
<br /> <br />
<label class="checkbox"> <label class="checkbox">
<input type="checkbox" [(ngModel)]="deleteLocalFiles" /> <input type="checkbox" [(ngModel)]="deleteLocalFiles" (change)="updateDeleteSelectAll()" />
Delete local files Delete local files
</label> </label>
<br />
<br />
<label class="checkbox">
<input type="checkbox" [(ngModel)]="deleteSelectAll" (change)="toggleDeleteSelectAllOptions()" />
Select All
</label>
</div> </div>
</div> </div>
<div class="notification is-primary"> <div class="notification is-primary">

12
client/src/app/torrent-table/torrent-table.component.ts
View file

@ -20,6 +20,7 @@ export class TorrentTableComponent implements OnInit {
public isDeleteModalActive: boolean; public isDeleteModalActive: boolean;
public deleteError: string; public deleteError: string;
public deleting: boolean; public deleting: boolean;
public deleteSelectAll: boolean;
public deleteData: boolean; public deleteData: boolean;
public deleteRdTorrent: boolean; public deleteRdTorrent: boolean;
public deleteLocalFiles: boolean; public deleteLocalFiles: boolean;
@ -74,7 +75,7 @@ export class TorrentTableComponent implements OnInit {
return el.torrentId; return el.torrentId;
} }
public toggleSelectAll(event: any) { public toggleDeleteSelectAll(event: any) {
this.selectedTorrents = []; this.selectedTorrents = [];
if (event.target.checked) { if (event.target.checked) {
@ -247,4 +248,13 @@ export class TorrentTableComponent implements OnInit {
}, },
}); });
} }
toggleDeleteSelectAllOptions() {
this.deleteData = this.deleteSelectAll;
this.deleteRdTorrent = this.deleteSelectAll;
this.deleteLocalFiles = this.deleteSelectAll;
}
updateDeleteSelectAll() {
this.deleteSelectAll = this.deleteData && this.deleteRdTorrent && this.deleteLocalFiles;
}
} }