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

     1  <h2 class="step">1. Subscribe and/or select user in the list below</h2>
     2  <div>
     3      <h3>Add User</h3>
     4      <span><label>Alias:</label><input #alias /></span>
     5      <span><label>Email:</label><input #email /></span>
     6      <span><label>Password:</label><input #password /></span>
     7      <button (click)="add(alias.value, email.value, password.value);alias.value='';email.value='';password.value='';">
     8          add user
     9      </button>
    10  </div>
    11  <h3>User list</h3>
    12  <table class="users">
    13      <tr *ngFor="let user of users" >
    14          <td class="anID" [class.selected]="user === selectedUser" >{{user.userID}}</td>
    15          <td class="aLabel" (click)="onSelect(user)" >{{user.alias}}</td>
    16          <td class="anID"> hashed passphrase = {{user.password}}</td>
    17          <td><button class="delete" (click)="delete(user); $event.stopPropagation()">x</button></td>
    18      </tr>
    19  </table> 
    20  <div class="selectedUser" *ngIf="selectedUser">
    21      <h2>2. Select item for license</h2>
    22      <h3>Current user = {{selectedUser.alias | uppercase }} <button (click)="gotoDetail()">Details</button> </h3>
    23      <resources [user]=selectedUser></resources>    
    24  </div>