|
|
@ -7,15 +7,14 @@ module.exports = React.createClass({ |
|
|
|
onChange: React.PropTypes.func.isRequired, |
|
|
|
onChange: React.PropTypes.func.isRequired, |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
getDefaultProps: function()
|
|
|
|
getDefaultProps: function () { |
|
|
|
{ |
|
|
|
|
|
|
|
return { |
|
|
|
return { |
|
|
|
min: 0, |
|
|
|
min: 0, |
|
|
|
max: 500 |
|
|
|
max: 500 |
|
|
|
}; |
|
|
|
}; |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
render: function() {
|
|
|
|
render: function () { |
|
|
|
return ( |
|
|
|
return ( |
|
|
|
<div> |
|
|
|
<div> |
|
|
|
<input ref="rule" style={style.rule} type="range" min={this.props.min} max={this.props.max} onMouseUp={this.onMouseUp} /> |
|
|
|
<input ref="rule" style={style.rule} type="range" min={this.props.min} max={this.props.max} onMouseUp={this.onMouseUp} /> |
|
|
@ -23,13 +22,11 @@ module.exports = React.createClass({ |
|
|
|
); |
|
|
|
); |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
onMouseUp: function(event) |
|
|
|
onMouseUp: function (event) { |
|
|
|
{ |
|
|
|
|
|
|
|
this.props.onChange(parseInt(this.refs.rule.value)) |
|
|
|
this.props.onChange(parseInt(this.refs.rule.value)) |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
setValue: function(value) |
|
|
|
setValue: function (value) { |
|
|
|
{ |
|
|
|
|
|
|
|
var diff = value - this.refs.rule.value |
|
|
|
var diff = value - this.refs.rule.value |
|
|
|
if (diff > 0) |
|
|
|
if (diff > 0) |
|
|
|
this.refs.rule.stepUp(diff) |
|
|
|
this.refs.rule.stepUp(diff) |
|
|
|