Cool_Tools/bemaniutils
1
0
Fork 0
mirror of synced 2024-11-12 01:00:46 +01:00
Code Releases Activity

Add keyboard control to the slider control.

Browse Source
This commit is contained in:
Jennifer Taylor 2022-10-13 02:23:57 +00:00
parent edc9150bc5
commit d6cddebe88
1 changed files with 26 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
bemani/frontend/static/components/slider.react.js
View File

@ -1,6 +1,30 @@
/** @jsx React.DOM */
var Slider = createReactClass({
key: function(e) {
if (e.keyCode == 32) {
// Toggle on space.
if (this.props.onChange) {
this.props.onChange(!this.props.value);
}
} else if (e.keyCode == 39) {
// Slide with cursor keys.
if (this.props.onChange && this.props.value) {
this.props.onChange(!this.props.value);
}
} else if (e.keyCode == 37) {
// Slide with cursor keys.
if (this.props.onChange && !this.props.value) {
this.props.onChange(!this.props.value);
}
} else {
// Don't handle, so don't hit the default prevent below.
return;
}
e.preventDefault();
e.stopPropagation();
},
render: function() {
return (
<div
@ -12,6 +36,8 @@ var Slider = createReactClass({
this.props.onChange(!this.props.value);
}
}.bind(this)}
tabindex={0}
onKeyDown={this.key}
>{ this.props.value ?
<>
<span className="ball on"></span>