diff --git a/src/components/Layout.js b/src/components/Layout.js index a7088ce..bee4b4f 100644 --- a/src/components/Layout.js +++ b/src/components/Layout.js @@ -70,6 +70,11 @@ class Dashboard extends React.Component { } handleSelect(selected, axis) { + if (selected.length <= 0) { + this.props.actions.updateSelected([]); + return; + } + const matchedEvents = []; const TIMELINE_AXIS = 0; if (axis === TIMELINE_AXIS) { diff --git a/src/components/time/Timeline.js b/src/components/time/Timeline.js index 763da7b..a162b03 100644 --- a/src/components/time/Timeline.js +++ b/src/components/time/Timeline.js @@ -68,6 +68,11 @@ class Timeline extends React.Component { ) { this.computeDims(); } + + // nextProps.domain.events.forEach(e => { + // console.log(e.datetime) + // }); + // this.props.methods.onSelect() } addEventListeners() { @@ -165,7 +170,7 @@ class Timeline extends React.Component { const extent = this.getTimeScaleExtent(); const newCentralTime = d3.timeMinute.offset( this.state.scaleX.domain()[0], - extent / 2 + extent ); // if forward @@ -174,13 +179,12 @@ class Timeline extends React.Component { // if backwards if (direction === "backwards") { - domain0 = d3.timeMinute.offset(newCentralTime, -extent); - domainF = newCentralTime; + domain0 = d3.timeMinute.offset(newCentralTime, -(2 * extent)); + domainF = d3.timeMinute.offset(newCentralTime, -extent); } - this.setState({ timerange: [domain0, domainF] }, () => { - this.props.methods.onUpdateTimerange(this.state.timerange); - }); + this.props.methods.onUpdateTimerange([domain0, domainF]); + this.props.methods.onSelect([]); } onCenterTime(newCentralTime) { @@ -417,12 +421,14 @@ class Timeline extends React.Component { .default_categories_label } /> - { - this.onMoveTime(dir); - }} - /> + {app.timeline.dimensions.ticks == 1 && ( + { + this.onMoveTime(dir); + }} + /> + )} { const transform = "scale(1.5,1.5)"; const size = 45; - return null; - // return ( - // - // onMoveTime("backwards")} - // > - // - // - // - // onMoveTime("forward")} - // > - // - // - // - // - // ); + return ( + + onMoveTime("backwards")} + > + + + + onMoveTime("forward")} + > + + + + + ); }; export default TimelineHandles;