Hide empty state blocks on dashboard #1

statusengine · Aug 31, 2017 · 54038bd · 54038bd
1 parent 9d7433c
commit 54038bd
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/.gitignore b/.gitignore
@@ -2,4 +2,4 @@
 .idea/workspace.xml
 vendor/
 etc/config.yml
-
+.idea/
diff --git a/public/templates/views/dashboard.html b/public/templates/views/dashboard.html
@@ -69,6 +69,7 @@ <h3 class="box-title"><i class="fa fa-hdd-o"></i> Node status summary</h3>
                         </div>
                         <div class="box-body">
                             <a ui-sref="nodes({'show_state':'up'})"
+                               ng-show="data.hoststatus_overview.up > 0"
                                class="a-no-hover">
                                 <div class="info-box bg-green">
                                     <span class="info-box-icon"><i class="fa fa-check"></i></span>
@@ -89,6 +90,7 @@ <h3 class="box-title"><i class="fa fa-hdd-o"></i> Node status summary</h3>
                             </a>
 
                             <a ui-sref="nodes({'show_state':'down'})"
+                               ng-show="data.hoststatus_overview.down > 0"
                                class="a-no-hover">
                                 <div class="info-box bg-red">
                                     <span class="info-box-icon"><i class="fa fa-exclamation-triangle"></i></span>
@@ -109,6 +111,7 @@ <h3 class="box-title"><i class="fa fa-hdd-o"></i> Node status summary</h3>
                             </a>
 
                             <a ui-sref="nodes({'show_state':'unreachable'})"
+                               ng-show="data.hoststatus_overview.unreachable > 0"
                                class="a-no-hover">
                                 <div class="info-box bg-blue">
                                     <span class="info-box-icon"><i class="fa fa-question-circle"></i></span>
@@ -138,6 +141,7 @@ <h3 class="box-title"><i class="fa fa-cog"></i> Service status summary</h3>
                         </div>
                         <div class="box-body">
                             <a ui-sref="services({'show_state':'ok'})"
+                               ng-show="data.servicestatus_overview.ok > 0"
                                class="a-no-hover">
                                 <div class="info-box bg-green">
                                     <span class="info-box-icon"><i class="fa fa-check"></i></span>
@@ -158,6 +162,7 @@ <h3 class="box-title"><i class="fa fa-cog"></i> Service status summary</h3>
                             </a>
 
                             <a ui-sref="services({'show_state':'warning'})"
+                               ng-show="data.servicestatus_overview.warning > 0"
                                class="a-no-hover">
                                 <div class="info-box bg-yellow">
                                     <span class="info-box-icon"><i class="fa fa-bell"></i></span>
@@ -178,6 +183,7 @@ <h3 class="box-title"><i class="fa fa-cog"></i> Service status summary</h3>
                             </a>
 
                             <a ui-sref="services({'show_state':'critical'})"
+                               ng-show="data.servicestatus_overview.critical > 0"
                                class="a-no-hover">
                                 <div class="info-box bg-red">
                                     <span class="info-box-icon"><i class="fa fa-exclamation-triangle"></i></span>
@@ -198,6 +204,7 @@ <h3 class="box-title"><i class="fa fa-cog"></i> Service status summary</h3>
                             </a>
 
                             <a ui-sref="services({'show_state':'unknown'})"
+                               ng-show="data.servicestatus_overview.unknown > 0"
                                class="a-no-hover">
                                 <div class="info-box bg-blue">
                                     <span class="info-box-icon"><i class="fa fa-check"></i></span>