bellingcat/ukraine-timemap
1
0
Fork 0
mirror of https://github.com/bellingcat/ukraine-timemap.git synced 2026-06-08 03:18:36 +03:00
Code Issues Packages Projects Releases Wiki Activity

Center timeline on event select

Browse Source
This commit is contained in:
Franc Camps-Febrer
2019-01-08 17:44:21 +01:00
committed by Lachlan Kermode
parent 88092c711d
commit b84e59cd28
1 changed files with 17 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/Timeline.jsx
View File

@@ -58,6 +58,12 @@ class Timeline extends React.Component {
scaleY: this.makeScaleY(nextProps.domain.categories)
});
}
if (hash(nextProps.app.selected) !== hash(this.props.app.selected)) {
if (nextProps.app.selected !== null) {
this.onCenterTime(parseDate(nextProps.app.selected[0].timestamp));
}
}
}
addEventListeners() {
@@ -132,6 +138,17 @@ class Timeline extends React.Component {
});
}
onCenterTime(newCentralTime) {
const extent = this.getTimeScaleExtent();
const domain0 = d3.timeMinute.offset(newCentralTime, -extent/2);
const domainF = d3.timeMinute.offset(newCentralTime, +extent/2);
this.setState({ timerange: [domain0, domainF] }, () => {
this.props.methods.onUpdateTimerange(this.state.timerange);
});
}
/**
* Change display of time range
* WITHOUT updating the store, or data shown.