]>
Commit | Line | Data |
---|---|---|
9f95a23c TL |
1 | <cd-modal [modalRef]="modalRef"> |
2 | <ng-container class="modal-title" | |
3 | i18n>Create Namespace</ng-container> | |
4 | ||
5 | <ng-container class="modal-content"> | |
6 | <form name="namespaceForm" | |
7 | #formDir="ngForm" | |
8 | [formGroup]="namespaceForm" | |
9 | novalidate> | |
10 | <div class="modal-body"> | |
11 | ||
12 | <!-- Pool --> | |
13 | <div class="form-group row"> | |
14 | <label class="cd-col-form-label required" | |
15 | for="pool" | |
16 | i18n>Pool</label> | |
17 | <div class="cd-col-form-input"> | |
18 | <input class="form-control" | |
19 | type="text" | |
20 | placeholder="Pool name..." | |
21 | id="pool" | |
22 | name="pool" | |
23 | formControlName="pool" | |
24 | *ngIf="!poolPermission.read"> | |
25 | <select id="pool" | |
26 | name="pool" | |
27 | class="form-control custom-select" | |
28 | formControlName="pool" | |
29 | *ngIf="poolPermission.read"> | |
30 | <option *ngIf="pools === null" | |
31 | [ngValue]="null" | |
32 | i18n>Loading...</option> | |
33 | <option *ngIf="pools !== null && pools.length === 0" | |
34 | [ngValue]="null" | |
35 | i18n>-- No rbd pools available --</option> | |
36 | <option *ngIf="pools !== null && pools.length > 0" | |
37 | [ngValue]="null" | |
38 | i18n>-- Select a pool --</option> | |
39 | <option *ngFor="let pool of pools" | |
40 | [value]="pool.pool_name">{{ pool.pool_name }}</option> | |
41 | </select> | |
42 | <span *ngIf="namespaceForm.showError('pool', formDir, 'required')" | |
43 | class="invalid-feedback" | |
44 | i18n>This field is required.</span> | |
45 | </div> | |
46 | </div> | |
47 | ||
48 | <!-- Name --> | |
49 | <div class="form-group row"> | |
50 | <label class="cd-col-form-label required" | |
51 | for="namespace" | |
52 | i18n>Name</label> | |
53 | <div class="cd-col-form-input"> | |
54 | <input class="form-control" | |
55 | type="text" | |
56 | placeholder="Namespace name..." | |
57 | id="namespace" | |
58 | name="namespace" | |
59 | formControlName="namespace" | |
60 | autofocus> | |
61 | <span class="invalid-feedback" | |
62 | *ngIf="namespaceForm.showError('namespace', formDir, 'required')" | |
63 | i18n>This field is required.</span> | |
64 | <span class="invalid-feedback" | |
65 | *ngIf="namespaceForm.showError('namespace', formDir, 'namespaceExists')" | |
66 | i18n>Namespace already exists.</span> | |
67 | </div> | |
68 | </div> | |
69 | ||
70 | </div> | |
71 | ||
72 | <div class="modal-footer"> | |
73 | <div class="button-group text-right"> | |
74 | <cd-submit-button [form]="namespaceForm" | |
75 | (submitAction)="submit()" | |
76 | i18n>Create Namespace</cd-submit-button> | |
77 | <cd-back-button [back]="modalRef.hide" | |
78 | name="Close" | |
79 | i18n-name> | |
80 | </cd-back-button> | |
81 | </div> | |
82 | </div> | |
83 | </form> | |
84 | </ng-container> | |
85 | </cd-modal> |