fd1115086a
Adjusted the header height and title text for clarity and consistency in the bans page. Also streamlined avatar image attributes by removing unnecessary units for better HTML standards compliance.
57 lines
4.6 KiB
HTML
57 lines
4.6 KiB
HTML
<ng-container>
|
|
<app-header [current_page]="'bans'" height="200px" background_image="/public/img/backgrounds/staff.png"
|
|
[overlay_gradient]="0.5">>
|
|
<div class="title" header-content>
|
|
<h1>Minecraft Punishments</h1>
|
|
</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>
|