1
0
Fork 0
mirror of https://git.rwth-aachen.de/acs/public/villas/web/ synced 2025-03-16 00:00:03 +01:00
VILLASweb/src/components/widget-table.js
Markus Grigull fe2de0f524 Fix widgets simulation models
Fix plot widget time axis
Fix visualization component key warning
2017-09-24 19:01:42 +02:00

88 lines
2.8 KiB
JavaScript

/**
* File: widget-table.js
* Author: Markus Grigull <mgrigull@eonerc.rwth-aachen.de>
* Date: 14.03.2017
*
* This file is part of VILLASweb.
*
* VILLASweb is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* VILLASweb is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with VILLASweb. If not, see <http://www.gnu.org/licenses/>.
******************************************************************************/
import React, { Component } from 'react';
import Table from './table';
import TableColumn from './table-column';
class WidgetTable extends Component {
constructor(props) {
super(props);
this.state = {
rows: [],
sequence: null
};
}
componentWillReceiveProps(nextProps) {
// check data
const simulator = nextProps.widget.simulator;
if (nextProps.simulation == null || nextProps.data == null || nextProps.data[simulator.node] == null
|| nextProps.data[simulator.node][simulator.simulator] == null
|| nextProps.data[simulator.node][simulator.simulator].length === 0
|| nextProps.data[simulator.node][simulator.simulator].values.length === 0
|| nextProps.data[simulator.node][simulator.simulator].values[0].length === 0) {
// clear values
this.setState({ rows: [], sequence: null });
return;
}
// check if new data, otherwise skip
/*if (this.state.sequence >= nextProps.data[simulator.node][simulator.simulator].sequence) {
return;
}*/
// get simulation model
const simulationModel = nextProps.simulation.models.find((model) => {
return (model.simulator.node === simulator.node && model.simulator.simulator === simulator.simulator);
});
// get rows
var rows = [];
nextProps.data[simulator.node][simulator.simulator].values.forEach((signal, index) => {
if (index < simulationModel.mapping.length) {
rows.push({
name: simulationModel.mapping[index].name,
value: signal[signal.length - 1].y.toFixed(3)
});
}
});
this.setState({ rows: rows, sequence: nextProps.data[simulator.node][simulator.simulator].sequence });
}
render() {
return (
<div className="table-widget">
<Table data={this.state.rows}>
<TableColumn title="Signal" dataKey="name" width={120} />
<TableColumn title="Value" dataKey="value" />
</Table>
</div>
);
}
}
export default WidgetTable;