parent
e1ab849b63
commit
86d083823c
|
@ -1,8 +1,6 @@
|
|||
import React, {PropTypes} from 'react'
|
||||
import _ from 'lodash'
|
||||
|
||||
import GrooveKnob from 'shared/components/GrooveKnob'
|
||||
|
||||
// TODO: add logic for for Prefix, Suffix, Scale, and Multiplier
|
||||
const Ranger = ({onSetRange, axes}) => {
|
||||
const min = _.get(axes, ['y', 'bounds', '0'], '')
|
||||
|
@ -22,14 +20,23 @@ const Ranger = ({onSetRange, axes}) => {
|
|||
/>
|
||||
</div> */}
|
||||
<div className="form-group col-sm-6">
|
||||
<label htmlFor="min">Min</label>
|
||||
<GrooveKnob
|
||||
onSetValues={({leftValue, rightValue}) => {
|
||||
console.log(leftValue, rightValue)
|
||||
// onSetRange()
|
||||
}}
|
||||
rightValue={min}
|
||||
/>
|
||||
<label htmlFor="min">Lower Bound</label>
|
||||
<div className="one-or-any">
|
||||
<div className="one-or-any--auto">auto</div>
|
||||
<div className="one-or-any--toggle">
|
||||
<div className="one-or-any--groove-knob" />
|
||||
</div>
|
||||
<input
|
||||
className="form-control input-sm"
|
||||
type="number"
|
||||
name="min"
|
||||
id="min"
|
||||
value={min}
|
||||
onChange={onSetRange}
|
||||
placeholder="Custom Value"
|
||||
disabled={true}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="form-group col-sm-6">
|
||||
<label htmlFor="max">Max</label>
|
||||
|
|
Loading…
Reference in New Issue