render daily energy graphs

client/dashboard/power/power.rt

@@ -0,0 +1,21 @@
+<div id="power_view">
+  <h2>Fifteen Minute Power Interval</h2>
+  <table>
+    <thead>
+      <tr>
+        <th></th>
+        <th>Time</th>
+        <th>Consumption (W)</th>
+        <th>Production (W)</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr rt-repeat="power_datum in this.state.house.power_data" key="{power_datum.react_key}">
+        <td></td>
+        <td>{power_datum.time_to_s}</td>
+        <td>{power_datum.consumption_to_s}</td>
+        <td>{power_datum.production_to_s}</td>
+      </tr>
+    </tbody>
+  </table>
+</div>

client/dashboard/power/power.rt.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import _ from 'lodash';
+function repeatPower_datum1(power_datum, power_datumIndex) {
+    return React.createElement('tr', { 'key': power_datum.react_key }, React.createElement('td', {}), React.createElement('td', {}, power_datum.time_to_s), React.createElement('td', {}, power_datum.consumption_to_s), React.createElement('td', {}, power_datum.production_to_s));
+}
+export default function () {
+    return React.createElement('div', { 'id': 'power_view' }, React.createElement('h2', {}, 'Fifteen Minute Power Interval'), React.createElement('table', {}, React.createElement('thead', {}, React.createElement('tr', {}, React.createElement('th', {}), React.createElement('th', {}, 'Time'), React.createElement('th', {}, 'Consumption (W)'), React.createElement('th', {}, 'Production (W)'))), React.createElement.apply(this, [
+        'tbody',
+        {},
+        _.map(this.state.house.power_data, repeatPower_datum1.bind(this))
+    ])));
+};