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

Updated styling and components for punishment history

Browse Source
This commit is contained in:
Peter
2025-04-12 17:05:08 +02:00
parent 1264003a44
commit 6a70428c75
8 changed files with 96 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/app/bans/bans.component.html
+20 -7
View File
@@ -1,8 +1,9 @@
<ng-container>
<app-header [current_page]="'bans'" height="200px" background_image="/public/img/backgrounds/staff.png"
<app-header [current_page]="'bans'" height="250px" background_image="/public/img/backgrounds/staff.png"
[overlay_gradient]="0.5">>
<div class="title" header-content>
<h1>Punishment History</h1>
<h2>Minecraft</h2>
</div>
</app-header>
@@ -10,18 +11,30 @@
<section class="darkmodeSection">
<div class="container">
<div class="columnSection">
<div class="historyTypeContainer">
<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 class="historyButtonContainer">
<div [id]="getCurrentButtonId('all')" class="button-outer">
<span class="button-inner" (click)="changeHistoryPunishment('all')"
[ngClass]="active">All</span>
</div>
<div [id]="getCurrentButtonId('ban')" class="button-outer">
<span class="button-inner" (click)="changeHistoryPunishment('ban')"
[ngClass]="active">Bans</span>
</div>
<div [id]="getCurrentButtonId('mute')" class="button-outer">
<span class="button-inner" (click)="changeHistoryPunishment('mute')"
[ngClass]="active">Mutes</span>
</div>
<div [id]="getCurrentButtonId('warn')" class="button-outer">
<span class="button-inner" (click)="changeHistoryPunishment('warn')"
[ngClass]="active">Warnings</span>
</div>
</div>
<div class="historySearchContainer">
<input class="historySearch"
type="text"
placeholder="Search.."
[(ngModel)]="searchTerm"
(input)="filterNames()"
(input)=" filterNames()"
>
<button class="searchButton" (click)="search()">Search</button>
<div class="search-dropdown" *ngIf="filteredNames.length > 0 && searchTerm">