Chris Chen
44 lines
1.7 KiB
HTML
44 lines
1.7 KiB
HTML
<kendo-dialog title="Add New User" (close)="onCancel()" [minWidth]="460" [width]="500">
|
|
<form [formGroup]="form" class="k-form k-form-vertical k-p-2">
|
|
<div class="grid grid-cols-1 gap-y-3">
|
|
|
|
<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>
|
|
<kendo-label text="Roles *"></kendo-label>
|
|
<kendo-multiselect formControlName="roles" [data]="roleOptions"
|
|
textField="label" valueField="value" [valuePrimitive]="true"
|
|
placeholder="Select roles"></kendo-multiselect>
|
|
<kendo-formerror>At least one role is required.</kendo-formerror>
|
|
</kendo-formfield>
|
|
|
|
<kendo-formfield>
|
|
<kendo-label text="Language"></kendo-label>
|
|
<kendo-dropdownlist formControlName="languagePreference"
|
|
[data]="langOptions" textField="label" valueField="value"
|
|
[valuePrimitive]="true">
|
|
</kendo-dropdownlist>
|
|
</kendo-formfield>
|
|
|
|
<kendo-formfield>
|
|
<kendo-label text="Member ID (optional)"></kendo-label>
|
|
<kendo-numerictextbox formControlName="memberId" [format]="'0'"
|
|
placeholder="Link to a member record"></kendo-numerictextbox>
|
|
</kendo-formfield>
|
|
|
|
</div>
|
|
</form>
|
|
|
|
<kendo-dialog-actions>
|
|
<button kendoButton (click)="onCancel()">Cancel</button>
|
|
<button kendoButton themeColor="primary" (click)="onSubmit()" [disabled]="form.invalid">
|
|
Create User
|
|
</button>
|
|
</kendo-dialog-actions>
|
|
</kendo-dialog>
|