fix problems with rendering data

client/dashboard/layout/layout.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import layoutRt from './layout.rt.js';
 import House from './../../models/house';
+import PowerDatum from './../../models/power_datum';
 
 var Layout = React.createClass({
 
@@ -31,7 +32,9 @@ var Layout = React.createClass({
     var layout = this,
       house_id = event.target.value,
       house = layout.state.houses.find((house)=>{ return house.data.id == house_id });
-    layout.setState({house: house});
+    layout.setState({house: house}, ()=>{
+      house.closeDb();
+    });
   },
 
   setView: function(event){
@@ -47,6 +50,19 @@ var Layout = React.createClass({
     layout.setState({dataset: dataset});
   },
 
+  refreshData: function(){
+    var layout = this,
+      houses = layout.state.houses,
+      all = [];
+    houses.forEach((house)=>{
+      all.push(house.clearData());
+    });
+    Promise.all(all)
+      .then(()=>{
+        window.location.reload();
+      });
+  },
+
   render: function() {
     return layoutRt.call(this);
   }

client/dashboard/layout/layout.rt

@@ -2,12 +2,12 @@
 <rt-require dependency="./../power/power" as="Power"/>
 <div id="layout">
   <div class="alert alert-warning" rt-if="this.state.requesting_data">Retrieving houses...</div>
-  <h1 rt-if="this.state.house">{this.state.house.name}</h1>
 
   <h4>Select household:</h4>
   <select rt-if="this.state.houses" class="form-control" onChange="{this.setHouse}">
-    <option rt-repeat="house in this.state.houses" value="{house.data.id}" key="{house.react_key}">{house.data.name}</option>
+    <option rt-repeat="house in this.state.houses" value="{house.data.id}" key="{house.scoped_id}">{house.data.name}</option>
   </select>
+  <button rt-if="this.state.house" onClick="{this.refreshData}" class="btn btn-xs btn-default">Refresh House Data</button>
 
   <h4>Select dataset:</h4>
   <div class="btn-group" role="group">

client/dashboard/layout/layout.rt.js

@@ -5,18 +5,21 @@ import Power from './../power/power';
 function repeatHouse1(house, houseIndex) {
     return React.createElement('option', {
         'value': house.data.id,
-        'key': house.react_key
+        'key': house.scoped_id
     }, house.data.name);
 }
 export default function () {
-    return React.createElement('div', { 'id': 'layout' }, this.state.requesting_data ? React.createElement('div', { 'className': 'alert alert-warning' }, 'Retrieving houses...') : null, this.state.house ? React.createElement('h1', {}, this.state.house.name) : null, React.createElement('h4', {}, 'Select household:'), this.state.houses ? React.createElement.apply(this, [
+    return React.createElement('div', { 'id': 'layout' }, this.state.requesting_data ? React.createElement('div', { 'className': 'alert alert-warning' }, 'Retrieving houses...') : null, React.createElement('h4', {}, 'Select household:'), this.state.houses ? React.createElement.apply(this, [
         'select',
         {
             'className': 'form-control',
             'onChange': this.setHouse
         },
         _.map(this.state.houses, repeatHouse1.bind(this))
-    ]) : null, React.createElement('h4', {}, 'Select dataset:'), React.createElement('div', {
+    ]) : null, this.state.house ? React.createElement('button', {
+        'onClick': this.refreshData,
+        'className': 'btn btn-xs btn-default'
+    }, 'Refresh House Data') : null, React.createElement('h4', {}, 'Select dataset:'), React.createElement('div', {
         'className': 'btn-group',
         'role': 'group'
     }, React.createElement('button', {