oss-slu / oss-slu/DigitalBoneBox
Update "NEXT" and "PREVIOUS" Navigation button
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 8
- Forks
- 18
- Avg merge
- 8h 17m
- Merged PRs (30d)
- 4
Description
🎯 Goal / Objective
We have implemented "Next" and "Previous" buttons that allow users to quickly navigate between bonesets. when clicked it fetches the relevant bone description but the image display of the bone does not update as the buttons are clicked. we need to update that logic so that bone description and images of the relevant bones are displayed.
When a button is clicked, fetch the corresponding bonesets details and update the displayed information.
✅ Tasks to be Completed
A checklist of the specific, actionable steps required to complete this issue. This helps track progress.
-
Task 1: update next and previous buttons to display all relevant informations
-
Task 2:U se HTMX (JavaScript) to manage the bone list and retrieve the details of the next or previous bone based on user interaction. Ensure that the UI is updated dynamically with the selected boneset information.
-
Task 3: Take a quick look at boneset.html for where the buttons should goes
Acceptance Criteria
A checklist of conditions that must be met for this task to be considered complete. How will we verify that it's done correctly?
- The new feature is implemented as described.
- All related code passes the repository's workflow checks (linting, tests).
- The application runs without errors after the changes are made.
- (If applicable) New automated tests have been added to cover the changes.
Additional Context
Add any other context, notes, screenshots, or links that might be helpful for completing this task.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reading boneset.html and locating the existing Next and Previous button behavior. Trace how the selected boneset description is fetched, then use the existing HTMX/JavaScript flow to update both the description and bone image for the selected boneset. Done means both details and images change correctly in either direction, with the repository workflow checks passing.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- frontend, web-dev
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100