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

     1  <h1>Publications</h1>
     2  
     3  <div>
     4    <ol class="breadcrumb">
     5      <li class="breadcrumb-item active">Publications</li>
     6      <li class="breadcrumb-item"><a routerLink="/publications/add" role="button">Add a publication</a></li>
     7    </ol>
     8  </div>
     9  
    10  <span class="table-search-input"><label>Search : </label><input type="text" placeholder="Enter a title" [(ngModel)]="search"></span>
    11  <table *ngIf="publications.length > 0" class="table">
    12    <thead class="thead-inverse">
    13      <tr>
    14        <th class="order-title" (click)="orderBy('id')">
    15          #
    16          <span *ngIf="order == 'id'&&!reverse" class="fa fa-caret-down"></span>
    17          <span *ngIf="order == 'id'&&reverse" class="fa fa-caret-up"></span>
    18        </th>
    19        <th class="order-title" (click)="orderBy('title')">
    20          Title
    21          <span *ngIf="order == 'title'&&!reverse" class="fa fa-caret-down"></span>
    22          <span *ngIf="order == 'title'&&reverse" class="fa fa-caret-up"></span>
    23        </th>
    24        <th class="order-title" (click)="orderBy('uuid')">
    25          UUID
    26          <span *ngIf="order == 'uuid'&&!reverse" class="fa fa-caret-down"></span>
    27          <span *ngIf="order == 'uuid'&&reverse" class="fa fa-caret-up"></span>
    28        </th>
    29        <th>Actions</th>
    30      </tr>
    31    </thead>
    32    <tbody>
    33      <tr *ngFor="let publication of publications | sortBy:order:reverse">
    34          <td *ngIf="keptWithFilter(publication)">{{publication.id}}</td>
    35          <td *ngIf="keptWithFilter(publication)">{{publication.title}}</td>
    36          <td *ngIf="keptWithFilter(publication)">{{publication.uuid}}</td>
    37          <td *ngIf="keptWithFilter(publication)">
    38            <button
    39                type="button" class="btn btn-secondary btn-sm"
    40                (click)="onRemove(publication.id)">
    41              <i class="fa fa-trash" aria-hidden="true"></i> Remove
    42            </button>
    43            <a [routerLink]="['/publications', publication.id, 'edit']"
    44              class="btn btn-secondary btn-sm" role="button">
    45              <i class="fa fa-edit" aria-hidden="true"></i> Edit
    46            </a>
    47          </td>
    48      </tr>
    49    </tbody>
    50  </table>