<!-- Type -->
<div class="form-group"
- [ngClass]="{'has-error': (frm.submitted || formGroup.controls.type.dirty) && formGroup.controls.type.invalid}">
+ [ngClass]="{'has-error': formGroup.showError('type', frm)}">
<label class="control-label col-sm-3"
for="type"
i18n>Type
[value]="type">{{ type }}</option>
</select>
<span class="help-block"
- *ngIf="(frm.submitted || formGroup.controls.type.dirty) && formGroup.controls.type.hasError('required')"
+ *ngIf="formGroup.showError('type', frm, 'required')"
i18n>
This field is required.
</span>
<!-- Permission -->
<div class="form-group"
- [ngClass]="{'has-error': (frm.submitted || formGroup.controls.perm.dirty) && formGroup.controls.perm.invalid}">
+ [ngClass]="{'has-error': formGroup.showError('perm', frm)}">
<label class="control-label col-sm-3"
for="perm"
i18n>Permission
</option>
</select>
<span class="help-block"
- *ngIf="(frm.submitted || formGroup.controls.perm.dirty) && formGroup.controls.perm.hasError('required')"
+ *ngIf="formGroup.showError('perm', frm, 'required')"
i18n>
This field is required.
</span>
import { Component, EventEmitter, Output } from '@angular/core';
-import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { Validators } from '@angular/forms';
import * as _ from 'lodash';
import { BsModalRef } from 'ngx-bootstrap/modal/bs-modal-ref.service';
+import { CdFormBuilder } from '../../../shared/forms/cd-form-builder';
+import { CdFormGroup } from '../../../shared/forms/cd-form-group';
import { RgwUserCapability } from '../models/rgw-user-capability';
@Component({
*/
@Output() submitAction = new EventEmitter();
- formGroup: FormGroup;
+ formGroup: CdFormGroup;
editing = true;
types: string[] = [];
- constructor(private formBuilder: FormBuilder, public bsModalRef: BsModalRef) {
+ constructor(private formBuilder: CdFormBuilder, public bsModalRef: BsModalRef) {
this.createForm();
}