mirror of https://github.com/status-im/fathom.git
30 lines
911 B
JavaScript
30 lines
911 B
JavaScript
|
'use strict';
|
||
|
|
|
||
|
|
import { h, render, Component } from 'preact';
|
||
|
|
import Graph from './Graph.js';
|
||
|
|
|
||
|
|
class GraphWidget extends Component {
|
||
|
|
|
||
|
|
constructor(props) {
|
||
|
|
super(props)
|
||
|
|
this.state = {
|
||
|
|
showPageviews: true,
|
||
|
|
showVisitors: true,
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
render() {
|
||
|
|
return (
|
||
|
|
<div class="block">
|
||
|
|
<div class="pull-right">
|
||
|
|
<label class="inline small-margin-right"><input type="checkbox" checked={this.state.showPageviews} onchange={(e) => this.setState({ showPageviews: e.target.checked })} /> Pageviews</label>
|
||
|
|
<label class="inline"><input type="checkbox" checked={this.state.showVisitors} onchange={(e) => this.setState({ showVisitors: e.target.checked })} /> Visitors</label>
|
||
|
|
</div>
|
||
|
|
<Graph period={this.props.period} showPageviews={this.state.showPageviews} showVisitors={this.state.showVisitors} />
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
export default GraphWidget
|