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