LP#1759343 Clean up data seed values
[Evergreen.git] / 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