mirror of
https://github.com/Myxelium/Bridge-Multi.git
synced 2026-04-11 14:19:38 +00:00
36 lines
1.5 KiB
HTML
36 lines
1.5 KiB
HTML
<table id="resultTable" class="table table-zebra table-pin-rows">
|
|
<thead>
|
|
<tr>
|
|
<th class="collapsing" id="checkboxColumn">
|
|
<input #checkAllCheckbox type="checkbox" class="checkbox" (change)="checkAll(checkAllCheckbox.checked)" />
|
|
</th>
|
|
<th [ngClass]="sortDirection" (click)="onColClicked('name')">
|
|
Name <i *ngIf="sortColumn === 'name'" class="bi bi-caret-{{ sortDirection === 'ascending' ? 'down' : 'up' }}-fill"></i>
|
|
</th>
|
|
<th [ngClass]="sortDirection" (click)="onColClicked('artist')">
|
|
Artist
|
|
<i *ngIf="sortColumn === 'artist'" class="bi bi-caret-{{ sortDirection === 'ascending' ? 'down' : 'up' }}-fill"></i>
|
|
</th>
|
|
<th [ngClass]="sortDirection" (click)="onColClicked('album')">
|
|
Album <i *ngIf="sortColumn === 'album'" class="bi bi-caret-{{ sortDirection === 'ascending' ? 'down' : 'up' }}-fill"></i>
|
|
</th>
|
|
<th [ngClass]="sortDirection" (click)="onColClicked('genre')">
|
|
Genre <i *ngIf="sortColumn === 'genre'" class="bi bi-caret-{{ sortDirection === 'ascending' ? 'down' : 'up' }}-fill"></i>
|
|
</th>
|
|
<th [ngClass]="sortDirection" (click)="onColClicked('year')">
|
|
Year <i *ngIf="sortColumn === 'year'" class="bi bi-caret-{{ sortDirection === 'ascending' ? 'down' : 'up' }}-fill"></i>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
@for (song of songs; track song) {
|
|
<tr
|
|
app-result-table-row
|
|
(click)="onRowClicked(song)"
|
|
[class.!bg-neutral]="activeSong === song"
|
|
[class.!text-neutral-content]="activeSong === song"
|
|
[song]="song"></tr>
|
|
}
|
|
</tbody>
|
|
</table>
|