constructor (props: any) {
super(props);
mapStore.listen(this.storeUpdated.bind(this));
analysisStore.listen(this.storeUpdated.bind(this));
this.state = {
mapStore: mapStore.getState(),
analysisStore: analysisStore.getState()
};
}
toggleBasemaps:any = ():void => {
if (analysisStore.getState().analysisToolsVisible === true
&& analysisStore.getState().activeTab === analysisPanelText.basemapTabId) {
this.hidePanels();
} else {
this.hidePanels();
analysisActions.setAnalysisType(analysisPanelText.basemapTabId);
analysisActions.toggleAnalysisToolsVisibility();
}
};
hidePanels:any = ():void => {
if (mapStore.getState().layerPanelVisible === true) {
layerActions.toggleLayerPanelVisibility();
}
if (analysisStore.getState().analysisToolsVisible === true) {
analysisActions.toggleAnalysisToolsVisibility();
}
if (analysisStore.getState().timelineVisible === true) {
analysisActions.toggleTimelineVisibility();
}
};
toggleTimeline:any = ():void => {
if (analysisStore.getState().timelineVisible === true) {
this.hidePanels();
} else {
this.hidePanels();
analysisActions.toggleTimelineVisibility();
}
};
let runReport = () => {
//- Get necessary data from store and open the report
let {canopyDensity} = mapStore.getState();
let {activeWatershed} = analysisStore.getState();
let majorBasinNumber = activeWatershed.attributes.maj_bas;
if (majorBasinNumber) {
analysisActions.launchReport(`W_${majorBasinNumber}`, canopyDensity);
}
//- Send off analytics
analytics(
KEYS.analyticsCategory,
KEYS.analyticsAnalysisAction,
analyticsLabels.analyzeWatershed(majorBasinNumber)
);
};
closeMobileControls () {
if (mapStore.getState().layerPanelVisible === true) { layerActions.toggleLayerPanelVisibility(); }
if (analysisStore.getState().esriSearchVisible === true) { analysisActions.toggleEsriSearchVisibility(); }
if (analysisStore.getState().analysisToolsVisible === true) { analysisActions.toggleAnalysisToolsVisibility(); }
}
storeUpdated () {
this.setState({
mapStore: mapStore.getState(),
analysisStore: analysisStore.getState()
});
}
constructor (props) {
super(props);
analysisStore.listen(this.storeUpdated.bind(this));
this.state = analysisStore.getState();
}
storeUpdated () {
this.setState(analysisStore.getState());
}