Merge pull request #776 from EugeneKallis/main
Adding a select all button for the delete torrent popup
This commit is contained in:
commit
f5317de9de
2 changed files with 21 additions and 5 deletions
|
|
@ -9,7 +9,7 @@
|
|||
<th>
|
||||
<input
|
||||
type="checkbox"
|
||||
(click)="toggleSelectAll($event)"
|
||||
(click)="toggleDeleteSelectAll($event)"
|
||||
[checked]="selectedTorrents.length > 0 && selectedTorrents.length === torrents.length"
|
||||
/>
|
||||
</th>
|
||||
|
|
@ -107,19 +107,25 @@
|
|||
<label class="label"></label>
|
||||
<div class="control">
|
||||
<label class="checkbox">
|
||||
<input type="checkbox" [(ngModel)]="deleteData" />
|
||||
<input type="checkbox" [(ngModel)]="deleteData" (change)="updateDeleteSelectAll()" />
|
||||
Delete Torrents from client
|
||||
</label>
|
||||
<br />
|
||||
<label class="checkbox">
|
||||
<input type="checkbox" [(ngModel)]="deleteRdTorrent" />
|
||||
<input type="checkbox" [(ngModel)]="deleteRdTorrent" (change)="updateDeleteSelectAll()" />
|
||||
Delete Torrents from provider
|
||||
</label>
|
||||
<br />
|
||||
<label class="checkbox">
|
||||
<input type="checkbox" [(ngModel)]="deleteLocalFiles" />
|
||||
<input type="checkbox" [(ngModel)]="deleteLocalFiles" (change)="updateDeleteSelectAll()" />
|
||||
Delete local files
|
||||
</label>
|
||||
<br />
|
||||
<br />
|
||||
<label class="checkbox">
|
||||
<input type="checkbox" [(ngModel)]="deleteSelectAll" (change)="toggleDeleteSelectAllOptions()" />
|
||||
Select All
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="notification is-primary">
|
||||
|
|
|
|||
|
|
@ -20,6 +20,7 @@ export class TorrentTableComponent implements OnInit {
|
|||
public isDeleteModalActive: boolean;
|
||||
public deleteError: string;
|
||||
public deleting: boolean;
|
||||
public deleteSelectAll: boolean;
|
||||
public deleteData: boolean;
|
||||
public deleteRdTorrent: boolean;
|
||||
public deleteLocalFiles: boolean;
|
||||
|
|
@ -74,7 +75,7 @@ export class TorrentTableComponent implements OnInit {
|
|||
return el.torrentId;
|
||||
}
|
||||
|
||||
public toggleSelectAll(event: any) {
|
||||
public toggleDeleteSelectAll(event: any) {
|
||||
this.selectedTorrents = [];
|
||||
|
||||
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;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue