myxelium/Bridge-Multi
1
0
Fork 0
mirror of https://github.com/Myxelium/Bridge-Multi.git synced 2026-04-11 22:29:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add "Upload Date" column

Browse Source
This commit is contained in:
Geomitron
2025-02-08 12:19:24 -06:00
parent deaa7d22be
commit c9166966c1
7 changed files with 18 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src-angular/app/components/browse/result-table/result-table-row/result-table-row.component.html
View File

@@ -11,3 +11,4 @@
<td *ngIf="hasColumn('charter')">{{ song[0].charter || 'Various' }}</td>
<td *ngIf="hasColumn('length')">{{ songLength }}</td>
<td *ngIf="hasColumn('difficulty')">{{ songDifficulty }}</td>
<td *ngIf="hasColumn('uploaded')" class="text-nowrap">{{ uploaded | date: 'yyyy-MM-dd' }}</td>

4
src-angular/app/components/browse/result-table/result-table-row/result-table-row.component.ts
View File

@@ -54,6 +54,10 @@ export class ResultTableRowComponent implements OnInit {
}
}
get uploaded() {
return this.song[0].modifiedTime
}
get selected() {
return this.selectionService.selections[this.groupId] ?? false
}

3
src-angular/app/components/browse/result-table/result-table.component.html
View File

@@ -31,6 +31,9 @@
Length (min) <i *ngIf="sortColumn === 'length'" class="bi bi-caret-{{ sortDirection === 'asc' ? 'down' : 'up' }}-fill"></i>
</th>
<th *ngIf="hasColumn('difficulty')" [ngClass]="sortDirection" class="cursor-pointer">Difficulty</th>
<th *ngIf="hasColumn('uploaded')" [ngClass]="sortDirection" class="cursor-pointer" (click)="onColClicked('modifiedTime')">
Upload Date <i *ngIf="sortColumn === 'modifiedTime'" class="bi bi-caret-{{ sortDirection === 'asc' ? 'down' : 'up' }}-fill"></i>
</th>
</tr>
</thead>
<tbody>

4
src-angular/app/components/browse/result-table/result-table.component.ts
View File

@@ -22,7 +22,7 @@ export class ResultTableComponent implements OnInit {
activeSong: ChartData[] | null = null
sortDirection: 'asc' | 'desc' = 'asc'
sortColumn: 'name' | 'artist' | 'album' | 'genre' | 'year' | 'charter' | 'length' | null = null
sortColumn: 'name' | 'artist' | 'album' | 'genre' | 'year' | 'charter' | 'length' | 'modifiedTime' | null = null
constructor(
public searchService: SearchService,
@@ -57,7 +57,7 @@ export class ResultTableComponent implements OnInit {
}
}
onColClicked(column: 'name' | 'artist' | 'album' | 'genre' | 'year' | 'charter' | 'length') {
onColClicked(column: 'name' | 'artist' | 'album' | 'genre' | 'year' | 'charter' | 'length' | 'modifiedTime') {
if (this.songs.length === 0) { return }
if (this.sortColumn !== column) {
this.sortColumn = column