]>
Commit | Line | Data |
---|---|---|
11fdf7f2 TL |
1 | <div class="modal-header"> |
2 | <h4 class="modal-title pull-left" | |
92f5a8d4 | 3 | i18n="form title|Example: Create rbdSnapshot@@formTitle">{{ action | titlecase }} {{ resource | upperFirst }}</h4> |
11fdf7f2 TL |
4 | <button type="button" |
5 | class="close pull-right" | |
6 | aria-label="Close" | |
7 | (click)="modalRef.hide()"> | |
8 | <span aria-hidden="true">×</span> | |
9 | </button> | |
10 | </div> | |
11 | <form name="snapshotForm" | |
12 | class="form-horizontal" | |
13 | #formDir="ngForm" | |
14 | [formGroup]="snapshotForm" | |
15 | novalidate> | |
16 | <div class="modal-body"> | |
17 | ||
18 | <!-- Name --> | |
19 | <div class="form-group" | |
20 | [ngClass]="{'has-error': snapshotForm.showError('snapshotName', formDir)}"> | |
21 | <label class="control-label col-sm-3" | |
22 | for="snapshotName"> | |
23 | <ng-container i18n>Name</ng-container> | |
24 | <span class="required"></span> | |
25 | </label> | |
26 | <div class="col-sm-9"> | |
27 | <input class="form-control" | |
28 | type="text" | |
29 | placeholder="Snapshot name..." | |
30 | id="snapshotName" | |
31 | name="snapshotName" | |
32 | formControlName="snapshotName" | |
33 | autofocus> | |
34 | <span class="help-block" | |
35 | *ngIf="snapshotForm.showError('snapshotName', formDir, 'required')" | |
36 | i18n>This field is required.</span> | |
37 | </div> | |
38 | </div> | |
39 | ||
40 | </div> | |
41 | ||
42 | <div class="modal-footer"> | |
43 | <div class="button-group text-right"> | |
44 | <cd-submit-button [form]="snapshotForm" | |
45 | (submitAction)="submit()" | |
92f5a8d4 | 46 | i18n="form action button|Example: Create rbdSnapshot@@formActionButton">{{ action | titlecase }} {{ resource | upperFirst }}</cd-submit-button> |
11fdf7f2 TL |
47 | <cd-back-button [back]="modalRef.hide" |
48 | name="Close" | |
49 | i18n-name> | |
50 | </cd-back-button> | |
51 | </div> | |
52 | </div> | |
53 | </form> |