redux functionality for sensor page

client/js/components/sensors/SensorInfo.js

@@ -1,34 +1,52 @@
 import React from 'react';
 
-let location, sensor, actions, uniqueDates;
+let location, sensor, actions, uniqueDates, fetchedAll;
 
 export default class SensorInfo extends React.Component{
     
     componentDidMount(){
         location = this.props.params.location;
-        actions = this.props.sensorActions;
-        sensor = this.props.sensor;
-        
-        actions.fetchUniqueDates(location);
-        
-        /*
-        this.props.sensorActions.fetchSensorInfoYear('Grand Meadow', '2016');
-        this.props.sensorActions.fetchSensorInfoMonth('Grand Meadow', '2016', 'May');
-        this.props.sensorActions.fetchUniqueDates('Grand Meadow');
-        */
+        this.props.sensorActions.fetchUniqueDates(location);
     }
     
-    componentWillReceiveProps(){
-        if(sensor.fetchedUniqueDates){
-            uniqueDates = sensor.uniqueDates;
-            
-            //!sensor.fetchedInfoMonth ? actions.fetchSensorInfoMonth(location, )
-        }
+    loadYearOptions = (date, index) => {
+        return (
+            <option key={index} value={index}>{date.year}</option>
+        );
+    }
+    
+    loadMonthOptions = (date, index) => {
+        return (
+            <option key={index} value={index}>{date.monthname}</option>
+        );
+    }
+    
+    onYearChange(event){
+        this.props.sensorActions.setSelectedYearIndex(parseInt(event.target.value));
+    }
+    
+    onMonthChange(event){
+        this.props.sensorActions.setSelectedMonthIndex(parseInt(event.target.value));
     }
     
     render(){
+        sensor = this.props.sensor;
         return(
-            <div class="Content">Test123</div>
+            <div class="Content">
+                <select onChange={this.onYearChange.bind(this)}>
+                    {sensor.fetchedUniqueDates
+                        ? sensor.uniqueDates.map(this.loadYearOptions)
+                        : null
+                    }
+                </select>
+                
+                <select onChange={this.onMonthChange.bind(this)}>
+                    {sensor.fetchedUniqueDates
+                        ? sensor.uniqueDates[sensor.selectedYearIndex].months.map(this.loadMonthOptions)
+                        : null
+                    }
+                </select>
+            </div>
             );
     }
 }