fix bug user-group page

src/components/user-group/UserGroup.ts

@@ -20,8 +20,11 @@ export default defineComponent({
     const keyword = ref('');
 
     const filteredListUsers = computed(() => {
-      return props.listUsers.filter((group) =>
-        group.groupName.includes(keyword.value)
+      return props.listUsers.filter(
+        (group) =>
+          group.groupName.includes(keyword.value.trim()) ||
+          group.groupName.includes(keyword.value.trim().toUpperCase()) ||
+          group.groupName.includes(keyword.value.trim().toLowerCase())
       );
     });
 

src/components/user-management/add-new-user-dialog/index.vue

@@ -123,7 +123,7 @@
               >
                 <template v-slot:prepend>
                   <div class="text-body2">
-                    {{ $t('userPage.dialogLabel.fieldLabels.birthday') }}
+                    {{ $t('userPage.dialogLabel.fieldLabels.birthday') }} *
                   </div>
                 </template>
               </q-input>

src/components/user-management/update-user-dialog/index.vue

@@ -103,7 +103,7 @@
               >
                 <template v-slot:prepend>
                   <div class="text-body2">
-                    {{ $t('userPage.dialogLabel.fieldLabels.birthday') }}
+                    {{ $t('userPage.dialogLabel.fieldLabels.birthday') }} *
                   </div>
                 </template>
               </q-input>

src/i18n/vi/index.ts

@@ -40,10 +40,10 @@ export default {
     groupInfo: {
       title: 'Thông tin nhóm',
       validateMessages: {
-        requireGroupName: 'Vui lòng cung cấp tên nhóm người dùng',
+        requireGroupName: 'Vui lòng nhập Tên nhóm người dùng',
         groupNameLengthInvalid:
           'Tên nhóm người dùng chỉ có thể dài tối đa 10 ký tự',
-        requireGroupDescription: 'Vui lòng cung cấp mô tả nhóm người dùng',
+        requireGroupDescription: 'Vui lòng nhập Mô tả nhóm người dùng',
       },
       actionMessages: {
         addNewSuccess: 'Thêm nhóm người dùng thành công',

src/pages/nhom-nguoi-dung/UserGroup.ts

@@ -35,8 +35,8 @@ const addNewGroupInfo = async ($store: Store<StateInterface>) => {
       method: 'POST',
       data: {
         group: {
-          groupName: groupName.value,
-          description: groupDescription.value,
+          groupName: groupName.value.trim(),
+          description: groupDescription.value.trim(),
         },
         users: [],
         pageRoles: [],
@@ -108,8 +108,8 @@ const updateGroupInfo = async ($store: Store<StateInterface>) => {
       data: {
         group: {
           id: selectedGroupId.value,
-          groupName: groupName.value,
-          description: groupDescription.value,
+          groupName: groupName.value.trim(),
+          description: groupDescription.value.trim(),
         },
         pageRoles,
       },