dynamic react router

client/dashboard/layout/layout.component.js

@@ -0,0 +1,84 @@
+import React from 'react';
+import Templates from 'config/templates';
+import House from './../../models/house';
+import PowerDatum from './../../models/power_datum';
+import {RouteHelper} from './../routes';
+
+class LayoutComponent extends React.Component {
+
+  constructor(props, context){
+    super(props, context);
+    this.renders = 0;
+    this.state = {
+      houses: null,
+      house: null,
+      requesting_data: true
+    };
+  }
+
+  componentDidMount() {
+    var layout = this;
+    House.ensureHouses().then((houses)=>{
+      var house = null;
+      if (layout.props.params.house_id != undefined){
+        house = houses.find((h)=>{ return h.data.id == layout.props.params.house_id; });
+        var route_helper = new RouteHelper(house, layout.props);
+        if (route_helper.paramsHaveDateState()) route_helper.updateHouseToParams();
+      }
+      layout.setState({
+        houses: houses,
+        requesting_data: false,
+        house: house });
+    });
+  }
+
+  setHouse(event){
+    var layout = this,
+      house_id = event.target.value,
+      old_house = layout.state.house,
+      house = layout.state.houses.find((house)=>{ return house.data.id == house_id });
+    if (!old_house || old_house.id != house_id){
+      var route_helper = new RouteHelper(house, layout.props);
+      route_helper.updateHouseToParams();
+      layout.setState({house: house}, ()=>{
+        if (layout.renders < 10){
+          layout.context.router.push(route_helper.newRoute());
+          layout.renders += 1
+        }
+        if (old_house) old_house.closeDb();
+      });
+    }
+  }
+
+  refreshData(){
+    var layout = this,
+      houses = layout.state.houses,
+      all = [];
+    houses.forEach((house)=>{
+      all.push(house.clearData());
+    });
+    Promise.all(all)
+      .then(()=>{
+        window.location.reload();
+      });
+  }
+
+  getChildContext(){
+    var layout = this;
+    return {house: layout.state.house};
+  }
+
+  render() {
+    var layoutRt = Templates.forComponent('layout');
+    return layoutRt.call(this);
+  }
+}
+
+LayoutComponent.contextTypes = {
+  router: React.PropTypes.object.isRequired
+};
+
+LayoutComponent.childContextTypes = {
+  house: React.PropTypes.instanceOf(House)
+};
+export default LayoutComponent;