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       <div class="row"><label>Select a Record Source</label></div>
   7       <ngb-accordion [closeOthers]="true" activeIds="csv"
   8         (panelChange)="sourceChange($event)">
   9         <ngb-panel id="csv" title="CSV File">
  10           <ng-template ngbPanelContent>
  11             <div class="row">
  12               <div class="col-lg-6">
  13                 <label i18n>Use Field Number</label>
  14               </div>
  15               <div class="col-lg-6">
  16                 <input id='csv-input' type="number" class="form-control"
  17                   [(ngModel)]="fieldNumber"
  18                   i18n-placeholder placeholder="Starts at 0..."/>
  19               </div>
  20             </div>
  21             <div class="row">
  22               <div class="col-lg-6">
  23                 <label i18n>From CSV file</label>
  24               </div>
  25               <div class="col-lg-6">
  26                 <input #fileSelector (change)="fileSelected($event)"
  27                   class="form-control" type="file"/>
  28               </div>
  29             </div>
  30           </ng-template>
  31         </ngb-panel>
  32         <ngb-panel id="record-id" title="Record ID">
  33           <ng-template ngbPanelContent>
  34             <div class="row">
  35               <div class="col-lg-6">
  36                 <label i18n>Record ID</label>
  37               </div>
  38               <div class="col-lg-6">
  39                 <input id='record-id-input' type="number"
  40                   class="form-control" [(ngModel)]="recordId"/>
  41               </div>
  42             </div>
  43           </ng-template>
  44         </ngb-panel>
  45         <ngb-panel id="bucket-id" title="Bucket">
  46           <ng-template ngbPanelContent>
  47             <div class="row">
  48               <div class="col-lg-6">
  49                 <label i18n>Bucket ID</label>
  50               </div>
  51               <div class="col-lg-6">
  52                 <input id='bucket-id-input' type="number"
  53                   class="form-control" [(ngModel)]="bucketId"/>
  54               </div>
  55             </div>
  56           </ng-template>
  57         </ngb-panel>
  58       </ngb-accordion>
  59     </div><!-- col -->
  60     <div class="col-lg-6">
  61       <div class="row">
  62         <div class="col-lg-6">
  63           <label i18n>Record Type</label>
  64         </div>
  65         <div class="col-lg-6">
  66           <select class="form-control" [(ngModel)]="recordType">
  67             <option i18n value="biblio">Bibliographic Records</option>
  68             <option i18n value="authority">Authority Records</option>
  69           </select>
  70         </div>
  71       </div>
  72       <div class="row">
  73         <div class="col-lg-6">
  74           <label i18n>Record Format</label>
  75         </div>
  76         <div class="col-lg-6">
  77           <select class="form-control" [(ngModel)]="recordFormat">
  78             <option i18n value="USMARC">MARC21</option>
  79             <option i18n value="UNIMARC">UNIMARC</option>
  80             <option i18n value="XML">MARC XML</option>
  81             <option i18n value="BRE">Evergreen Record Entry</option>
  82           </select>
  83         </div>
  84       </div>
  85       <div class="row">
  86         <div class="col-lg-6">
  87           <label i18n>Record Encoding</label>
  88         </div>
  89         <div class="col-lg-6">
  90           <select class="form-control" [(ngModel)]="recordEncoding">
  91             <option i18n value="UTF-8">UTF-8</option>
  92             <option i18n value="MARC8">MARC8</option>
  93           </select>
  94         </div>
  95       </div>
  96       <div class="row">
  97         <div class="col-lg-6">
  98           <label i18n>Include holdings in Bibliographic Records</label>
  99         </div>
 100         <div class="col-lg-6">
 101           <input class="form-check-input" type="checkbox" [(ngModel)]="includeHoldings">
 102         </div>
 103       </div>
 104       <div class="row">
 105         <div class="col-lg-10 offset-lg-1">
 106           <button class="btn btn-success btn-lg btn-block font-weight-bold"
 107             [disabled]="isExporting || !hasNeededData()"
 108             (click)="exportRecords()" i18n>Export</button>
 109         </div>
 110       </div>
 111       <div class="row" [hidden]="!isExporting">
 112         <div class="col-lg-10 offset-lg-1">
 113           <eg-progress-inline #exportProgress></eg-progress-inline>
 114         </div>
 115       </div>
 116     </div><!-- left col -->
 117   </div><!-- row -->
 118 </div>
 119