apeman-react-range

"use strict";
 
var React = require('react'),
    ApRange = require('../../lib/ap_range');
 
module.exports = React.createClass({
    getInitialState: function () {
        return {};
    },
    setDebugText: function (text) {
        var s = this;
        s.setState({
            debugText: text
        });
        console.debug(text);
    },
    render: function () {
        var s = this,
            state = s.state;
        return (
            <div style={
                {
                    'position': 'relative'
                }
            }>
                <ApRange
                    step={0.1}
                    onChange={function (from, to, ui) {
                        s.setDebugText('Value changed: ' + from + ' ' + to);
                    }}>
                </ApRange>
                <br/>
                <br/>
 
                <div>
                    <span>{state.debugText}</span>
                </div>
            </div>
        );
    }
});