maxenceg2m/iTunes
1
0
Fork 0
Code Issues 2 Pull Requests Projects Releases Wiki Activity

(front) Improve presentation

Browse Source 
Bit rate presentation
Improve page + if for artist/album artist
This commit is contained in:
Maxence G. de Montauzan
2020-12-22 17:01:22 +01:00
parent 93272d5894
commit 541fd96a45
1 changed files with 17 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
dashboard/src/app/albums/albums.component.html
View File

@@ -1,32 +1,38 @@
<div class="container">
<h1>Albums</h1>
<div class="col-md-12">
<table class="table table-striped">
<thead>
<tr>
<th>Album</th>
<th>Track Count</th>
<th>Album Artist</th>
<th colspan="2">Bit Rate (avg / min)</th>
<th>Artist/Album Artist</th>
<th>Avg Bit Rate (min)</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let album of albums">
<td>
{{album.Album}}
<button class="glyphicon glyphicon-zoom-out" (click)="exlude('Album', album)"></button>
<span class="glyphicon glyphicon-remove-circle" style="cursor:pointer" (click)="exlude('Album', album)"></span>
</td>
<td>{{album['Track Count']}}</td>
<td>
{{album['Album Artist'] ? album['Album Artist'] : album.Artist }}
<button *ngIf="album['Album Artist']; else removeArtist"
class="glyphicon glyphicon-zoom-out"
(click)="exlude('Album Artist', album)"></button>
<ng-template #removeArtist>
<button class="glyphicon glyphicon-zoom-out" (click)="exlude('Artist', album)"></button>
{{album['Album Artist'] ? album['Album Artist'] : album.Artist}}
<span *ngIf="album['Album Artist']; else removeArtistButton"
class="glyphicon glyphicon-remove-circle" style="cursor:pointer" (click)="exlude('Album Artist', album)"></span>
<ng-template #removeArtistButton>
<span class="glyphicon glyphicon-remove-circle" style="cursor:pointer" (click)="exlude('Artist', album)"></span>
</ng-template>
</td>
<td>{{album['Avg Bit Rate']}}</td>
<td>{{album['Min Bit Rate']}}</td>
<td>
{{album['Avg Bit Rate']}}
<span *ngIf="album['Avg Bit Rate'] != album['Min Bit Rate']">({{album['Min Bit Rate']}})</span>
</td>
</tr>
</tbody>
</table>
</div>
</div>