Fix Auto-Scroll Issue and Total Count Card for Staff Capacity Pagination in facility details page

[nihal467]

Describe the bug

Originally report: #9004 (comment)

• When navigating from page 1 to page 2 in the staff capacity section on the facility details page, the page automatically scrolls to the top.
• When moving from page 1 to page 2, the total capacity card displays the staff capacity for the current page only, not the entire section.

To Reproduce
Steps to reproduce the behavior:

1. Go to facility details page
2. Add 15+ staff capacity
3. try to move to page no 2
4. See error

Expected behavior

• Auto-scrolling should stop at the beginning of the staff capacity section, rather than scrolling to the top of the facility details page.
• The total capacity card should display the total staff capacity for the entire section, not just the current page.

Screenshots

[github-actions]

⚠️ Refrain from assigning this issue to yourself if you have another P1 issue assigned that is not yet closed.

[PAVAN507-STAR]

@nihal467 can i work on this issue?

[PAVAN507-STAR]

@Jacobjeevan @nihal467 I found the issue of total count on card ,the problem is the logic only counts from data fetched from current page .Need a bit of help ,I have a doubt/confusion on how to approach ,so should i fetch the entire data of all pages at once i.e change limit and offset?Or do i have to write an api for that or is there any other way ?

[Jacobjeevan]

@Jacobjeevan @nihal467 I found the issue of total count on card ,the problem is the logic only counts from data fetched from current page .Need a bit of help ,I have a doubt/confusion on how to approach ,so should i fetch the entire data of all pages at once i.e change limit and offset?Or do i have to write an api for that or is there any other way ?

Hmm 🤔 Easiest way would probably be to tweak the api rather than fetching all the results; that would affect pagination unless you want to call the api twice.

In this case, modifying HospitalDoctorViewSet to return the total along with the results should work.

[PAVAN507-STAR]

@Jacobjeevan @nihal467 I found the issue of total count on card ,the problem is the logic only counts from data fetched from current page .Need a bit of help ,I have a doubt/confusion on how to approach ,so should i fetch the entire data of all pages at once i.e change limit and offset?Or do i have to write an api for that or is there any other way ?

Hmm 🤔 Easiest way would probably be to tweak the api rather than fetching all the results; that would affect pagination unless you want to call the api twice.

In this case, modifying HospitalDoctorViewSet to return the total along with the results should work.

Will give it a try and let u know if it works.Thanks for the help sir.

[PAVAN507-STAR]

@Jacobjeevan Hii sir.I'm learning django rn so it make take 2-4 days for me to fix this issue.Hope it's fine.

[shauryag2002]

Hi @nihal467, @Jacobjeevan,

This issue has been stagnant for 2 weeks. Can I take over?

My approach:

• Stop auto-scrolling at the staff capacity section instead of the page top.
• Display total staff capacity for the entire section using the total_doctor value in the API response to avoid extra API calls.

total_staff_scroll.mp4

[Jacobjeevan]

@Jacobjeevan Hii sir.I'm learning django rn so it make take 2-4 days for me to fix this issue.Hope it's fine.

@PAVAN507-STAR any updates here?