<input placeholder="{{'NAME' | translate}}" type="text" class="form-control" maxlength="30"
formControlName="roleName" [ngClass]="{ 'is-invalid': submitted && f.roleName.errors }" required>
</div>
</div>
<div class="form-group row" *ngIf="viewMode == 'text'">
<label class="col-sm-2 col-form-label">{{'PAGE.ROLES.PERMISSIONS' | translate}}</label>
<input placeholder="{{'NAME' | translate}}" type="text" class="form-control" maxlength="30"
formControlName="roleName" [ngClass]="{ 'is-invalid': submitted && f.roleName.errors }" required>
</div>
</div>
<div class="form-group row" *ngIf="viewMode == 'text'">
<label class="col-sm-2 col-form-label">{{'PAGE.ROLES.PERMISSIONS' | translate}}</label>