trent/fcc-challenges
1
0
Fork 0
mirror of https://github.com/TrentSPalmer/fcc-challenges.git synced 2024-11-24 12:21:29 -08:00
Code Issues Projects Releases Wiki Activity

drum-machine fix tooltips for menuselectionitems

Browse Source
This commit is contained in:
Trent Palmer 2020-05-27 14:52:32 -07:00
parent bfd37c7d81
commit 53ecad662b
3 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
drum-machine/README.md
View File

@ -10,7 +10,6 @@
### TODOS ### TODOS
* fix toolstips for menuselectionitems
* add focus() to selectionMenuItems so that you can immediately begin scrolling with arrow keys * add focus() to selectionMenuItems so that you can immediately begin scrolling with arrow keys
* add tip for scrolling selectionMenuItems * add tip for scrolling selectionMenuItems
* make sure metronome continues on volume, sound, or metronome BPM change * make sure metronome continues on volume, sound, or metronome BPM change

1
drum-machine/drumMachine.css
View File

@ -170,6 +170,7 @@ body {
text-align: center; text-align: center;
font-style: bold; font-style: bold;
font-size: 1.6rem; font-size: 1.6rem;
direction: ltr;
} }
.selectionMenuItem:active, .volumeSelectionMenuItem:active, .metronomeSelectionMenuItem:active { .selectionMenuItem:active, .volumeSelectionMenuItem:active, .metronomeSelectionMenuItem:active {

10
drum-machine/makeSelection.js
View File

@ -97,9 +97,13 @@ const showMetronomeSelectionMenuItems = (menuItems) => {
const makeMetronomeSelectionMenuItemToolTipContent = (text) => { const makeMetronomeSelectionMenuItemToolTipContent = (text) => {
if (padsArray.includes(text)) { if (padsArray.includes(text)) {
return sessionStorage.getItem(text + 'isMetronome') === "false" ? 'Metronome Off' : sessionStorage.getItem(text + 'metronomeTempo'); return 'set metronome tempo for ' + text + ' (or disable)';
} else if (text === 'Metronome Off') {
return 'turn metronome off for ' + padSelectingFor;
} else if (text === '( cancel -- back )') { } else if (text === '( cancel -- back )') {
return text; return text;
} else {
return 'set metronome temp for ' + padSelectingFor + ': ' + text.split(':')[1];
} }
} }
@ -165,9 +169,11 @@ const showVolumeSelectionMenuItems = (menuItems) => {
const makeVolumeSelectionMenuItemToolTipContent = (text) => { const makeVolumeSelectionMenuItemToolTipContent = (text) => {
if (padsArray.includes(text)) { if (padsArray.includes(text)) {
return 'volume offset for ' + text; return 'set volume offset for ' + text;
} else if (text === '( cancel -- back )') { } else if (text === '( cancel -- back )') {
return text; return text;
} else {
return 'set volume offset for ' + padSelectingFor + ': '+ text;
} }
} }