Use class ìpl\Web\Widget\StateBadge

Author: nilmerg

configuration.php

@@ -59,6 +59,3 @@
 $this->provideJsFile('vendor/Sortable.js');
 $this->provideJsFile('behavior/sortable.js');
 $this->provideJsFile('vendor/jquery.fn.sortable.js');
-
-$this->provideCssFile('state-badge.less');
-$this->provideCssFile('state-badges.less');

library/Businessprocess/Renderer/Renderer.php

@@ -9,10 +9,10 @@
 use Icinga\Module\Businessprocess\MonitoredNode;
 use Icinga\Module\Businessprocess\Node;
 use Icinga\Module\Businessprocess\Web\Url;
-use Icinga\Module\Businessprocess\Widget\StateBadge;
 use ipl\Html\BaseHtmlElement;
 use ipl\Html\Html;
 use ipl\Html\HtmlDocument;
+use ipl\Web\Widget\StateBadge;
 
 abstract class Renderer extends HtmlDocument
 {
@@ -181,7 +181,7 @@ public function renderStateBadges($summary, $totalChildren)
     protected function createBadge($summary, $state)
     {
         if ($summary[$state] !== 0) {
-            return Html::tag('li', new StateBadge($summary[$state], $state));
+            return Html::tag('li', new StateBadge($summary[$state], strtolower($state)));
         }
 
         return null;
@@ -191,11 +191,11 @@ protected function createBadgeGroup($summary, $state)
     {
         $content = [];
         if ($summary[$state] !== 0) {
-            $content[] = Html::tag('li', new StateBadge($summary[$state], $state));
+            $content[] = Html::tag('li', new StateBadge($summary[$state], strtolower($state)));
         }
 
         if ($summary[$state . '-HANDLED'] !== 0) {
-            $content[] = Html::tag('li', new StateBadge($summary[$state . '-HANDLED'], $state, true));
+            $content[] = Html::tag('li', new StateBadge($summary[$state . '-HANDLED'], strtolower($state), true));
         }
 
         if (empty($content)) {

library/Businessprocess/Widget/StateBadge.php

@@ -366,6 +366,14 @@ ul.bp {
 // State summary badges
 .state-badges {
     .state-badges();
+
+    &.state-badges li > ul > li:last-child {
+        margin-left: 0;
+    }
+
+    li > ul > li:first-child:not(:last-child) .state-badge {
+        border-right: 0;
+    }
 }
 
 // Node children count
@@ -384,10 +392,20 @@ td > a > .state-badges {
     background-color: transparent;
 }
 
-.state-badge.state-missing {
-    background: @gray-semilight;
-    color: @text-color-on-icinga-blue;
+.state-badge {
+    font-size: .8em;
+    border: 1px solid @body-bg-color;
+
+    &.state-missing {
+        background: @gray-semilight;
+        color: @text-color-on-icinga-blue;
+    }
+
+    &.state-critical.handled, &.state-down.handled { background: @color-critical-handled; opacity: 1; }
+    &.state-unknown.handled { background-color: @color-unknown-handled; opacity: 1; }
+    &.state-warning.handled { background: @color-warning-handled; opacity: 1; }
 }
+
 /** END Badges **/
 
 /** BEGIN Tiles **/