]>
Commit | Line | Data |
---|---|---|
20effc67 TL |
1 | <cd-modal [modalRef]="activeModal"> |
2 | <div class="modal-title" | |
3 | i18n>Report an issue</div> | |
4 | ||
5 | <div class="modal-content"> | |
6 | <form name="feedbackForm" | |
7 | [formGroup]="feedbackForm" | |
8 | #formDir="ngForm"> | |
9 | <div class="modal-body"> | |
10 | <cd-alert-panel *ngIf="!isFeedbackEnabled" | |
11 | type="error" | |
12 | i18n>Feedback module is not enabled. Please enable it from <a (click)="redirect()">Cluster-> Manager Modules.</a> | |
13 | </cd-alert-panel> | |
14 | <!-- api_key --> | |
15 | <div class="form-group row" | |
16 | *ngIf="!isAPIKeySet"> | |
17 | <label class="cd-col-form-label required" | |
18 | for="api_key" | |
19 | i18n>Ceph Tracker API Key</label> | |
20 | <div class="cd-col-form-input"> | |
21 | <input id="api_key" | |
22 | type="password" | |
23 | formControlName="api_key" | |
24 | class="form-control" | |
25 | placeholder="Add Ceph tracker API key"> | |
26 | <span class="invalid-feedback" | |
27 | *ngIf="feedbackForm.showError('api_key', formDir, 'required')" | |
28 | i18n>Ceph Tracker API key is required.</span> | |
29 | <span class="invalid-feedback" | |
30 | *ngIf="feedbackForm.showError('api_key', formDir, 'invalidApiKey')" | |
31 | i18n>Ceph Tracker API key is invalid.</span> | |
32 | </div> | |
33 | </div> | |
34 | ||
35 | <!-- project --> | |
36 | <div class="form-group row"> | |
37 | <label class="cd-col-form-label required" | |
38 | for="project" | |
39 | i18n>Project name</label> | |
40 | <div class="cd-col-form-input"> | |
33c7a0ef | 41 | <select class="form-control" |
20effc67 TL |
42 | id="project" |
43 | formControlName="project"> | |
44 | <option ngValue="" | |
45 | i18n>-- Select a project --</option> | |
46 | <option *ngFor="let projectName of project" | |
47 | [value]="projectName">{{ projectName }}</option> | |
48 | </select> | |
49 | <span class="invalid-feedback" | |
50 | *ngIf="feedbackForm.showError('project', formDir, 'required')" | |
51 | i18n>Project name is required.</span> | |
52 | </div> | |
53 | </div> | |
54 | ||
55 | <!-- tracker --> | |
56 | <div class="form-group row"> | |
57 | <label class="cd-col-form-label required" | |
58 | for="tracker" | |
59 | i18n>Tracker</label> | |
60 | <div class="cd-col-form-input"> | |
33c7a0ef | 61 | <select class="form-control" |
20effc67 TL |
62 | id="tracker" |
63 | formControlName="tracker"> | |
64 | <option ngValue="" | |
65 | i18n>-- Select a tracker --</option> | |
66 | <option *ngFor="let trackerName of tracker" | |
67 | [value]="trackerName">{{ trackerName }}</option> | |
68 | </select> | |
69 | <span class="invalid-feedback" | |
70 | *ngIf="feedbackForm.showError('tracker', formDir, 'required')" | |
71 | i18n>Tracker name is required.</span> | |
72 | </div> | |
73 | </div> | |
74 | ||
75 | <!-- subject --> | |
76 | <div class="form-group row"> | |
77 | <label class="cd-col-form-label required" | |
78 | for="subject" | |
79 | i18n>Subject</label> | |
80 | <div class="cd-col-form-input"> | |
81 | <input id="subject" | |
82 | type="text" | |
83 | formControlName="subject" | |
84 | class="form-control" | |
85 | placeholder="Add issue title"> | |
86 | <span class="invalid-feedback" | |
87 | *ngIf="feedbackForm.showError('subject', formDir, 'required')" | |
88 | i18n>Subject is required.</span> | |
89 | </div> | |
90 | </div> | |
91 | ||
92 | <!-- description --> | |
93 | <div class="form-group row"> | |
94 | <label class="cd-col-form-label required" | |
95 | for="description" | |
96 | i18n>Description</label> | |
97 | <div class="cd-col-form-input"> | |
98 | <textarea id="description" | |
99 | type="text" | |
100 | formControlName="description" | |
101 | class="form-control" | |
102 | placeholder="Add issue description"> | |
103 | </textarea> | |
104 | <span class="invalid-feedback" | |
105 | *ngIf="feedbackForm.showError('description', formDir, 'required')" | |
106 | i18n>Description is required.</span> | |
107 | </div> | |
108 | </div> | |
109 | ||
110 | </div> | |
111 | <div class="modal-footer"> | |
112 | <cd-form-button-panel (submitActionEvent)="onSubmit()" | |
113 | [form]="feedbackForm" | |
114 | [submitText]="actionLabels.SUBMIT" | |
115 | wrappingClass="text-right"> | |
116 | </cd-form-button-panel> | |
117 | </div> | |
118 | </form> | |
119 | </div> | |
120 | </cd-modal> |