58 lines
4.7 KiB
HTML
58 lines
4.7 KiB
HTML
<ng-container>
|
|
<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>
|
|
|
|
<main>
|
|
<section class="darkmodeSection">
|
|
<div class="container">
|
|
<div class="columnSection">
|
|
<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()"
|
|
>
|
|
<button class="searchButton" (click)="search()">Search</button>
|
|
<div class="search-dropdown" *ngIf="filteredNames.length > 0 && searchTerm">
|
|
<div
|
|
class="dropdown-item"
|
|
*ngFor="let name of filteredNames"
|
|
(mousedown)="selectName(name)">
|
|
{{ name }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="historyTable">
|
|
<app-history [userType]="userType" [punishmentType]="punishmentType"
|
|
[page]="page" [searchTerm]="finalSearchTerm"></app-history>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
</ng-container>
|