AltitudeWeb/frontend/src/app/bans/history/history.component.html

<ng-container *ngIf="history.length === 0">
  <p>No history found</p>
</ng-container>

<ng-container *ngIf="history.length > 0">
  <table [cellSpacing]="0">
    <div style="width: 1300px; background-color: #dadada;">
      <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 *ngFor="let entry of history">
        <td class="historyType">{{ getType(entry) }}</td>
        <td class="historyPlayer">
          <img class="avatar" ngSrc="https://cravatar.eu/avatar/cba80e47fcbc407aa5ad37a933b7fe30/25" width="25"
               height="25" alt="">
          {{ entry.username }}
        </td>
        <td class="historyPlayer">{{ entry.punishedBy }}</td>
        <td class="historyReason">{{ entry.reason }}</td>
        <td class="historyDate">{{ getPunishmentTime(entry) }}</td>
        <td class="historyDate">{{ getExpiredTime(entry) }}</td>
      </tr>
      </tbody>
    </div>
  </table>
</ng-container>