60 lines
2.2 KiB
HTML
60 lines
2.2 KiB
HTML
<h1>{{albumName}}</h1>
|
|
|
|
<div class="alert alert-warning">
|
|
<h3>Debug Zone</h3>
|
|
Returned song: {{songs.length}}<br />
|
|
</div>
|
|
|
|
<div class="row cardAdmin">
|
|
<div class="col-lg-3 col-md-3">
|
|
<div class="panel panel-blue">
|
|
<div class="panel-heading">
|
|
<div class="row">
|
|
<div class="col-xs-3">
|
|
<span class="glyphicon glyphicon-cd stats_icon"></span>
|
|
</div>
|
|
<div class="col-xs-9 text-right">
|
|
<div>
|
|
<h3 *ngIf="!albumNames"><span class="glyphicon glyphicon-refresh loading"></span></h3>
|
|
<h3 *ngIf="albumNames">{{albumNames.length}}</h3>
|
|
</div>
|
|
<div><br>Total time</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<table class="table table-striped" (window:scroll)="onScroll($event)">
|
|
<thead>
|
|
<tr>
|
|
<th></th>
|
|
<th>Name</th>
|
|
<th>Artist</th>
|
|
<th>Album</th>
|
|
<th>Album Artist</th>
|
|
<th>Play Count</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr *ngFor="let song of songs | sortBy : 'Album':'Track Number'">
|
|
<td>{{song['Track Number'] ? (("0" + song['Track Number']).slice(-2)) : "--"}}</td>
|
|
<td [title]="song.Name">{{song.Name}}</td>
|
|
<td [title]="song.Artist"><a [routerLink]="['/artist', song.Artist]">{{song.Artist}}</a></td>
|
|
<td [title]="song.Album"><a [routerLink]="['/album', song.Album]">{{song.Album}}</a></td>
|
|
<td [title]="song.Album">{{song['Album Artist'] ? song['Album Artist'] : "-" }}</td>
|
|
<td [title]="song['Play Count']">{{song['Play Count']}}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<button type="button" *ngIf="moreDataAvailable" class="btn btn-default" aria-label="More" (click)="loadSongs()">
|
|
<span class="glyphicon glyphicon-plus" aria-hidden="true"></span> More...
|
|
</button>
|
|
|
|
<!-- Go to Top Button-->
|
|
<button type="button" class="btn btn-warning btn-top" [class.btn-top-is-visible]="atBottom"
|
|
aria-label="Top" (click)="scrollTop()">
|
|
<span class="glyphicon glyphicon-menu-up" style="color:white" aria-hidden="true"></span>
|
|
</button> |