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

Improve sort button

Browse Source
This commit is contained in:
Maxence G. de Montauzan
2017-05-06 14:53:22 +02:00
parent 8693c2ec7e
commit 11348abb81
3 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
dashboard/src/app/album.component.html
View File

@@ -96,6 +96,6 @@
<!-- Go to Top Button--> <!-- Go to Top Button-->
<button type="button" class="btn btn-warning btn-top" [class.btn-top-is-visible]="atBottom" <button type="button" class="btn btn-warning btn-top" [class.btn-top-is-visible]="atBottom"
aria-label="Top" (click)="scrollTop()"> aria-label="Top" (click)="scrollTop()">
<span class="glyphicon glyphicon-menu-up" style="color:white" aria-hidden="true"></span> <span class="glyphicon glyphicon-menu-up" aria-hidden="true"></span>
</button> </button>
</div> </div>

6
dashboard/src/app/artist.component.html
View File

@@ -114,10 +114,10 @@
<!-- Go to Top Button--> <!-- Go to Top Button-->
<button type="button" class="btn btn-warning btn-top" [class.btn-top-is-visible]="atBottom" <button type="button" class="btn btn-warning btn-top" [class.btn-top-is-visible]="atBottom"
aria-label="Top" (click)="scrollTop()"> aria-label="Top" (click)="scrollTop()">
<span class="glyphicon glyphicon-menu-up" style="color:white" aria-hidden="true"></span> <span class="glyphicon glyphicon-menu-up" aria-hidden="true"></span>
</button> </button>
<button type="button" class="btn btn-primary btn-top btn-sort" [class.btn-top-is-visible]="atBottom" <button type="button" class="btn btn-primary btn-top btn-sort" [class.btn-top-is-visible]="sortable"
aria-label="Top" (click)="sort()"> aria-label="Top" (click)="sort()">
<span class="glyphicon glyphicon-sort-by-attributes" style="color:white" aria-hidden="true"></span> <span class="glyphicon glyphicon-sort-by-attributes" aria-hidden="true"></span>
</button> </button>
</div> </div>

5
dashboard/src/app/artist.component.ts
View File

@@ -24,8 +24,11 @@ export class ArtistComponent implements OnInit {
artistName = ""; artistName = "";
songs: Array<Song> = []; songs: Array<Song> = [];
artist: Artist = new Artist(); artist: Artist = new Artist();
// To activate button in interface var
moreDataAvailable: boolean = false; moreDataAvailable: boolean = false;
atBottom: boolean = false; atBottom: boolean = false;
sortable: boolean = false;
lockLoadData: boolean = true; lockLoadData: boolean = true;
ngOnInit(): void { ngOnInit(): void {
@@ -48,6 +51,7 @@ export class ArtistComponent implements OnInit {
if (this.songs.length == 0) { if (this.songs.length == 0) {
this.songs = data; this.songs = data;
} else { } else {
this.sortable = true;
data.forEach(song => { data.forEach(song => {
this.songs.push(song); this.songs.push(song);
}); });
@@ -86,5 +90,6 @@ export class ArtistComponent implements OnInit {
sort(): void { sort(): void {
this.songs = new SortPipe().transform(this.songs, 'Album', 'Track Number', 'Play Count'); this.songs = new SortPipe().transform(this.songs, 'Album', 'Track Number', 'Play Count');
this.sortable = false;
} }
} }