Start of changes for IOW-176

assets/src/scripts/components/hydrograph/index.js

@@ -502,6 +502,15 @@ export const attachToNode = function (store, node, {siteno, parameter, compare,
         return;
     }
 
+    if (compare) {
+        store.dispatch(Actions.toggleTimeSeries('compare', true));
+    }
+
+    // If specified, initialize the cursorOffset
+    if (cursorOffset !== undefined) {
+        store.dispatch(Actions.setCursorOffset(cursorOffset));
+    }
+
     store.dispatch(Actions.resizeUI(window.innerWidth, node.offsetWidth));
     select(node)
         .call(provide(store))
@@ -514,16 +523,6 @@ export const attachToNode = function (store, node, {siteno, parameter, compare,
                 sizeClass: () => 'fa-3x'
             })));
 
-    // If specified, turn the visibility of the comparison time series on.
-    if (compare) {
-        store.dispatch(Actions.toggleTimeSeries('compare', true));
-    }
-
-    // If specified, initialize the cursorOffset
-    if (cursorOffset !== undefined) {
-        store.dispatch(Actions.setCursorOffset(cursorOffset));
-    }
-
     select(node).select('.graph-container')
         .call(link(controlDisplay, hasTimeSeriesWithPoints('current', 'P7D')))
         .call(timeSeriesGraph, siteno)

assets/src/scripts/store/time-series-state-reducer.js

@@ -69,7 +69,7 @@ const removeLoadingTimeSeries = function(timeSeriesState, action) {
     };
 };
 
-const requestedTimeRange = function(timeSeriesState, action) {
+const setRequestedTimeRange = function(timeSeriesState, action) {
     return {
         ...timeSeriesState,
         requestedTimeRange: {startDT: action.startTime, endDT: action.endTime}
@@ -90,7 +90,7 @@ export const timeSeriesStateReducer = function(timeSeriesState={}, action) {
         case 'TIME_SERIES_PLAY_STOP': return timeSeriesPlayStop(timeSeriesState, action);
         case 'TIME_SERIES_LOADING_ADD': return addLoadingTimeSeries(timeSeriesState, action);
         case 'TIME_SERIES_LOADING_REMOVE': return removeLoadingTimeSeries(timeSeriesState, action);
-        case 'SET_CUSTOM_DATE_RANGE': return requestedTimeRange(timeSeriesState, action);
+        case 'SET_CUSTOM_DATE_RANGE': return setRequestedTimeRange(timeSeriesState, action);
         default: return timeSeriesState;
     }
 };

graph-server/package.json

@@ -6,7 +6,7 @@
   "scripts": {
     "test": "nyc jasmine",
     "start": "DEBUG=express:* node src/index.js",
-    "watch": "STATIC_ROOT=http://localhost:9000 nodemon src"
+    "watch": "STATIC_ROOT=http://localhost:9000 DEBUG=express:* nodemon src"
   },
   "engines": {
     "node": "12.13.1"