restructure entries pages, last comments

src/app/pages/top/top.page.ts

@@ -1,9 +1,6 @@
 import { Component, OnInit } from '@angular/core';
 
-import { Router, ActivatedRoute } from '@angular/router';
-
 import { EntriesService } from '../../services/entries.service';
-import { PageEvent } from '@angular/material/paginator';
 
 @Component({
   selector: 'page-top',
@@ -11,71 +8,16 @@ import { PageEvent } from '@angular/material/paginator';
 })
 export class PageTop implements OnInit {
 
-  entries: any;
-  boundRefresh: Function;
-  boundUpdate: Function;
-  init: boolean = true;
+  boundFetch: Function;
 
-  constructor(private entriesService: EntriesService, private router: Router, private route: ActivatedRoute) { }
+  constructor(private entriesService: EntriesService) { }
 
   ngOnInit(): void {
-    this.boundRefresh = this.refresh.bind(this);
-    this.boundUpdate = this.update.bind(this);
-    this.route.queryParams.subscribe(params => {
-      if (this.init) {
-        this.entries = {};
-        if (params[ 'p' ]) {
-          this.entries.number = +params[ 'p' ] - 1;
-          if (this.entries.number < 0) {
-            this.entries.number = 0;
-          }
-        }
-
-        if (params[ 's' ]) {
-          this.entries.size = +params[ 's' ];
-        }
-
-        this.refresh();
-        this.init = false;
-      }
-    });
+    this.boundFetch = this.fetch.bind(this);
   }
 
-  refresh(): void {
-    if (!this.entries) {
-      this.entries = {};
-    }
-
-    this.entries.content = null;
-    this.entriesService.getRanked(this.entries.number || 0, this.entries.size || 30).subscribe((data: any) => {
-      this.entries = data;
-    }, (error) => { })
-
-  }
-
-  update(event: PageEvent) {
-    this.entries.content = null;
-    const params: any = { p: null, s: null };
-
-    if (event.pageIndex != 0) {
-      params.p = event.pageIndex + 1;
-    }
-
-    if (event.pageSize != 30) {
-      params.s = event.pageSize;
-    }
-
-    this.router.navigate(
-      [],
-      {
-        relativeTo: this.route,
-        queryParams: params,
-        queryParamsHandling: 'merge'
-      });
-
-    this.entriesService.getRanked(event.pageIndex, event.pageSize).subscribe((data: any) => {
-      this.entries = data;
-    }, (error) => { })
+  fetch(page: number, size: number) {
+    return this.entriesService.getRanked(page,size);
   }
 
 }