Draft: UX Enhancement: Add GitLab-style Grid View for Attendance Users
What does this MR do and why?
Add GitLab-style attendance grid view with automatic attendance marking on user/patient login.
- Implement automatic attendance marking when a user/patient logs into their profile
- Integrate attendance API from Corpus backend to record presence
- Ensure attendance is marked as Present with login timestamp
- Prevent duplicate attendance entries for the same user on the same day/session
- Add GitLab-style grid view UI to visually display attendance records
- Allow volunteers/admins to quickly identify patient presence
- Follow existing UI components and project structure for consistency
This enhancement improves visibility of patient arrivals and helps volunteers/admins track attendance efficiently during camps or sessions.
References
-
ehrs API Documentation
https://api.ehrs.swecha.org/docs#/ -
Related Attendance APIs used for marking and fetching attendance records
Screenshots or screen recordings
| Before | After |
|---|---|
| Existing attendance view without grid | GitLab-style attendance grid view with patient presence |
How to set up and validate locally
- Checkout the feature branch
- Install dependencies npm install
- Start the development server npm run dev
- Login as a user/patient
- Verify the following:
- Attendance is automatically marked as Present on login
- Attendance API request is triggered successfully
- No duplicate attendance records are created
- Attendance grid view renders correctly
- Admin/Volunteer can view the updated attendance status