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

make IC dialog a bit more pretty

Browse source
This commit is contained in:
Steffen Vogel 2021-03-08 13:42:16 +01:00
parent 89ca1b5682
commit 4827a280f0
1 changed files with 54 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -55,7 +55,7 @@ class ICDialog extends React.Component {
return (
<Dialog
show={this.props.show}
title={this.props.ic.name + " ( " + this.props.ic.uuid + " )"}
title={this.props.ic.name}
buttonTitle="Close"
onClose={(c) => this.onClose(c)}
valid={true}
@ -65,23 +65,59 @@ class ICDialog extends React.Component {
<form>
<Row>
<Col>
<h5>State: {this.props.ic.state}</h5>
<h5>Category: {this.props.ic.category}</h5>
<h5>Type: {this.props.ic.type}</h5>
<h5>Uptime: {this.props.ic.uptime}</h5>
<h5>Location: {this.props.ic.location}</h5>
<h5>Description: {this.props.ic.description}</h5>
<h5>Websocket URL: {this.props.ic.websocketurl}</h5>
<h5>API URL: {this.props.ic.apiurl}</h5>
<h5>Start parameter scheme:</h5>
<ReactJson
src={this.props.ic.startParameterScheme}
name={false}
displayDataTypes={false}
displayObjectSize={false}
enableClipboard={false}
collapsed={0}
/>
<Row>
<Col><b>Name</b></Col>
<Col>{this.props.ic.name}</Col>
</Row>
<Row>
<Col><b>UUID</b></Col>
<Col>{this.props.ic.uuid}</Col>
</Row>
<Row>
<Col><b>State</b></Col>
<Col>{this.props.ic.state}</Col>
</Row>
<Row>
<Col><b>Category</b></Col>
<Col>{this.props.ic.category}</Col>
</Row>
<Row>
<Col><b>Type</b></Col>
<Col>{this.props.ic.type}</Col>
</Row>
<Row>
<Col><b>Uptime</b></Col>
<Col>{moment.duration(this.props.ic.uptime, "seconds").humanize()}</Col>
</Row>
<Row>
<Col><b>Location</b></Col>
<Col>{this.props.ic.location}</Col>
</Row>
<Row>
<Col><b>Description</b></Col>
<Col>{this.props.ic.description}</Col>
</Row>
<Row>
<Col><b>Websocket URL</b></Col>
<Col>{this.props.ic.websocketurl}</Col>
</Row>
<Row>
<Col><b>API URL</b></Col>
<Col>{this.props.ic.apiurl}</Col>
</Row>
<Row>
<Col><b>Start parameter schema</b></Col>
<Col>
<ReactJson
src={this.props.ic.startParameterScheme}
name={false}
displayDataTypes={false}
displayObjectSize={false}
enableClipboard={false}
collapsed={0}
/>
</Col>
</Row>
</Col>
<Col>