LP2008918: use new default colors for modal headers
[evergreen-equinox.git] / Open-ILS / src / eg2 / src / app / staff / admin / local / search-filter / query-dialog.component.html
1 <ng-template #dialogContent>
2   <form #queryEditForm="ngForm" role="form" class="form-validated common-form striped-odd">
3     <div class="modal-header">
4         <h4 class="modal-title" i18n>New Query</h4>
5         <button type="button" class="btn-close btn-close-white"
6             i18n-aria-label aria-label="Close"
7             (click)="closeAndReset()"></button>
8     </div>
9     <div class="modal-body"> 
10         <div class="row">
11             <div class="col-lg-3 fw-bold" i18n>Query Label</div>
12             <div class="col-lg-9">
13                 <input type="text" class="form-control"  name="query_label"
14                 placeholder="Query Label"
15                 i18n-placeholder required
16                 [(ngModel)]="newQueryLabel"/>
17             </div>
18         </div>
19         <div class="row mt-3">
20             <div class="col-lg-3 fw-bold" i18n>Query Text</div>
21             <div class="col-lg-9">
22                 <input type="text" class="form-control"  name="query_text"
23                 placeholder="Query Text"
24                 i18n-placeholder required
25                 [(ngModel)]="newQueryText"/>
26             </div>
27         </div>
28         <div class="row mt-3">
29             <div class="col-lg-3 fw-bold" i18n>Position</div>
30             <div class="col-lg-9">
31                 <input type="number" class="form-control" name="pos"
32                 placeholder="Position"
33                 i18n-placeholder required
34                 [(ngModel)]="newQueryPosition"/>
35             </div>
36         </div>
37     </div>
38     <div class="modal-footer">
39         <button type="button" class="btn btn-warning"
40             (click)="closeAndReset()" i18n>Cancel</button>
41         <button type="button" class="btn btn-success"
42             [disabled]="queryEditForm.invalid"
43             (click)="save()" i18n >Save</button>
44     </div>
45   </form>
46 </ng-template>