blob: 47fca49c7e8ade7e0a57656005b83a93448619f4 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
|
<cd-modal [modalRef]="activeModal">
<ng-container *ngIf="titleText"
class="modal-title">
{{ titleText }}
</ng-container>
<ng-container class="modal-content">
<form [formGroup]="formGroup"
#formDir="ngForm"
novalidate>
<div class="modal-body">
<p *ngIf="message">{{ message }}</p>
<ng-container *ngFor="let field of fields">
<div class="form-group row cd-{{field.name}}-form-group">
<label *ngIf="field.label"
class="cd-col-form-label"
[ngClass]="{'required': field?.required === true}"
[for]="field.name">
{{ field.label }}
</label>
<div [ngClass]="{'cd-col-form-input': field.label, 'col-sm-12': !field.label}">
<input *ngIf="['text', 'number'].includes(field.type)"
[type]="field.type"
class="form-control"
[id]="field.name"
[name]="field.name"
[formControlName]="field.name">
<input *ngIf="field.type === 'binary'"
type="text"
class="form-control"
[id]="field.name"
[name]="field.name"
[formControlName]="field.name"
cdDimlessBinary>
<select *ngIf="field.type === 'select'"
class="form-control"
[id]="field.name"
[formControlName]="field.name">
<option *ngIf="field?.typeConfig?.placeholder"
[ngValue]="null">
{{ field?.typeConfig?.placeholder }}
</option>
<option *ngFor="let option of field?.typeConfig?.options"
[value]="option.value">
{{ option.text }}
</option>
</select>
<cd-select-badges *ngIf="field.type === 'select-badges'"
[id]="field.name"
[data]="field.value"
[customBadges]="field?.typeConfig?.customBadges"
[options]="field?.typeConfig?.options"
[messages]="field?.typeConfig?.messages">
</cd-select-badges>
<span *ngIf="formGroup.showError(field.name, formDir)"
class="invalid-feedback">
{{ getError(field) }}
</span>
</div>
</div>
</ng-container>
</div>
<div class="modal-footer">
<cd-form-button-panel (submitActionEvent)="onSubmitForm(formGroup.value)"
[form]="formGroup"
[submitText]="submitButtonText"></cd-form-button-panel>
</div>
</form>
</ng-container>
</cd-modal>
|