oslo_boating_project/boat-reservation-view/src/app/admin-panel/admin-panel.component.html

<div>
  <b><h2 translate="admin.title"></h2></b>
  <table>
    <tr>
      <th>ID</th>
      <th translate="admin.username"></th>
      <th>Email</th>
      <th>A</th>
      <th>M</th>
      <th translate="admin.actions"></th>
    </tr>
    <tr *ngFor="let user of users">
      <td>{{user.id}}</td>
      <td>{{user.username}}</td>
      <td>{{user.email}}</td>
      <td *ngIf="user.isAdmin">✅</td>
      <td *ngIf="!user.isAdmin">❌</td>
      <td *ngIf="user.isManager">✅</td>
      <td *ngIf="!user.isManager">❌</td>
      <td>
        <div class="action-cell">
          <button class="button change-role" (click)="updateAdminRole(user.id)" translate="admin.switch_a"></button>
          <button class="button change-role" (click)="updateManagerRole(user.id)" translate="admin.switch_m"></button>
          <button class="button delete"  (click)="deleteUser(user.id)" translate="admin.delete"></button>
        </div>
      </td>
    </tr>
  </table>
  <br>
</div>