house, power, energy data generators, savers

client/d3/bar.d3.js

@@ -0,0 +1 @@
+bar.d3.js

client/d3/base.d3.js

@@ -0,0 +1 @@
+base.d3.js

client/d3/composite.d3.js

@@ -0,0 +1 @@
+composite.d3.js

client/d3/line.d3.js

@@ -0,0 +1 @@
+line.d3.js

client/d3/pie.d3.js

@@ -0,0 +1 @@
+pie.d3.js

client/dashboard/base.component.js

@@ -0,0 +1 @@
+base.widget.js

client/dashboard/campaign_orders.component.js

@@ -0,0 +1 @@
+campaign_orders.widget.js

client/dashboard/energy_time_series.component.js

@@ -0,0 +1 @@
+energy_time_series.widget.js

client/dashboard/power_time_series.component.js

@@ -0,0 +1,51 @@
+import React from 'react';
+import Relay from 'react-relay';
+
+class PowerTimeSeries extends React.Component {
+
+  get timeframes(){
+    return [
+      {display: "Today", value: 'today'},
+      {display: "1 week", value: 'week'},
+      {display: "1 month", value: 'month'},
+      {display: "6 months", value: 'half_year'},
+      {display: "1 year", value: 'year'}
+    ];
+  }
+
+  render() {
+    var power_time_series = this;
+    return (
+      <div>
+        <h1>Power Time Series</h1>
+        <ul>
+          {power_time_series.props.viewer.widgets.edges.map(edge =>
+            <li key={edge.node.id}>{edge.node.name} (ID: {edge.node.id})</li>
+          )}
+        </ul>
+        <div class="spk-power-time-series-timeframes">
+          {power_time_series.timeframes.map(timeframe =>
+            <div data-value="{timeframe.value}" class="spk-power-time-series-timeframe">{timeframe.display}</div>
+          )}
+        </div>
+      </div>
+    );
+  }
+}
+
+export default Relay.createContainer(PowerTimeSeries, {
+  fragments: {
+    viewer: () => Relay.QL`
+      fragment on User {
+        widgets(first: 10) {
+          edges {
+            node {
+              id,
+              name,
+            },
+          },
+        },
+      }
+    `,
+  },
+});

client/dashboard/production_radiation_time_series.component.js

@@ -0,0 +1 @@
+production_radiation_time_series.widget.js

client/dashboard/readme.md

@@ -0,0 +1,6 @@
+## Dashboard Widgets
+
+After initialized:
+1. They get/ check the data they need.
+2. Render default graph settings.
+3. Update graphs based on user input.

client/react/app.js

@@ -0,0 +1,15 @@
+import 'babel-polyfill';
+
+import App from './components/App';
+import AppHomeRoute from './routes/AppHomeRoute';
+import React from 'react';
+import ReactDOM from 'react-dom';
+import Relay from 'react-relay';
+
+ReactDOM.render(
+  <Relay.RootContainer
+    Component={App}
+    route={new AppHomeRoute()}
+  />,
+  document.getElementById('root')
+);