diff --git a/src/components/table.js b/src/components/table.js index b155826..2e28c41 100644 --- a/src/components/table.js +++ b/src/components/table.js @@ -89,7 +89,7 @@ class CustomTable extends Component { labelContent = child.props.labelModifier(labelContent, data); } - cell.push( ); + cell.push( ); } if (child.props.dataIndex) { diff --git a/src/containers/simulators.js b/src/containers/simulators.js index a716b39..62f77f0 100644 --- a/src/containers/simulators.js +++ b/src/containers/simulators.js @@ -91,6 +91,7 @@ class Simulators extends Component { }); } + closeNewModal(data) { this.setState({ newModal : false }); @@ -200,32 +201,39 @@ class Simulators extends Component { return Date.now() - new Date(simulator.stateUpdatedAt) > fiveMinutes; } - isSimulatorOnline(state) { - return state !== '' && state !== 'shutdown' && state !== 'unknown'; - } - stateLabelStyle = (state, simulator) => { - if (this.isSimulatorOutdated(simulator)) { - return 'default'; + var style = [ 'label' ]; + + if (this.isSimulatorOutdated(simulator) && state !== 'shutdown') { + style.push('label-outdated'); } - if (this.isSimulatorOnline(state)) { - return 'success'; + switch (state) { + case 'running': + style.push('label-success'); + break; + + case 'paused': + style.push('label-info'); + break; + + case 'idle': + style.push('label-primary'); + break; + + case 'error': + style.push('label-danger'); + break; + + case 'shutdown': + style.push('label-warning'); + break; + + default: + style.push('label-default'); } - return 'danger'; - } - - stateLabelModifier = (state, simulator) => { - if (this.isSimulatorOutdated(simulator)) { - return 'unknown'; - } - - if (this.isSimulatorOnline(state)) { - return 'online'; - } - - return 'offline'; + return style.join(' '); } stateUpdateModifier = updatedAt => { @@ -246,10 +254,11 @@ class Simulators extends Component {