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>
9 <div class="modal-body">
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"/>
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"/>
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"/>
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>