Chris Chen
38 lines
1.5 KiB
HTML
38 lines
1.5 KiB
HTML
<kendo-dialog title="Edit User" (close)="onCancel()" [minWidth]="460" [width]="500">
|
|
<form [formGroup]="form" class="k-form k-form-vertical k-p-2">
|
|
|
|
<kendo-formfield>
|
|
<kendo-label text="Email *"></kendo-label>
|
|
<kendo-textbox formControlName="email"></kendo-textbox>
|
|
<kendo-formerror *ngIf="form.get('email')?.errors?.['required']">Required.</kendo-formerror>
|
|
<kendo-formerror *ngIf="form.get('email')?.errors?.['email']">Invalid email.</kendo-formerror>
|
|
</kendo-formfield>
|
|
|
|
<kendo-formfield class="k-mt-3">
|
|
<kendo-label text="Roles *"></kendo-label>
|
|
<kendo-multiselect formControlName="roles" [data]="roleOptions"
|
|
placeholder="Select roles"></kendo-multiselect>
|
|
</kendo-formfield>
|
|
|
|
<kendo-formfield class="k-mt-3">
|
|
<kendo-label text="Language"></kendo-label>
|
|
<kendo-dropdownlist formControlName="languagePreference"
|
|
[data]="langOptions" textField="text" valueField="value">
|
|
</kendo-dropdownlist>
|
|
</kendo-formfield>
|
|
|
|
<div class="k-d-flex k-align-items-center k-gap-2 k-mt-4">
|
|
<input kendoCheckBox type="checkbox" formControlName="isActive" id="isActiveCheck" />
|
|
<kendo-label for="isActiveCheck" text="Account Active"></kendo-label>
|
|
</div>
|
|
|
|
</form>
|
|
|
|
<kendo-dialog-actions>
|
|
<button kendoButton (click)="onCancel()">Cancel</button>
|
|
<button kendoButton themeColor="primary" (click)="onSubmit()" [disabled]="form.invalid">
|
|
Save Changes
|
|
</button>
|
|
</kendo-dialog-actions>
|
|
</kendo-dialog>
|