Altitude/AltitudeWeb
5
0
Fork 0
Code Issues 12 Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor table and pagination UI components.

Browse Source 
Replaced inline styles with reusable classes for better maintainability. Improved pagination button styling and added transitions to the history table header for a polished user experience. Updated SCSS variables for consistent naming conventions.
This commit is contained in:
Peter
2025-04-12 21:55:25 +02:00
parent a4d8fc07e9
commit 13122559db
5 changed files with 27 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/app/bans/bans.component.html
+6 -6
View File
@@ -30,12 +30,12 @@
</div>
<div class="historySearchContainer">
<input class="historySearch"
type="text"
type="search"
placeholder="Search.."
[(ngModel)]="searchTerm"
(input)=" filterNames()"
>
<button class="searchButton" (click)="search()">Search</button>
<button type="submit" class="searchButton" (click)="search()">Search</button>
<div class="search-dropdown" *ngIf="filteredNames.length > 0 && searchTerm">
<div
class="dropdown-item"
@@ -52,19 +52,19 @@
</div>
<div class="changePageButtons">
<button [ngClass]="{'active': buttonActive(0)}" [disabled]="!buttonActive(0)"
(click)="setPage(0)">
(click)="setPage(0)" class="pageButton">
First page
</button>
<button [ngClass]="{'active': buttonActive(0)}" [disabled]="!buttonActive(0)"
(click)="previousPage()">
(click)="previousPage()" class="pageButton">
Previous page
</button>
<button [ngClass]="{'active': buttonActive(getMaxPage())}" [disabled]="!buttonActive(getMaxPage())"
(click)="nextPage()">
(click)="nextPage()" class="pageButton">
Next page
</button>
<button [ngClass]="{'active': buttonActive(getMaxPage())}" [disabled]="!buttonActive(getMaxPage())"
(click)="setPage(getMaxPage())">
(click)="setPage(getMaxPage())" class="pageButton">
Last page
</button>
</div>