fix(#1005): Rewritten organization management page from JSP to React JS

[adityadeshlahre]

fixes(#1005)

• reference GSoC 2024 : Rewrite Admin Page components from JSP to React #1051

NOTE : will paste the video of workFlow later on

• restController routes need to test it more
• UI need to tested more
• dataFetching for modify component need to be me more robust

Pull Requests Requirements

• The PR title includes a brief description of the work done, including the Issue number if applicable.
• The PR includes a video showing the changes for the work done.
• The PR title follows conventional commit label standards.
• The changes confirm to the OpenElis Global x3 Styleguide and design documentation.
• The changes include tests or are validated by existing tests.
• I have read and agree to the Contributing Guidelines of this project.

Summary

rewritten Organization Management page in REACTJS

Screenshots

main page

add & modify org page [90% of its working and UI same]

[Add relevant screenshots here if applicable]

Related Issue

[Add a link to the related issue or mention it here if applicable]

Other

[Add any additional information or notes here]

If any changes required please let me know 🙂

Thank You

[adityadeshlahre]

@mozzy11 @gitcliff

workFlow video on REACT UI of Organization Management Page

things left

• Post requests
• Save button fixes
• sever more testing
• few edge case need to fix

NOTE : IGNORE THOSE DEBUGGING BUTTONS, FOR NOW, WILL CLEAN IT UP LATER ON

Thank You 🙂
If any changes required please let me know !

[gitcliff]

thanks @adityadeshlahre for the great work,,
would like to inquire on where the Previous and Next buttons are to switch from one page to another plus am also not seeing the CLIA Number columns as seen in the screenshot

[adityadeshlahre]

thanks @adityadeshlahre for the great work,, would like to inquire on where the Previous and Next buttons are to switch from one page to another plus am also not seeing the CLIA Number columns as seen in the screenshot

these are the next & previous buttons to navigate through list!

there CLIA number column

do you see the scroller bar at the lower part of video?
if you scroll through u will see it
By mistake, screenSize was too small that on recording that column did appear 🙂

[github-actions]

👋 Hi, @adityadeshlahre,
Conflicts have been detected against the base branch. Please rebase your branch against the base branch.

---

This message is automatically generated by prince-chrismc/label-merge-conflicts-action so don't hesitate to report issues/improvements there.

[mherman22]

thanks @adityadeshlahre for the great work,, would like to inquire on where the Previous and Next buttons are to switch from one page to another plus am also not seeing the CLIA Number columns as seen in the screenshot

@adityadeshlahre, In addition to Cliff's question here. The rest controller implements paging. What that means is that it only sends 20 items on request which I guess are the ones we are able to see in the data table currently. However if you notice, the old ui shows that we have about 1000+ items in the db.

Meaning we've to improve the pagination we currently have. So that when we click next page, we are sending something like organization?paging=2 in order to fetch the next page of 20 items to display in the data table🙂

[adityadeshlahre]

thanks @adityadeshlahre for the great work,, would like to inquire on where the Previous and Next buttons are to switch from one page to another plus am also not seeing the CLIA Number columns as seen in the screenshot

@adityadeshlahre, In addition to Cliff's question here. The rest controller implements paging. What that means is that it only sends 20 items on request which I guess are the ones we are able to see in the data table currently. However if you notice, the old ui shows that we have about 1000+ items in the db.

Meaning we've to improve the pagination we currently have. So that when we click next page, we are sending something like organization?paging=2 in order to fetch the next page of 20 items to display in the data table🙂

Yes @mherman22 I know this is the edge case and will fix that in further commits.

[mozzy11]

Thanks @adityadeshlahre . any blocker or progress ??

[gitcliff]

Thanks @adityadeshlahre . any blocker or progress ??

@mozzy11 its the POST mapping in the organization rest controller that is still not working as expected . The rest works fine
cc @adityadeshlahre

[adityadeshlahre]

Organization Management WorkFlow

orgManagement.mp4

If any edge cases are found let me know 🙂
else this PR is ready to merge

Thank You

CC @mozzy11 & @gitcliff

[gitcliff]

thanks @adityadeshlahre,,just one more issue ....
could you resolve the
Publish 3.X FrontEnd Docker image / build-and-push-image (pull_request) build failure , mya be you need to update the branch