Add an amazing (and bugged) sort button for artist

Just for test purpose - need to be improved

dashboard/src/app/album.component.css

@@ -29,4 +29,9 @@
   /* the button becomes visible */
   visibility: visible;
   opacity: 1;
+}
+
+.btn-sort {
+  bottom: 20px;
+  right: 70px;
 }

dashboard/src/app/artist.component.html

@@ -115,4 +115,9 @@
 <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>
+</button>
+<button type="button" class="btn btn-primary btn-top btn-sort" [class.btn-top-is-visible]="atBottom"
+    aria-label="Top" (click)="sort()">
+    <span class="glyphicon glyphicon-sort-by-attributes" style="color:white" aria-hidden="true"></span>
+</button>
+</div>

dashboard/src/app/artist.component.ts

@@ -6,6 +6,8 @@ import { ElsService } from './els.service'
 import { Song } from './object/song';
 import { Artist } from './object/artist';
 
+import { SortPipe } from './sortby.pipe'
+
 @Component({
   selector: 'artist-component',
   templateUrl: './artist.component.html',
@@ -81,4 +83,8 @@ export class ArtistComponent implements OnInit {
       this.atBottom = false;
     }
   }
+
+  sort(): void {
+    this.songs = new SortPipe().transform(this.songs, 'Album', 'Track Number', 'Play Count');
+  }
 }