Bug #19608

FE - React - Apply fieldset for all form

Added by chok yee fan 9 months ago. Updated 9 months ago.

Status:ClosedStart date:29 January 2024
Priority:NormalDue date:30 January 2024
Assignee:chok yee fan% Done:

0%

Category:-Spent time:-
Target version:-

Description

apply fieldset for all form.

refer the attachment

Screenshot 2024-01-29 at 4.38.26 PM.png (110 KB) chok yee fan, 29 January 2024 04:38 PM

Screenshot 2024-01-30 at 2.50.20 PM.png - OrganisationProfileForm.tsx (388 KB) chok yee fan, 30 January 2024 02:50 PM

Screenshot 2024-01-30 at 2.57.07 PM.png - DepartmentForm.tsx (357 KB) chok yee fan, 30 January 2024 02:57 PM

Screenshot 2024-01-30 at 3.14.52 PM.png - UserRoleForm.tsx (342 KB) chok yee fan, 30 January 2024 03:14 PM

WhatsApp Image 2024-01-30 at 5.00.10 PM.jpeg - Need to put it in here not in the OrganisationProfileForm (108 KB) Hazimi Muhammad, 30 January 2024 05:00 PM

WhatsApp Image 2024-01-30 at 5.00.10 PM.jpeg - Same for here (108 KB) Hazimi Muhammad, 30 January 2024 05:04 PM

History

#1 Updated by chok yee fan 9 months ago

  • Due date set to 30 January 2024

#2 Updated by Hazimi Muhammad 9 months ago

  • Status changed from New to Resolved
  • Assignee changed from Hazimi Muhammad to chok yee fan

Hazimi - Bug #19608-FE - React - Apply fieldset for all form

~/Documents/React/mleb-iam/cc_iam/src/pages
business-constitution
BusinessConstitutionForm.tsx
country
CountryForm.tsx
email-config
EmailConfigForm.tsx
mleb-function
MlebFunctionForm.tsx
organization-profile/department-tab
DepartmentForm.tsx
security-policy
SecurityPolicyForm.tsx
user-category
UserCategoryForm.tsx
user-role
UserRoleForm.tsx
UserRoleTabs.tsx

#3 Updated by chok yee fan 9 months ago

extremely careless
OrganisationProfileForm not put it in
DepartmentForm must under the <form> if not have to add in the <form>
UserRoleForm.tsx not put it in

#4 Updated by Hazimi Muhammad 9 months ago

My Bad.The reason i not put inside the FORM page is form module don't have the updateActionRes so i put it in the TAB

Hazimi - Bug #19608-IAM > FE - React - Apply fieldset for all form

~/Documents/React/mleb-iam/cc_iam/src/pages/organization-profile
department-tab
DepartmentForm.tsx
organisation-profile-tab
OrganisationProfileForm.tsx
OrganisationProfileTabs.tsx

#5 Updated by chok yee fan 9 months ago

  • Assignee changed from chok yee fan to Amirul Umar Pandai

Check the developer put the code is correct or not. since is touching ur module

#6 Updated by Amirul Umar Pandai 9 months ago

  • Assignee changed from Amirul Umar Pandai to Hazimi Muhammad

Hazimi came to me asking how he should modify my modules, since they're the few modules that contain tabs instead of regular form pages. I was the one who advised him how to do my modules, apologies. After examining this Redmine further, I decided to put updateActionRes into the ...Form.tsx pages themselves, omitting the request object and using fixedCacheKey to persist the data across the tabs.


fieldset for Org Profile, Department, User Role

https://dev.silverlakemobility.com/gitlab/mleb-solution-domain/smesd100/mleb-iam/-/commit/05fd059891f00219970efe10730b68592333b2ba

#7 Updated by Hazimi Muhammad 9 months ago

  • Assignee changed from Hazimi Muhammad to chok yee fan

#8 Updated by Hazimi Muhammad 9 months ago

-Go to any module that has Form > Inspect > Network > No throttling > slow 3G > fill the form and click save.

Implement for all form page :

BusinessConstitutionForm.tsx
CountryForm.tsx
EmailConfigForm.tsx
MlebFunctionForm.tsx
DepartmentForm.tsx
SecurityPolicyForm.tsx
UserCategoryForm.tsx
UserRoleForm.tsx
DepartmentForm.tsx
OrganisationProfileForm.tsx
UserRoleTabs.tsx

#9 Updated by chok yee fan 9 months ago

  • Status changed from Feedback to Closed

just adding the fields due to different code pattern/styling cause mistake and longest time development and debugs

Also available in: Atom PDF