feat: add EditUserDialogComponent

2026-05-27 14:22:13 -07:00
parent 3a5b5721e4
commit 6c3292861a
2 changed files with 88 additions and 0 deletions
@@ -0,0 +1,37 @@
+<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>