Mirrors/VILLASweb
1
0
Fork 0
mirror of https://git.rwth-aachen.de/acs/public/villas/web/ synced 2025-03-09 00:00:01 +01:00
Code Issues Releases Wiki Activity

Show status of VILLASnode ICs #265

Browse source
This commit is contained in:
Laura Fuentes Grau 2020-11-28 16:44:58 +01:00
parent 0bc737349f
commit d605d9c7bb
1 changed files with 21 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

50
src/ic/ic-dialog.js
View file

@ -13,20 +13,9 @@ class ICDialog extends React.Component {
super(props);
this.state = {
timezone: false,
kernel: false,
system: false,
};
}
/* static getDerivedStateFromProps(props, state){
let icStatus = props.icStatus;
return {
icStatus: icStatus,
ic: props.ic,
};
}*/
onClose(canceled) {
this.props.onClose();
}
@ -36,17 +25,8 @@ class ICDialog extends React.Component {
}
showFurtherInfo(key){
switch(key){
case 'timezone':
this.setState({timezone: !this.state.timezone});
return;
case 'kernel':
this.setState({kernel: !this.state.kernel});
return;
case 'system':
this.setState({system: !this.state.system});
return;
}
if(typeof this.state[key] === 'undefined') this.setState({[key]: false});
this.setState({[key]: !this.state[key]});
}
render() {
@ -68,13 +48,25 @@ class ICDialog extends React.Component {
(<div>
<Button variant="light" onClick={() => this.showFurtherInfo(statusKey)} >{statusKey}
<Icon icon='chevron-down' style={{color: '#007bff'}}/></Button>
<Collapse isOpened={this.state[statusKey]} >
{
Object.keys(this.props.icStatus[statusKey]).map(key => (
<div>{key + ": " + this.props.icStatus[statusKey][key]}</div>
))
}
</Collapse>
<Collapse isOpened={this.state[statusKey]} >
{
Object.keys(this.props.icStatus[statusKey]).map(key => (
typeof this.props.icStatus[statusKey][key] === 'object' ?
(<div>
<Button variant="light" onClick={() => this.showFurtherInfo(key)} >{key}
<Icon icon='chevron-down' style={{ color: '#007bff' }} /></Button>
<Collapse isOpened={this.state[key]} >
{Object.keys(this.props.icStatus[statusKey][key]).map(index => (
<div>{index + ": " + this.props.icStatus[statusKey][key][index]}</div>
))}
</Collapse>
</div>)
:
(<div>{key + ": " + this.props.icStatus[statusKey][key]}</div>)
))
}
</Collapse>
</div>)
: