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 bg-info">
   4         <h4 class="modal-title" i18n>New Query</h4>
   5         <button type="button" class="close"
   6             i18n-aria-label aria-label="Close"
   7             (click)="closeAndReset()">
   8             <span aria-hidden="true">&times;</span>
   9         </button>
  10     </div>
  11     <div class="modal-body">
  12         <div class="row">
  13             <div class="col-lg-3 font-weight-bold" i18n>Query Label</div>
  14             <div class="col-lg-9">
  15                 <input type="text" class="form-control"  name="query_label"
  16                 placeholder="Query Label"
  17                 i18n-placeholder required
  18                 [(ngModel)]="newQueryLabel"/>
  19             </div>
  20         </div>
  21         <div class="row mt-3">
  22             <div class="col-lg-3 font-weight-bold" i18n>Query Text</div>
  23             <div class="col-lg-9">
  24                 <input type="text" class="form-control"  name="query_text"
  25                 placeholder="Query Text"
  26                 i18n-placeholder required
  27                 [(ngModel)]="newQueryText"/>
  28             </div>
  29         </div>
  30         <div class="row mt-3">
  31             <div class="col-lg-3 font-weight-bold" i18n>Position</div>
  32             <div class="col-lg-9">
  33                 <input type="number" class="form-control" name="pos"
  34                 placeholder="Position"
  35                 i18n-placeholder required
  36                 [(ngModel)]="newQueryPosition"/>
  37             </div>
  38         </div>
  39     </div>
  40     <div class="modal-footer">
  41         <button type="button" class="btn btn-warning"
  42             (click)="closeAndReset()" i18n>Cancel</button>
  43         <button type="button" class="btn btn-success"
  44             [disabled]="queryEditForm.invalid"
  45             (click)="save()" i18n >Save</button>
  46     </div>
  47   </form>
  48 </ng-template>