020e09748b1c98bee70062b9824329af46c3c412
[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       <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