dynamic react router

client/dashboard/power/power.rt

@@ -1,35 +1,18 @@
 <div id="power_view">
   <div class="btn-group">
     <button
-      rt-if="this.props.house"
-      rt-repeat="month in this.props.house.availableMonths()"
+      rt-if="this.context.house"
+      rt-repeat="month in this.context.house.availableMonths()"
+      data-param="month"
       data-value="{month}"
       key="data-month-{month}"
       class="btn-warning btn btn-sm"
-      rt-class="{active: month === this.props.house.current_month}"
-      onClick="{this.setMonth}">{month}</button>
+      rt-class="{active: month === this.context.house.state.month}"
+      onClick="{this.setParam.bind(this)}">{month}</button>
   </div>
-  <div class="alert alert-warning" rt-if="this.state.loading_data">
-    Retrieving power data for the {this.props.house.name} household...
+  <div class="alert alert-warning" rt-if="this.state.loading_power_data">
+    Retrieving power data...
   </div>
   <div id="power_date_setter"></div>
-  <table rt-if="this.props.view === 'table'" class="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.props.house.power_data" key="{power_datum.scoped_id}">
-        <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 rt-if="this.props.view === 'graph'" id="power_graph"></div>
+  {this.props.children}
 </div>