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

     1  <h3 class="lcpResource" class="step">Listing of LCP Resources (please choose one)</h3>
     2  <ul class="resources">
     3      <li *ngFor="let resource of resources" (click)="onSelect(resource)" [class.selected]="resource === selectedResource">
     4      <span class="anID">{{resource.id}}</span> <span class="aLabel">{{resource.location}}</span>
     5      <span class="aLength">{{resource.length}}</span> <span class="aSha256">{{resource.sha256}}</span>    
     6      </li>
     7  </ul>  
     8  <div class="selectedResource" *ngIf="selectedResource">
     9      <h3>{{selectedResource.location }}  <span class="anID"> ( {{selectedResource.id }} ) </span> </h3>
    10      <button class="lcpBuy" (click)="onBuy(selectedResource)">Buy link</button>
    11      <span>
    12          <label>Loan for #hours:</label>
    13          <input class="inputhours" #hours />
    14          <button class="lcpLoan" (click)="onLoan(selectedResource, hours.value)">Loan (default= 3 weeks)</button>
    15      </span>
    16  </div>