Frontend paginate tasks

src-ui/src/app/components/manage/tasks/tasks.component.ts

@@ -1,6 +1,6 @@
 import { Component, OnInit, OnDestroy } from '@angular/core'
 import { Router } from '@angular/router'
-import { NgbModal } from '@ng-bootstrap/ng-bootstrap'
+import { NgbModal, NgbNavChangeEvent } from '@ng-bootstrap/ng-bootstrap'
 import { Subject, first } from 'rxjs'
 import { PaperlessTask } from 'src/app/data/paperless-task'
 import { TasksService } from 'src/app/services/tasks.service'
@@ -21,6 +21,9 @@ export class TasksComponent
   private unsubscribeNotifer = new Subject()
   public expandedTask: number
 
+  public pageSize: number = 25
+  public page: number = 1
+
   get dismissButtonText(): string {
     return this.selectedTasks.size > 0
       ? $localize`Dismiss selected`
@@ -119,4 +122,8 @@ export class TasksComponent
   clearSelection() {
     this.selectedTasks.clear()
   }
+
+  duringTabChange(navID: number) {
+    this.page = 1
+  }
 }