From a5adb031bdefc6da79e5652c3b2403e4e5d01e64 Mon Sep 17 00:00:00 2001
From: Teriuihi <teriuihi@alttd.com>
Date: Sat, 12 Apr 2025 22:11:40 +0200
Subject: [PATCH] Add pagination handling with pageSize and pageChange
 EventEmitter

Introduced `pageSize` in `bans.component.ts` to manage pagination logic and updated `buttonActive` to account for page size constraints. Added `pageChange` EventEmitter in `history.component.ts` to notify the parent component of page changes. Updated the template to bind `pageChange` for dynamic page size updates.
---
 frontend/src/app/bans/bans.component.html          | 3 ++-
 frontend/src/app/bans/bans.component.ts            | 5 ++++-
 frontend/src/app/bans/history/history.component.ts | 5 ++++-
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/frontend/src/app/bans/bans.component.html b/frontend/src/app/bans/bans.component.html
index 94d8f68..66833e1 100644
--- a/frontend/src/app/bans/bans.component.html
+++ b/frontend/src/app/bans/bans.component.html
@@ -48,7 +48,8 @@
         </div>
         <div class="historyTable">
           <app-history [userType]="userType" [punishmentType]="punishmentType"
-                       [page]="page" [searchTerm]="finalSearchTerm"></app-history>
+                       [page]="page" [searchTerm]="finalSearchTerm" (pageChange)="pageSize = $event">
+          </app-history>
         </div>
         <div class="changePageButtons">
           <button [ngClass]="{'active': buttonActive(0)}" [disabled]="!buttonActive(0)"
diff --git a/frontend/src/app/bans/bans.component.ts b/frontend/src/app/bans/bans.component.ts
index 9cab894..7e037bd 100644
--- a/frontend/src/app/bans/bans.component.ts
+++ b/frontend/src/app/bans/bans.component.ts
@@ -40,6 +40,7 @@ export class BansComponent implements OnInit {
   public finalSearchTerm: string = '';
   public searchTerm: string = '';
   public filteredNames: string[] = [];
+  public pageSize = 0;
   public historyCount: HistoryCount = {
     bans: 0,
     mutes: 0,
@@ -153,7 +154,9 @@ export class BansComponent implements OnInit {
   }
 
   public buttonActive(compare: number): boolean {
+    if (compare !== 0 && this.pageSize < this.PAGE_SIZE) {
+      return false;
+    }
     return this.page !== compare;
-
   }
 }
diff --git a/frontend/src/app/bans/history/history.component.ts b/frontend/src/app/bans/history/history.component.ts
index 5975931..3ba9e0f 100644
--- a/frontend/src/app/bans/history/history.component.ts
+++ b/frontend/src/app/bans/history/history.component.ts
@@ -1,4 +1,4 @@
-import {Component, Input, OnChanges, OnInit} from '@angular/core';
+import {Component, EventEmitter, Input, OnChanges, OnInit, Output} from '@angular/core';
 import {BASE_PATH, HistoryService, PunishmentHistoryInner} from '../../../api';
 import {map, Observable, shareReplay} from 'rxjs';
 import {NgForOf, NgIf, NgOptimizedImage} from '@angular/common';
@@ -25,6 +25,8 @@ export class HistoryComponent implements OnInit, OnChanges {
   @Input() page: number = 0;
   @Input() searchTerm: string = '';
 
+  @Output() pageChange = new EventEmitter<number>();
+
   private uuidRegex = /^[0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{12}$/;
 
   public history: PunishmentHistoryInner[] = []
@@ -34,6 +36,7 @@ export class HistoryComponent implements OnInit, OnChanges {
 
   ngOnChanges(): void {
     this.reloadHistory();
+    this.pageChange.emit(this.page);
   }
 
   ngOnInit(): void {