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

     1  <h1>Purchase status</h1>
     2  
     3  <div *ngIf="purchase">
     4    <ol class="breadcrumb">
     5      <li class="breadcrumb-item"><a routerLink="/purchases">Purchases</a></li>
     6      <li class="breadcrumb-item active">Purchase {{ purchase.id }}</li>
     7    </ol>
     8    <h2>{{purchase.publication.title}}</h2>
     9        <button 
    10          [disabled]="licenseStatus && (licenseStatus.status == 'revoked' || licenseStatus.status == 'cancelled')"
    11          (click)="onDownload_LCPL(purchase)"
    12          type="button" role="button"
    13          class="btn btn-secondary btn-sm" >
    14          <i class="fa fa-download" aria-hidden="true"></i> LCPL
    15        </button>
    16        <span *ngIf="purchase.status == 'ok' && licenseStatus && licenseStatus.status != 'revoked'">
    17          <a 
    18            *ngIf="purchase.type == 'LOAN' && purchase.licenseUuid != null && licenseStatus.status != 'revoked'"
    19            [routerLink]="['/purchases', purchase.id, 'renew']"
    20            class="btn btn-secondary btn-sm" role="button">
    21            <i class="fa fa-hourglass-end" aria-hidden="true"></i> Renew
    22          </a>
    23          <button 
    24              [disabled]="licenseStatus.status == 'revoked' || licenseStatus.status == 'cancelled'"
    25              *ngIf="purchase.type == 'LOAN' && purchase.licenseUuid != null"
    26              type="button" role="button"
    27              class="btn btn-secondary btn-sm"
    28              (click)="onReturn(purchase)">
    29            <i class="fa fa-eject" aria-hidden="true"></i> Return
    30          </button>
    31          <button 
    32            [disabled]="licenseStatus.status == 'revoked' || licenseStatus.status == 'cancelled'"
    33            type="button" role="button"
    34            class="btn btn-secondary btn-sm"
    35            (click)="onRevoke(purchase)">
    36            <i class="fa fa-eject" aria-hidden="true"></i> Revoke
    37          </button>
    38        </span>
    39        <p>Date : {{formatDate(purchase.transactionDate)}}</p>
    40        <p>User : {{purchase.user.name}}</p>
    41        <p>Type : {{purchase.type}}</p>
    42        <p *ngIf="purchase.type == 'LOAN'">Start Date : {{formatDate(purchase.startDate)}}</p>
    43        <p *ngIf="purchase.type == 'LOAN'">End Date : {{formatDate(purchase.endDate)}}</p>
    44        <p>Delivered : {{purchase.licenseUuid != null}}<p>
    45    <div *ngIf="licenseStatus">
    46      <form>
    47        <fieldset disabled>
    48          <div *ngIf="licenseStatus" class="form-group">
    49            <label>Status:</label>
    50            <input type="text" class="form-control" placeholder="{{ licenseStatus.status }}" />
    51          </div>
    52          <div *ngIf="licenseStatus.potential_rights" class="form-group">
    53            <label>Potential Right End Date:</label>
    54            <input  type="text" class="form-control" placeholder="{{ licenseStatus.potential_rights.end }}" />
    55          </div>
    56        </fieldset>
    57      </form>
    58  
    59      <!--><div *ngIf="true">
    60        <h1 class="event-license-title"> Best Sellers </h1>
    61        <table id="event-license-table" class="table">
    62            <thead class="thead-inverse">
    63            <tr>
    64                <th>Id</th>
    65                <th>Nbr</th>
    66            </tr>
    67            </thead>
    68            <tr *ngFor="">
    69                <td *ngIf="">{{}}</td>
    70                <td *ngIf="">{{}}</td>
    71            </tr>
    72        </table>
    73      </div></!-->
    74    </div>
    75  </div>
    76  <div id="snackbar">{{revokeMessage}}</div>