1 <cd-modal [modalRef]=
"activeModal">
2 <ng-container i18n=
"form title"
3 class=
"modal-title">{{ action | titlecase }} {{ resource | upperFirst }}
</ng-container>
5 <ng-container class=
"modal-content">
7 [formGroup]=
"formGroup"
9 <div class=
"modal-body">
11 <div class=
"form-group row">
12 <label class=
"cd-col-form-label"
13 [ngClass]=
"{'required': !editing}"
16 <div class=
"cd-col-form-input">
22 formControlName=
"type">
25 formControlName=
"type"
29 *
ngIf=
"types !== null"
30 [ngValue]=
"null">-- Select a type --
</option>
31 <option *
ngFor=
"let type of types"
32 [value]=
"type">{{ type }}
</option>
34 <span class=
"invalid-feedback"
35 *
ngIf=
"formGroup.showError('type', frm, 'required')"
36 i18n
>This field is required.
</span>
41 <div class=
"form-group row">
42 <label class=
"cd-col-form-label required"
44 i18n
>Permission
</label>
45 <div class=
"cd-col-form-input">
48 formControlName=
"perm">
50 [ngValue]=
"null">-- Select a permission --
</option>
51 <option *
ngFor=
"let perm of ['read', 'write', '*']"
56 <span class=
"invalid-feedback"
57 *
ngIf=
"formGroup.showError('perm', frm, 'required')"
58 i18n
>This field is required.
</span>
63 <div class=
"modal-footer">
64 <cd-form-button-panel (submitActionEvent)=
"onSubmit()"
66 [submitText]=
"(action | titlecase) + ' ' + (resource | upperFirst)"></cd-form-button-panel>