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

Autoload when reach bottom

Browse Source
This commit is contained in:
Maxence G. de Montauzan
2017-05-04 21:45:38 +02:00
parent 9793bc8763
commit 1abf0b6a0f
2 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -37,7 +37,7 @@
</tbody> </tbody>
</table> </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... <span class="glyphicon glyphicon-plus" aria-hidden="true"></span> More...
</button> </button>

6
dashboard/src/app/album.component.ts
View File

@@ -57,4 +57,10 @@ export class AlbumComponent implements OnInit {
scrollTop(): void { scrollTop(): void {
window.scrollTo(0,0); window.scrollTo(0,0);
} }
onScroll(event: any) {
if ((window.innerHeight + window.scrollY) >= document.body.offsetHeight) {
this.loadSongs();
}
}
} }