Add dynamic pagination and state management for history

Introduced dynamic pagination based on punishment types and counts, retrieved via a new API call. Refactored state management with a centralized `pushState` method and updated button logic in the template to reflect the changes. This improves navigation consistency and user experience.
This commit is contained in:
2025-04-12 01:45:59 +02:00
parent 66d641b825
commit 2b27fb6955
2 changed files with 68 additions and 15 deletions
+4 -4
View File
@@ -11,10 +11,10 @@
<div class="container">
<div class="columnSection">
<div class="historyTypeContainer">
<button class="button-outer" (click)="punishmentType = 'all'">All</button>
<button class="button-outer" (click)="punishmentType = 'ban'">Bans</button>
<button class="button-outer" (click)="punishmentType = 'mute'">Mutes</button>
<button class="button-outer" (click)="punishmentType = 'warn'">Warnings</button>
<button class="button-outer" (click)="changeHistoryPunishment('all')">All</button>
<button class="button-outer" (click)="changeHistoryPunishment('ban')">Bans</button>
<button class="button-outer" (click)="changeHistoryPunishment('mute')">Mutes</button>
<button class="button-outer" (click)="changeHistoryPunishment('warn')">Warnings</button>
</div>
<div class="historySearchContainer">
<input class="historySearch"