github.com/readium/readium-lcp-server@v0.0.0-20240101192032-6e95190e99f1/frontend/manage/app/user/user-list.component.html (about)

     1  <h1>Users</h1>
     2  
     3  <div>
     4    <ol class="breadcrumb">
     5      <li class="breadcrumb-item active">Users</li>
     6      <li class="breadcrumb-item">
     7        <a routerLink="/users/add" role="button">Add a user</a>
     8      </li>
     9    </ol>
    10  </div>
    11  
    12  
    13  <table *ngIf="users.length > 0" class="table">
    14    <thead class="thead-inverse">
    15      <tr>
    16        <th class="order-title" (click)="orderBy('id')">
    17          #
    18          <span *ngIf="order == 'id'&&!reverse" class="fa fa-caret-down"></span>
    19          <span *ngIf="order == 'id'&&reverse" class="fa fa-caret-up"></span>
    20        </th>
    21        <th class="order-title" (click)="orderBy('name')">
    22          Name
    23          <span *ngIf="order == 'name'&&!reverse" class="fa fa-caret-down"></span>
    24          <span *ngIf="order == 'name'&&reverse" class="fa fa-caret-up"></span>
    25        </th>
    26        <th class="order-title" (click)="orderBy('email')">
    27          Email
    28          <span *ngIf="order == 'email'&&!reverse" class="fa fa-caret-down"></span>
    29          <span *ngIf="order == 'email'&&reverse" class="fa fa-caret-up"></span>
    30        </th>
    31        <th class="order-title" (click)="orderBy('hint')">
    32          Hint
    33          <span *ngIf="order == 'hint'&&!reverse" class="fa fa-caret-down"></span>
    34          <span *ngIf="order == 'hint'&&reverse" class="fa fa-caret-up"></span>
    35        </th>
    36        <th>Actions</th>
    37      </tr>
    38    </thead>
    39    <tbody>
    40       <tr *ngFor="let user of users | sortBy:order:reverse">
    41        <td>{{user.id}}</td>
    42        <td>{{user.name}}</td>
    43        <td>{{user.email}}</td>
    44        <td>{{user.hint}}</td>
    45        <td>
    46          <button
    47              type="button" class="btn btn-secondary btn-sm"
    48              (click)="onRemove(user.id)">
    49            <i class="fa fa-trash" aria-hidden="true"></i> Remove
    50          </button>
    51          <a [routerLink]="['/users', user.id, 'edit']"
    52             class="btn btn-secondary btn-sm" role="button">
    53             <i class="fa fa-edit" aria-hidden="true"></i> Edit
    54          </a>
    55        </td>
    56      </tr>
    57    </tbody>
    58  </table>