LP1852782 MARC editor Physical Characteristics Wizard
[Evergreen.git] / Open-ILS / src / eg2 / src / app / staff / share / marc-edit / phys-char-dialog.component.html
1
2 <ng-template #dialogContent>
3   <div class="modal-header bg-info">
4     <h4 class="modal-title" i18n>Physical Characteristics Wizard</h4>
5     <button type="button" class="close"
6       i18n-aria-label aria-label="Close" (click)="close()">
7       <span aria-hidden="true">&times;</span>
8     </button>
9   </div>
10   <div class="modal-body">
11
12     <div class="form-group row">
13       <label for="007-value" 
14         class="col-lg-4 col-form-label" i18n>007 Value</label>
15       <div class="col-lg-5 well-table">
16         <div class="well-value">
17           <!-- avoid newlines and spaces in the <pre> content -->
18           <pre class="pb-0 mb-0 pt-1">{{splitFieldData()[0]}}<span 
19             class="text-danger">{{splitFieldData()[1]}}</span>{{splitFieldData()[2]}}</pre>
20         </div>
21       </div>
22       <div class="col-lg-3 d-flex">
23         <button class="btn btn-outline-dark m-1 p-1 flex-1" (click)="reset()" i18n>Reset</button>
24         <button class="btn btn-outline-dark m-1 p-1 flex-1" (click)="reset(true)" i18n>Clear</button>
25       </div>
26     </div>
27
28     <div class="form-group row">
29       <label for="value-selector" class="col-lg-4 col-form-label">
30         <ng-container *ngIf="!selectorLabel" i18n>Category of Material</ng-container>
31         <ng-container *ngIf="selectorLabel">{{selectorLabel}}</ng-container>
32       </label>
33       <div class="col-lg-5">
34         <select id='value-selector' class="form-control" 
35           [(ngModel)]="selectorValue" (change)="selectorChanged()">
36           <option value=" " i18n>&lt;Unset&gt;</option>
37           <option *ngFor="let entry of selectorOptions" 
38             [ngValue]="entry.id" i18n>{{entry.id}}: {{entry.label}}</option>
39         </select>
40       </div>
41       <div class="col-lg-3 d-flex">
42         <button type="button" class="btn btn-outline-dark flex-1 m-1 p-1" 
43           (click)="prev()" [disabled]="step === 0" i18n>Previous</button>
44
45         <button type="button" class="btn btn-outline-dark flex-1 m-1 p-1"
46           (click)="next()" [disabled]="isLastStep()" i18n>Next</button>
47       </div>
48     </div>
49   </div>
50
51   <div class="modal-footer">
52     <button type="button" class="btn btn-success" 
53       (click)="close(fieldData)" i18n>Apply</button>
54
55     <button type="button" class="btn btn-warning" 
56       (click)="close()" i18n>Cancel</button>
57   </div>
58
59 </ng-template>