96cc4610dd
Introduce a page number display to the pagination controls for better navigation transparency. Update button styles to use CSS variables for improved theme consistency and maintainability.
46 lines
1.6 KiB
HTML
46 lines
1.6 KiB
HTML
<ng-container *ngIf="history.length === 0">
|
|
<p>No history found</p>
|
|
</ng-container>
|
|
|
|
<ng-container *ngIf="history.length > 0">
|
|
<table [cellSpacing]="0">
|
|
<div class="historyTableHead">
|
|
<thead>
|
|
<tr>
|
|
<th class="historyType">Type</th>
|
|
<th class="historyPlayer">Player</th>
|
|
<th class="historyPlayer">Banned By</th>
|
|
<th class="historyReason">Reason</th>
|
|
<th class="historyDate">Date</th>
|
|
<th class="historyDate">Expires</th>
|
|
</tr>
|
|
</thead>
|
|
</div>
|
|
<div>
|
|
<tbody>
|
|
<tr class="historyPlayerRow" *ngFor="let entry of history">
|
|
<td class="historyType">{{ getType(entry) }}</td>
|
|
<td class="historyPlayer">
|
|
<div class="playerContainer">
|
|
<img class="avatar" [ngSrc]="getAvatarUrl(entry.uuid)" width="25" height="25"
|
|
alt="{{entry.username}}'s Minecraft skin">
|
|
<span class="username">{{ entry.username }}</span>
|
|
</div>
|
|
</td>
|
|
<td class="historyPlayer">
|
|
<div class="playerContainer">
|
|
<img class="avatar" [ngSrc]="getAvatarUrl(entry.punishedByUuid)" width="25" height="25"
|
|
alt="{{entry.punishedBy}}'s Minecraft skin">
|
|
<span>{{ entry.punishedBy }}</span>
|
|
</div>
|
|
</td>
|
|
<td class="historyReason">{{ entry.reason | removeTrailingPeriod }}</td>
|
|
<td class="historyDate">{{ getPunishmentTime(entry) }}</td>
|
|
<td class="historyDate">{{ getExpiredTime(entry) }}</td>
|
|
</tr>
|
|
</tbody>
|
|
</div>
|
|
</table>
|
|
</ng-container>
|
|
|