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

Adding a select all button for the delete torrent popup

Browse source
This commit is contained in:
Eugene Kallivrousis 2025-04-08 15:20:56 -04:00
parent 3f4fb6d20a
commit 6f67f38600
2 changed files with 23 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -106,20 +106,27 @@
<div class="field"> <div class="field">
<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)="updateSelectAll()" />
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)="updateSelectAll()" />
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)="updateSelectAll()" />
Delete local files Delete local files
</label> </label>
<br />
<br />
<!-- Select All Checkbox -->
<label class="checkbox">
<input type="checkbox" [(ngModel)]="selectAll" (change)="toggleAllOptions()" />
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 selectAll: boolean;
public deleteData: boolean; public deleteData: boolean;
public deleteRdTorrent: boolean; public deleteRdTorrent: boolean;
public deleteLocalFiles: boolean; public deleteLocalFiles: boolean;
@ -247,4 +248,15 @@ export class TorrentTableComponent implements OnInit {
}, },
}); });
} }
// Called when "Select All" is toggled
toggleAllOptions() {
this.deleteData = this.selectAll;
this.deleteRdTorrent = this.selectAll;
this.deleteLocalFiles = this.selectAll;
}
// Called when any individual checkbox is toggled
updateSelectAll() {
this.selectAll = this.deleteData && this.deleteRdTorrent && this.deleteLocalFiles;
}
} }