basic fetch adding data to state

assets/src/scripts/monitoring-location/components/hydrograph/vue-components/secondary-parameter-controls.vue

@@ -20,10 +20,12 @@
 </template>
 
 <script>
-import {ref} from 'vue';
+import {ref, inject} from 'vue';
 
 import {useActions} from 'redux-connect-vue';
 import {setCompareDataVisibility, setMedianDataVisibility} from 'ml/store/hydrograph-state';
+import {retrieveSecondParameterIVData} from 'ml/store/hydrograph-data';
+import {getTimeRange} from 'ml/selectors/hydrograph-data-selector';
 
 import USWDSCheckbox from 'ui/uswds-components/checkbox.vue';
 import USWDSRadioButtonSet from 'ui/uswds-components/radio-button-set.vue';
@@ -46,9 +48,13 @@ export default {
     }
   },
   setup(props, {emit}) {
+    const reduxStore = inject('store');
+    const siteNumber = inject('siteno');
+
     const actions = useActions({
       setCompareDataVisibility,
-      setMedianDataVisibility
+      setMedianDataVisibility,
+      retrieveSecondParameterIVData
     });
 
     const showSecondParameterList = ref(false);
@@ -78,8 +84,19 @@ export default {
       disableCompareAndMedianButtons();
       emit('checkedRadioButton', buttonData);
 
+      const reduxState = reduxStore.getState();
+      const currentTimeRange = getTimeRange('current')(reduxState);
+
       console.log(`Radio button, ${buttonData.secondaryParameterCode} clicked: fetch data and then run graphing code using secondary parameter ${buttonData.secondaryParameterCode}`);
-     };
+      actions.retrieveSecondParameterIVData(
+         siteNumber,
+         {
+           parameterCode: buttonData.secondaryParameterCode,
+           startTime: currentTimeRange.start,
+           endTime: currentTimeRange.end
+         }
+      );
+    };
 
     return {
       showSecondParameterList,

assets/src/scripts/monitoring-location/store/hydrograph-data.js

@@ -206,6 +206,24 @@ export const retrievePriorYearIVData = function(siteno, {parameterCode, startTim
     };
 };
 
+
+
+
+
+export const retrieveSecondParameterIVData = function(siteno, {parameterCode, startTime, endTime}) {
+    return function(dispatch) {
+        console.log('ran with site siteno ', siteno);
+        console.log('ran with parameterCode ', parameterCode);
+        console.log('ran with startTime ', startTime);
+        console.log('ran with endTime ', endTime);
+        return dispatch(retrieveIVData(siteno, 'secondary', {
+            parameterCode: parameterCode,
+            startTime: DateTime.fromMillis(startTime, {zone: config.locationTimeZone}).toISO(),
+            endTime: DateTime.fromMillis(endTime, {zone: config.locationTimeZone}).toISO()
+        }));
+    };
+};
+
 /*
  * Asynchronous Redux action to fetch the median for siteno and parameterCode
  * @param {String} siteno