Open-ILS/src/eg2/src/app/staff/acq/lineitem/bib-finder-dialog.component.html

   1 <ng-template #dialogContent>
   2   <form class="form-validated">
   3     <div class="modal-header">
   4       <h3 class="modal-title" i18n>Link Line Item to Catalog</h3>
   5       <button type="button" class="btn-close btn-close-white"
   6         i18n-aria-label aria-label="Close" (click)="close()"></button>
   7     </div>
   8     <div class="modal-body">
   9       <h4 i18n>Line Item: {{liId}}</h4>
  10       <div class="input-group">
  11         <label for="searchQuery" class="form-label me-1" i18n>Search catalog for</label>
  12         <input type="text" [(ngModel)]="queryString" [ngModelOptions]="{standalone: true}"
  13           class="form-control" id="searchQuery">
  14         <button type="submit" (click)="submitSearch()" class="btn btn-primary"
  15                 [disabled]="doingSearch || queryString.length < 1" i18n>Submit</button>
  16       </div>
  17       <div class="row">
  18         <div class="col-12">
  19           <eg-progress-inline *ngIf="doingSearch"></eg-progress-inline>
  20         </div>
  21       </div>
  22       <div class="row mt-2">
  23         <div class="col-6">
  24           <h5 i18n>Search results</h5>
  25           <div class="mt-1 pt-1 border-top">
  26             <div *ngFor="let rec of results" class="bib-finder-results-row row mt-1">
  27               <div class="col-3">
  28                 <button class="btn btn-success me-1" (click)="close(rec.id)" i18n>Link</button>
  29                 <button class="btn btn-outline-dark me-1" (click)="bibToDisplay = rec.id" i18n>View MARC</button>
  30               </div>
  31               <div class="col-9">
  32                 <span class="pe-1" i18n>Record {{rec.id}}:</span>
  33                 <span class="pe-1">{{rec.display.title}}</span>
  34                 <span class="pe-1">{{rec.display.author}}</span>
  35                 <span class="pe-1">{{rec.display.isbn}}</span>
  36                 <span class="pe-1">{{rec.display.issn}}</span>
  37                 <span class="pe-1">{{rec.display.pubdate}}</span>
  38                 <span class="pe-1">{{rec.display.publisher}}</span>
  39               </div>
  40             </div>
  41           </div>
  42         </div>
  43         <div class="col-6">
  44           <h5 i18n>MARC Display</h5>
  45           <eg-marc-html recordType="bib" [recordId]="bibToDisplay" *ngIf="bibToDisplay"></eg-marc-html>
  46         </div>
  47       </div>
  48     </div>
  49     <div class="modal-footer">
  50       <button type="button" class="btn btn-warning"
  51         (click)="close()" i18n>Cancel</button>
  52     </div>
  53   </form>
  54 </ng-template>
  55