diff --git a/src/ic/ic.js b/src/ic/ic.js index 1d9a38c..5752f3e 100644 --- a/src/ic/ic.js +++ b/src/ic/ic.js @@ -23,7 +23,7 @@ import { Container, Col, Row, Table, Button } from 'react-bootstrap'; import moment from 'moment'; import ReactJson from 'react-json-view'; import ConfirmCommand from './confirm-command'; -import Icon from "../common/icon"; +import IconButton from '../common/icon-button'; @@ -165,6 +165,15 @@ class InfrastructureComponent extends React.Component { graphURL = this.state.ic.apiurl + "/graph.svg" } + const buttonStyle = { + marginLeft: '5px', + } + + const iconStyle = { + height: '25px', + width: '25px' + } + return

{this.state.ic.name}

@@ -233,8 +242,14 @@ class InfrastructureComponent extends React.Component { {this.state.ic.type === "villas-node" ? <>
- + this.downloadGraph(graphURL)} + icon='download' + buttonStyle={buttonStyle} + iconStyle={iconStyle} + />

Graph: @@ -265,9 +280,15 @@ class InfrastructureComponent extends React.Component { {this.state.ic.type === "villas-relay" ? <>
- -
+ this.refresh()} + icon='sync-alt' + buttonStyle={buttonStyle} + iconStyle={iconStyle} + /> +
Raw Status {this.state.ic.statusupdateraw !== null && this.isJSON(this.state.ic.statusupdateraw) ? } +
+ this.refresh()} + icon='sync-alt' + buttonStyle={buttonStyle} + iconStyle={iconStyle} + /> +
{this.state.ic.type === "villas-node" ? <> @@ -310,11 +341,7 @@ class InfrastructureComponent extends React.Component { collapsed={1} /> :
No valid config JSON raw data available.
} - -
- -
+ Raw Statistics {this.state.ic.statusupdateraw && this.isJSON(this.state.ic.statusupdateraw["statistics"]) ?