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

     1  <h3 class="purchases step">Purchases</h3>
     2  
     3  <ul class="purchases">
     4      <li *ngFor="let purchase of purchases" (click)="onSelect(purchase)" [class.selected]="purchase === selectedPurchase" class="purchase">    
     5          <span class="date">{{purchase.transactionDate  | date:'medium' }}</span>
     6          <button (click)="DownloadLicense(purchase)">download lcpl</button> 
     7          <button (click)="DownloadPublication(purchase)">download publication</button> 
     8          <button (click)="CheckStatus(purchase)">status</button> 
     9          <span class="label">{{purchase.label}}</span><br/>    
    10          <span class="licenseID">{{purchase.licenseID}}</span>
    11          <div class="register">
    12              ID <input class="DeviceID" placeholder="Device ID" #deviceID />
    13              Name <input class="DeviceLabel" #deviceLabel placeholder="optional name"/>
    14              <button (click)="RegisterDevice(purchase, deviceID.value, deviceLabel.value)">Register</button>
    15          </div>        
    16          <div class="rights" *ngIf="purchase.partialLicense | FilterRights">
    17              <div>
    18                  <span >{{ purchase.partialLicense  | ShowRights }}</span>
    19                  <button (click)="ReturnLoan(purchase,deviceID.value, deviceLabel.value)">Return</button> 
    20              </div>
    21              <div>
    22                  <label>Renew for #hours:</label>
    23                  <input class="inputhours" #hours />
    24                  <button (click)="RenewLoan(purchase,hours.value,deviceID.value, deviceLabel.value)">Renew</button> 
    25              </div>        
    26          </div>
    27      </li>
    28  </ul>