9dab545b6283732343208c1aa8fbe54bfc2f5caf
[evergreen-equinox.git] / Open-ILS / src / eg2 / src / app / staff / share / marc-edit / simplified-editor / simplified-editor.component.html
1 <ng-container *ngIf="editor && subfieldLabels && marcForms && marcTypes">
2   <form [formGroup]="editor">
3     <div class="row">
4       <div class="col-lg-3"><label i18n for="{{idPrefix}}-form">Form</label></div>
5       <div class="col-lg-9">
6         <eg-combobox #formCombobox [entries]="marcForms" formControlName="marcForm"
7           [selectedId]="defaultMarcForm" domId="{{idPrefix}}-form">
8           <eg-combobox-entry entryId=" " entryLabel="<None selected>" i18n-entryLabel></eg-combobox-entry>
9         </eg-combobox>
10       </div>
11     </div>
12     <div class="row">
13       <div class="col-lg-3"><label for="{{idPrefix}}-type" i18n>Type</label></div>
14       <div class="col-lg-9">
15         <eg-combobox #typeCombobox [entries]="marcTypes" formControlName="marcType"
16           selectedId="a" domId="{{idPrefix}}-type">
17         </eg-combobox>
18       </div>
19     </div>
20     <ng-container *ngFor="let field of fields">
21       <div class="row" *ngFor="let subfield of field.subfields">
22         <ng-container *ngIf="!subfield[1]">
23           <div class="col-lg-3">
24             <label for="{{idPrefix}}-{{editorFieldIdentifier(field, subfield)}}">
25               {{subfieldLabels[editorFieldIdentifier(field, subfield)]}}
26             </label>
27           </div>
28           <div class="col-lg-9">
29             <input id="{{idPrefix}}-{{editorFieldIdentifier(field, subfield)}}" formControlName="{{editorFieldIdentifier(field, subfield)}}" />
30           </div>
31         </ng-container>
32       </div>
33     </ng-container>
34     <button class="btn btn-primary" (click)="emitXml()">
35       <ng-container *ngIf="buttonLabel">{{buttonLabel}}</ng-container>
36       <ng-container *ngIf="!buttonLabel" i18n>Save</ng-container>
37     </button>
38   </form>
39 </ng-container>
40