Skip to content

Rhythm Maker: Replace Number Input with Pie Menu#4998

Merged
walterbender merged 5 commits intosugarlabs:masterfrom
zealot-zew:Pie-Menu-in-Rhythm-Maker
Jan 12, 2026
Merged

Rhythm Maker: Replace Number Input with Pie Menu#4998
walterbender merged 5 commits intosugarlabs:masterfrom
zealot-zew:Pie-Menu-in-Rhythm-Maker

Conversation

@zealot-zew
Copy link
Contributor

@zealot-zew zealot-zew commented Jan 4, 2026

This PR replaces the text based number input in the Rhythm Maker widget with a visual pie menu for selecting rhythm subdivisions.

In beginner mode, the menu shows 2, 3, 4. In advanced mode, it shows 2, 3, 4, 5, 7. The menu opens when clicking the number, supports both mouse and touch input, and updates the value immediately.

Screenshots in beginner and advanced modes:
image
image

closes #4273

@github-actions
Copy link
Contributor

github-actions bot commented Jan 4, 2026

✅ All Jest tests passed! This PR is ready to merge.

@github-actions
Copy link
Contributor

github-actions bot commented Jan 4, 2026

✅ All Jest tests passed! This PR is ready to merge.

@walterbender
Copy link
Member

The pie menu works well, but you should still be able to type in a number. Otherwise you are restricted to the pie menu choices.

@zealot-zew
Copy link
Contributor Author

@walterbender i have enabled the type functionality for the number field

Screen.Recording.2026-01-11.at.10.34.59.PM.mov

@github-actions
Copy link
Contributor

✅ All Jest tests passed! This PR is ready to merge.

@walterbender
Copy link
Member

How did .DS_store get added to this PR?
Also, maybe the piemenu code can live in piemenu.js?

@github-actions
Copy link
Contributor

✅ All Jest tests passed! This PR is ready to merge.

@zealot-zew
Copy link
Contributor Author

@walterbender the .DS_store file is a system file created by MAC OS, and i have moved the pie menu code to js/piemenus.js

@walterbender
Copy link
Member

Not sure how or when .DS_store got added but we should remove it here and add it to .gitignore

@zealot-zew
Copy link
Contributor Author

zealot-zew commented Jan 12, 2026

Not sure how or when .DS_store got added but we should remove it here and add it to .gitignore

do you want me to add it to .gitignore?

@walterbender
Copy link
Member

Yes please. That way it will trigger a warning if someone inadvertently tries to add it.

@github-actions
Copy link
Contributor

✅ All Jest tests passed! This PR is ready to merge.

@zealot-zew
Copy link
Contributor Author

i have added them into .gitignore

@walterbender walterbender merged commit 0ef47f8 into sugarlabs:master Jan 12, 2026
5 checks passed
021nirav-blip pushed a commit to 021nirav-blip/musicblocks that referenced this pull request Jan 28, 2026
* Added a Pie menu for Rhythm Maker

* Remove accidentally committed .DS_Store files

* Enable Type Functionality for Rhythm Maker

* Moved the Piemenu code to piemenus.js

* Ignore macOS .DS_Store files
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Pie menu for Rhythm Maker

2 participants