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

     1  <h1 class="dash-title"> Licenses </h1>
     2  <span class="table-search-input"><label>Filter : </label><input type="text" (keypress)="filter = filterBox.value;keyPressed($event.keyCode)" placeholder="Enter a minimum device number" #filterBox></span>
     3  <button type="button" (click)="filter = filterBox.value;onSubmit();" class="btn btn-primary">Search</button>
     4  <div *ngIf="filtred">
     5      <table class="table">
     6          <thead class="thead-inverse">
     7          <tr>
     8              <th>UUID</th>
     9              <th class="order-title" (click)="orderBy('publicationTitle')">
    10                  Publication
    11                  <span *ngIf="order == 'publicationTitle'&&!reverse" class="fa fa-caret-down"></span>
    12                  <span *ngIf="order == 'publicationTitle'&&reverse" class="fa fa-caret-up"></span>
    13              </th>
    14              <th class="order-title" (click)="orderBy('userName')">
    15                  User
    16                  <span *ngIf="order == 'userName'&&!reverse" class="fa fa-caret-down"></span>
    17                  <span *ngIf="order == 'userName'&&reverse" class="fa fa-caret-up"></span>
    18              </th>
    19              <th class="order-title" (click)="orderBy('type')">
    20                  Type
    21                  <span *ngIf="order == 'type'&&!reverse" class="fa fa-caret-down"></span>
    22                  <span *ngIf="order == 'type'&&reverse" class="fa fa-caret-up"></span>
    23              </th>
    24              <th class="order-title" (click)="orderBy('devices')">
    25                  Devices
    26                  <span *ngIf="order == 'devices'&&!reverse" class="fa fa-caret-down"></span>
    27                  <span *ngIf="order == 'devices'&&reverse" class="fa fa-caret-up"></span>
    28              </th>
    29              <th class="order-title" (click)="orderBy('status')">
    30                  Statues
    31                  <span *ngIf="order == 'status'&&!reverse" class="fa fa-caret-down"></span>
    32                  <span *ngIf="order == 'status'&&reverse" class="fa fa-caret-up"></span>
    33              </th>
    34              <th>Message</th>
    35              <th></th>
    36          </tr>
    37          </thead>
    38          <tr *ngFor="let license of licenses | sortBy:order:reverse">
    39              <td>{{license.id}}</td>
    40              <td>{{license.publicationTitle}}</td>
    41              <td>{{license.userName}}</td>
    42              <td>{{license.type}}</td>
    43              <td>{{license.devices}}</td>
    44              <td>{{license.status}}</td>
    45              <td>{{license.message}}</td>
    46              <td>
    47                  <a [routerLink]="['/purchases', license.purchaseID, 'status']"
    48                      role="button"
    49                      class="btn btn-secondary btn-sm">
    50                      <i class="fa fa-battery-half" aria-hidden="true"></i> Status
    51                  </a>
    52              </td>
    53          </tr>
    54      </table>
    55  </div>