oss-slu / oss-slu/DigitalBoneBox

Update "NEXT" and "PREVIOUS" Navigation button

Open
#197 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

app design enhancement good first issue
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

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.