Revert "refactor: remove phone field for user form (#6139)"

This reverts commit f09b685.
halo-dev · Jun 26, 2024 · 4fac8c1 · 4fac8c1
1 parent aadd28a
commit 4fac8c1
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 0 deletions.
diff --git a/ui/console-src/modules/system/users/components/UserCreationModal.vue b/ui/console-src/modules/system/users/components/UserCreationModal.vue
@@ -28,6 +28,7 @@ const formState = ref<CreateUserRequest>({
   email: "",
   name: "",
   password: "",
+  phone: "",
   roles: [],
 });
 const selectedRole = ref("");
@@ -107,6 +108,13 @@ const handleCreateUser = async () => {
         name="email"
         validation="required|email|length:0,100"
       ></FormKit>
+      <FormKit
+        v-model="formState.phone"
+        :label="$t('core.user.editing_modal.fields.phone.label')"
+        type="text"
+        name="phone"
+        validation="length:0,20"
+      ></FormKit>
       <FormKit
         v-model="formState.password"
         :label="$t('core.user.change_password_modal.fields.new_password.label')"

diff --git a/ui/console-src/modules/system/users/components/UserEditingModal.vue b/ui/console-src/modules/system/users/components/UserEditingModal.vue
@@ -119,6 +119,13 @@ const handleUpdateUser = async () => {
               name="email"
               validation="required|email|length:0,100"
             ></FormKit>
+            <FormKit
+              v-model="formState.spec.phone"
+              :label="$t('core.user.editing_modal.fields.phone.label')"
+              type="text"
+              name="phone"
+              validation="length:0,20"
+            ></FormKit>
             <FormKit
               v-model="formState.spec.bio"
               :label="$t('core.user.editing_modal.fields.bio.label')"

diff --git a/ui/uc-src/modules/profile/components/ProfileEditingModal.vue b/ui/uc-src/modules/profile/components/ProfileEditingModal.vue
@@ -32,6 +32,7 @@ const formState = ref<User>(
     spec: {
       displayName: "",
       email: "",
+      phone: "",
       password: "",
       bio: "",
       disabled: false,
@@ -139,6 +140,13 @@ async function onEmailVerifyModalClose() {
                 </VButton>
               </template>
             </FormKit>
+            <FormKit
+              v-model="formState.spec.phone"
+              :label="$t('core.uc_profile.editing_modal.fields.phone.label')"
+              type="text"
+              name="phone"
+              validation="length:0,20"
+            ></FormKit>
             <FormKit
               v-model="formState.spec.bio"
               :label="$t('core.uc_profile.editing_modal.fields.bio.label')"