diff --git a/src/common/table.js b/src/common/table.js
index 020f9bd..6ffd303 100644
--- a/src/common/table.js
+++ b/src/common/table.js
@@ -85,15 +85,18 @@ class CustomTable extends Component {
labelContent = child.props.labelModifier(labelContent, data);
}
+ let labelStyle = child.props.labelStyle(data[labelKey], data)
+
cell.push(
-
+
{labelContent.toString()}
);
}
+
if (child.props.dataIndex) {
cell.push(index);
}
diff --git a/src/ic/ics.js b/src/ic/ics.js
index 603e474..e24cd93 100644
--- a/src/ic/ics.js
+++ b/src/ic/ics.js
@@ -220,39 +220,40 @@ class InfrastructureComponents extends Component {
return Date.now() - new Date(component.stateUpdatedAt) > fiveMinutes;
}
- static stateLabelStyle(state, component){
- var style = [ 'label' ];
+ stateLabelStyle(state, component){
+
+ var style = [ 'badge' ];
if (InfrastructureComponents.isICOutdated(component) && state !== 'shutdown') {
- style.push('label-outdated');
+ style.push('badge-outdated');
}
switch (state) {
case 'running':
- style.push('label-success');
+ style.push('badge-success');
break;
case 'paused':
- style.push('label-info');
+ style.push('badge-info');
break;
case 'idle':
- style.push('label-primary');
+ style.push('badge-primary');
break;
case 'error':
- style.push('label-danger');
+ style.push('badge-danger');
break;
case 'shutdown':
- style.push('label-warning');
+ style.push('badge-warning');
break;
default:
- style.push('label-default');
+ style.push('badge-default');
}
- return style.join(' ');
+ return style.join(' ')
}
static stateUpdateModifier(updatedAt) {
@@ -273,7 +274,7 @@ class InfrastructureComponents extends Component {
this.onICChecked(index, event)} width='30' />
-
+ this.stateLabelStyle(state, component)} />
diff --git a/src/styles/app.css b/src/styles/app.css
index e51cf0c..97c6548 100644
--- a/src/styles/app.css
+++ b/src/styles/app.css
@@ -400,6 +400,6 @@ body {
margin-right: 0 !important;
}
-.label-outdated {
+.badge-outdated {
opacity: 0.4;
}