From 1abf0b6a0ffac318df9d6501db8c2648b07435a4 Mon Sep 17 00:00:00 2001
From: "Maxence G. de Montauzan" <maxence@gdemontauzan.fr>
Date: Thu, 4 May 2017 21:45:38 +0200
Subject: [PATCH] Autoload when reach bottom

---
 dashboard/src/app/album.component.html | 2 +-
 dashboard/src/app/album.component.ts   | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/dashboard/src/app/album.component.html b/dashboard/src/app/album.component.html
index ad248a3..97a1ee9 100644
--- a/dashboard/src/app/album.component.html
+++ b/dashboard/src/app/album.component.html
@@ -37,7 +37,7 @@
 </tbody>
 </table>
 
-<button type="button" *ngIf="more" class="btn btn-default" aria-label="More" (click)="loadSongs()">
+<button type="button" *ngIf="more" class="btn btn-default" aria-label="More" (click)="loadSongs()" (window:scroll)="onScroll($event)">
     <span class="glyphicon glyphicon-plus" aria-hidden="true"></span> More...
 </button>
 
diff --git a/dashboard/src/app/album.component.ts b/dashboard/src/app/album.component.ts
index 3c3fde8..d3b4380 100644
--- a/dashboard/src/app/album.component.ts
+++ b/dashboard/src/app/album.component.ts
@@ -57,4 +57,10 @@ export class AlbumComponent implements OnInit {
   scrollTop(): void {
     window.scrollTo(0,0);
   }
+
+  onScroll(event: any) {
+    if ((window.innerHeight + window.scrollY) >= document.body.offsetHeight) {
+        this.loadSongs();
+    }
+  }
 }
\ No newline at end of file