diff --git a/app/components/container/container.html b/app/components/container/container.html index 1e3406fb2..4a09e38eb 100644 --- a/app/components/container/container.html +++ b/app/components/container/container.html @@ -82,6 +82,35 @@ +
+
+ + + + + + + + + + + + + + + + + + +
Status + + {{ container.State.Health.Status }} +
Failure count{{ container.State.Health.FailingStreak }}
Last output{{ container.State.Health.Log[container.State.Health.Log.length - 1].Output }}
+
+ +
+
+
diff --git a/app/components/containers/containers.html b/app/components/containers/containers.html index 2ba31535e..5153577ec 100644 --- a/app/components/containers/containers.html +++ b/app/components/containers/containers.html @@ -102,7 +102,10 @@ - {{ container.Status }} + + {{ container.Status }} + {{ container.Status }} + {{ container|swarmcontainername|truncate: 40}} {{ container|containername|truncate: 40}} {{ container.Image | hideshasum }} diff --git a/app/filters/filters.js b/app/filters/filters.js index 075fa5902..c220ac20a 100644 --- a/app/filters/filters.js +++ b/app/filters/filters.js @@ -40,11 +40,11 @@ angular.module('portainer.filters', []) 'use strict'; return function (text) { var status = _.toLower(text); - if (status.indexOf('paused') !== -1) { + if (status.indexOf('paused') !== -1 || status.indexOf('starting') !== -1) { return 'warning'; } else if (status.indexOf('created') !== -1) { return 'info'; - } else if (status.indexOf('stopped') !== -1) { + } else if (status.indexOf('stopped') !== -1 || status.indexOf('unhealthy') !== -1) { return 'danger'; } return 'success'; @@ -60,6 +60,12 @@ angular.module('portainer.filters', []) return 'created'; } else if (status.indexOf('exited') !== -1) { return 'stopped'; + } else if (status.indexOf('(healthy)') !== -1) { + return 'healthy'; + } else if (status.indexOf('(unhealthy)') !== -1) { + return 'unhealthy'; + } else if (status.indexOf('(health: starting)') !== -1) { + return 'starting'; } return 'running'; }; diff --git a/assets/css/app.css b/assets/css/app.css index 966284973..5d05de383 100644 --- a/assets/css/app.css +++ b/assets/css/app.css @@ -115,6 +115,10 @@ a[ng-click]{ color: #ae2323; } +.fa.orange-icon { + color: #f0ad4e; +} + .fa.white-icon { color: white; }