92 lines
2.1 KiB
JavaScript
92 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';
|
|
|
|
var Layout = React.createClass({
|
|
|
|
getInitialState: function(){
|
|
var layout = this;
|
|
return {
|
|
houses: null,
|
|
house: null,
|
|
view: 'graph',
|
|
dataset: 'power',
|
|
requesting_data: true
|
|
};
|
|
},
|
|
|
|
handleResize: function(e) {
|
|
this.setState({windowWidth: window.innerWidth});
|
|
},
|
|
|
|
componentDidMount: function() {
|
|
var layout = this;
|
|
// window.addEventListener('resize', this.handleResize);
|
|
console.log('a')
|
|
House.ensureHouses().then((houses)=>{
|
|
console.log('b')
|
|
layout.setState({
|
|
houses: houses,
|
|
house: houses[0],
|
|
requesting_data: false,
|
|
month: houses[0].current_month,
|
|
year: houses[0].current_year
|
|
});
|
|
});
|
|
},
|
|
|
|
setHouse: function(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 });
|
|
layout.setState({house: house}, ()=>{
|
|
old_house.closeDb();
|
|
});
|
|
},
|
|
|
|
setView: function(event){
|
|
var layout = this,
|
|
view = event.target.dataset.value;
|
|
layout.view_name = event.target.innerText;
|
|
layout.setState({view: view});
|
|
},
|
|
|
|
setDataset: function(event){
|
|
var layout = this,
|
|
dataset = event.target.dataset.value;
|
|
layout.setState({dataset: dataset});
|
|
},
|
|
|
|
setYear: function(event){
|
|
var layout = this,
|
|
year = event.target.dataset.value,
|
|
house = layout.state.house;
|
|
if (year != house.current_year){
|
|
house.setYear(year);
|
|
layout.setState({year: year});
|
|
}
|
|
},
|
|
|
|
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() {
|
|
var layoutRt = Templates.forComponent('layout');
|
|
return layoutRt.call(this);
|
|
}
|
|
});
|
|
|
|
export default Layout;
|