Insert Change Page on List Route Versions

src/app/route-versions/route-versions-list/route-versions-list.component.html

@@ -21,3 +21,5 @@ <h6 class="card-subtitle text-muted">Title</h6>
     </div>
   </div>
 </div>
+<ngb-pagination class="d-flex justify-content-center" [(page)]="page" [pageSize]="pageSize" [collectionSize]="totalRoutes" (pageChange)="changePage()">
+</ngb-pagination>

src/app/route-versions/route-versions-list/route-versions-list.component.ts

@@ -51,6 +51,21 @@ export class RouteVersionsListComponent implements OnInit {
       });
   }
 
+  changePage(): void {
+    this.routesPagedResource.customPage(
+      {pageParams: {page: this.page - 1, size: this.pageSize},
+        sort: {name: 'ASC'}}).subscribe(
+      (page: PagedResourceCollection<RouteVersion>) => {
+        this.routeVersions = page.resources;
+        this.routeVersions.map(routes => {
+          routes.getRelation('createdBy')
+            .subscribe((user: User) => {
+              routes.createdBy = user;
+            });
+        });
+      });
+  }
+
   isRole(role: string): boolean {
     return this.authenticationService.isRole(role);
   }