Open-ILS/src/eg2/src/app/staff/cat/vandelay/export.component.html

   1 <h2 i18n>Export Records</h2>
   2
   3 <div class="common-form striped-even form-validated">
   4   <div class="row">
   5     <div class="col-lg-6">
   6      <ng-container *ngIf="exportingBasket">
   7         <div class="alert alert-info" i18n>
   8           Exporting {{basketRecords.length}} Records from Catalog Basket.
   9         </div>
  10         <div>
  11           <a routerLink="/staff/catalog/search" queryParamsHandling="merge" class="btn btn-info" i18n>Return to Catalog</a>
  12         </div>
  13       </ng-container>
  14       <ng-container *ngIf="!exportingBasket">
  15         <div class="row"><label>Select a Record Source</label></div>
  16         <ngb-accordion [closeOthers]="true" activeIds="csv"
  17           (panelChange)="sourceChange($event)">
  18           <ngb-panel id="csv" title="CSV File">
  19             <ng-template ngbPanelContent>
  20               <div class="row">
  21                 <div class="col-lg-6">
  22                   <label class="form-label" for="csv-input" i18n>Use Field Number</label>
  23                 </div>
  24                 <div class="col-lg-6">
  25                   <input id='csv-input' type="number" class="form-control"
  26                     [(ngModel)]="fieldNumber"
  27                     i18n-placeholder placeholder="Starts at 0..."/>
  28                 </div>
  29               </div>
  30               <div class="row">
  31                 <div class="col-lg-6">
  32                   <label class="form-label" for="use-csv-file" i18n>From CSV file</label>
  33                 </div>
  34                 <div class="col-lg-6">
  35                   <input #fileSelector (change)="fileSelected($event)"
  36                     id="use-csv-file" class="form-control" type="file"/>
  37                 </div>
  38               </div>
  39             </ng-template>
  40           </ngb-panel>
  41           <ngb-panel id="record-id" title="Record ID">
  42             <ng-template ngbPanelContent>
  43               <div class="row">
  44                 <div class="col-lg-6">
  45                   <label class="form-label" for="record-id-input" i18n>Record ID</label>
  46                 </div>
  47                 <div class="col-lg-6">
  48                   <input id='record-id-input' type="number"
  49                     class="form-control" [(ngModel)]="recordId"/>
  50                 </div>
  51               </div>
  52             </ng-template>
  53           </ngb-panel>
  54           <ngb-panel id="bucket-id" title="Bucket">
  55             <ng-template ngbPanelContent>
  56               <div class="row">
  57                 <div class="col-lg-6">
  58                   <label class="form-label" for="bucket-id-input" i18n>Bucket ID</label>
  59                 </div>
  60                 <div class="col-lg-6">
  61                   <input id='bucket-id-input' type="number"
  62                     class="form-control" [(ngModel)]="bucketId"/>
  63                 </div>
  64               </div>
  65             </ng-template>
  66           </ngb-panel>
  67         </ngb-accordion>
  68       </ng-container>
  69     </div><!-- col -->
  70
  71     <div class="col-lg-6">
  72       <div class="row">
  73         <div class="col-lg-6">
  74           <label class="form-label" for="record-type" i18n>Record Type</label>
  75         </div>
  76         <div class="col-lg-6">
  77           <select class="form-select"
  78             [disabled]="exportingBasket"
  79             [(ngModel)]="recordType" id="record-type">
  80             <option i18n value="biblio">Bibliographic Records</option>
  81             <option i18n value="authority">Authority Records</option>
  82           </select>
  83         </div>
  84       </div>
  85       <div class="row">
  86         <div class="col-lg-6">
  87           <label class="form-label" for="record-format" i18n>Record Format</label>
  88         </div>
  89         <div class="col-lg-6">
  90           <select class="form-select"
  91             [(ngModel)]="recordFormat" id="record-format">
  92             <option i18n value="USMARC">MARC21</option>
  93             <option i18n value="UNIMARC">UNIMARC</option>
  94             <option i18n value="XML">MARC XML</option>
  95             <option i18n value="BRE">Evergreen Record Entry</option>
  96           </select>
  97         </div>
  98       </div>
  99       <div class="row">
 100         <div class="col-lg-6">
 101           <label class="form-label" for="record-encoding" i18n>Record Encoding</label>
 102         </div>
 103         <div class="col-lg-6">
 104           <select class="form-select"
 105             [(ngModel)]="recordEncoding" id="record-encoding">
 106             <option i18n value="UTF-8">UTF-8</option>
 107             <option i18n value="MARC8">MARC8</option>
 108           </select>
 109         </div>
 110       </div>
 111       <div class="row">
 112         <div class="col-lg-6">
 113           <label class="form-label" for="include-holdings" i18n>
 114             Include holdings in Bibliographic Records
 115           </label>
 116         </div>
 117         <div class="col-lg-6">
 118           <input class="form-check-input" type="checkbox"
 119             [(ngModel)]="includeHoldings" id="include-holdings">
 120         </div>
 121       </div>
 122       <div class="row">
 123         <div class="d-grid gap-2 col-10 mx-auto">
 124           <button type="button" class="btn btn-success btn-lg fw-bold"
 125             [disabled]="isExporting || !hasNeededData()"
 126             (click)="exportRecords()" i18n>Export</button>
 127         </div>
 128       </div>
 129       <div class="row" [hidden]="!isExporting">
 130         <div class="col-lg-10 offset-lg-1">
 131           <eg-progress-inline #exportProgress></eg-progress-inline>
 132         </div>
 133       </div>
 134     </div><!-- left col -->
 135   </div><!-- row -->
 136 </div><!-- form -->
 137
 138