mirror of
https://git.rwth-aachen.de/acs/public/villas/web/
synced 2025-03-16 00:00:03 +01:00
ab326eb4de
Removed nodes completely from the ui and replace with simulators directly. Data management changed: A seperate connection is established for each simulator on its own Removed nodes tree view and replace with table simulator list
73 lines
2.1 KiB
JavaScript
73 lines
2.1 KiB
JavaScript
/**
|
|
* File: widget-lamp.js
|
|
* Author: Steffen Vogel <stvogel@eonerc.rwth-aachen.de>
|
|
* Date: 20.09.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 EditWidgetColorControl from './dialog/edit-widget-color-control';
|
|
|
|
class WidgetLamp extends Component {
|
|
constructor(props) {
|
|
super(props);
|
|
|
|
this.state = {
|
|
value: '',
|
|
threshold: 0
|
|
};
|
|
}
|
|
|
|
componentWillReceiveProps(nextProps) {
|
|
// update value
|
|
const simulator = nextProps.widget.simulator;
|
|
|
|
if (nextProps.data == null || nextProps.data[simulator] == null || nextProps.data[simulator].output.values == null) {
|
|
this.setState({ value: '' });
|
|
return;
|
|
}
|
|
|
|
// check if value has changed
|
|
const signal = nextProps.data[simulator].output.values[nextProps.widget.signal];
|
|
if (signal != null && this.state.value !== signal[signal.length - 1].y) {
|
|
this.setState({ value: signal[signal.length - 1].y });
|
|
}
|
|
}
|
|
|
|
render() {
|
|
let colors = EditWidgetColorControl.ColorPalette;
|
|
let color;
|
|
|
|
if (Number(this.state.value) > Number(this.props.widget.threshold))
|
|
color = colors[this.props.widget.on_color];
|
|
else
|
|
color = colors[this.props.widget.off_color];
|
|
|
|
let style = {
|
|
backgroundColor: color,
|
|
width: this.props.widget.width,
|
|
height: this.props.widget.height
|
|
}
|
|
|
|
return (
|
|
<div className="lamp-widget" style={style} />
|
|
);
|
|
}
|
|
}
|
|
|
|
export default WidgetLamp;
|