battery

var React = require('react');

module.exports = React.createClass({
    getInitialState: function () {
        return {
            battery: 0
        };
    },
    componentDidMount: function () {
        navigator.getBattery().then(
            function (battery) {
                this.setState({battery: battery});
                battery.addEventListener('chargingchange', function () {
                    this.setState({battery: battery});
                }.bind(this));
                battery.addEventListener('levelchange', function () {
                    this.setState({battery: battery});
                }.bind(this));
            }.bind(this)
        )
    },
    render: function () {
        return (<div className="battery">
            <div className={ this.state.battery.charging ? 'green' : 'red' }>{ Math.floor(this.state.battery.level * 100) }%</div>
        </div>)
    }
});