From 4fac8c13efe9d5abef0b4af80f4ab5a962f21272 Mon Sep 17 00:00:00 2001
From: Ryan Wang <i@ryanc.cc>
Date: Wed, 26 Jun 2024 17:12:50 +0800
Subject: [PATCH] Revert "refactor: remove phone field for user form (#6139)"

This reverts commit f09b685d2862d6d9e7fc74869d1f0cf7a4bad1fd.
---
 .../modules/system/users/components/UserCreationModal.vue | 8 ++++++++
 .../modules/system/users/components/UserEditingModal.vue  | 7 +++++++
 .../modules/profile/components/ProfileEditingModal.vue    | 8 ++++++++
 3 files changed, 23 insertions(+)

diff --git a/ui/console-src/modules/system/users/components/UserCreationModal.vue b/ui/console-src/modules/system/users/components/UserCreationModal.vue
index e4446d993c8..e08889e2770 100644
--- 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
index 13bb8f2fe1a..c2a386899f8 100644
--- 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
index dade1e9e5b8..22c04195c88 100644
--- 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')"