86 lines
2.1 KiB
JavaScript
86 lines
2.1 KiB
JavaScript
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,
|
|
loading_house_data: true
|
|
};
|
|
this.updates = 0
|
|
}
|
|
|
|
get house(){
|
|
return this.props.location.state && this.props.location.state.house;
|
|
}
|
|
|
|
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; });
|
|
}
|
|
layout.setState({
|
|
houses: houses,
|
|
loading_house_data: false
|
|
}, ()=>{
|
|
if (house){
|
|
var route_helper = new RouteHelper(layout.context.router, layout.props, {house: house});
|
|
route_helper.updateRoute();
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|
|
componentDidUpdate(){
|
|
var layout = this;
|
|
|
|
this.updates += 1;
|
|
console.log(this.updates, ') LayoutComponent#componentDidUpdate');
|
|
}
|
|
|
|
setHouse(event){
|
|
var layout = this,
|
|
house_id = event.target.value;
|
|
if (!layout.house || layout.house.id != house_id){
|
|
House.ensureHouses().then((houses)=>{
|
|
var new_house = houses.find((h)=>{ return h.data.id == house_id }),
|
|
route_helper = new RouteHelper(layout.context.router, layout.props, {house: new_house});
|
|
route_helper.updateRoute();
|
|
});
|
|
}
|
|
}
|
|
|
|
refreshData(){
|
|
var layout = this,
|
|
houses = layout.state.houses,
|
|
all = [];
|
|
houses.forEach((house)=>{
|
|
all.push(house.clearData());
|
|
});
|
|
Promise.all(all)
|
|
.then(()=>{
|
|
window.location.reload();
|
|
});
|
|
}
|
|
|
|
render() {
|
|
var layoutRt = Templates.forComponent('layout');
|
|
return layoutRt.call(this);
|
|
}
|
|
}
|
|
|
|
LayoutComponent.contextTypes = {
|
|
router: React.PropTypes.object.isRequired
|
|
};
|
|
|
|
export default LayoutComponent;
|