From e753fc444a095741d47596f5067c8534a36ccb77 Mon Sep 17 00:00:00 2001
From: Daniele Sluijters <daniele.sluijters@nedap.com>
Date: Tue, 5 Nov 2013 12:12:49 +0100
Subject: [PATCH] overview: Add a count, info if nothing is changing

The Nodes status detail now shows for how many nodes we have events.
Additionally when there are no events we simply show an alert that
nothing is going on.
---
 puppetboard/templates/index.html | 66 +++++++++++++++++---------------
 1 file changed, 36 insertions(+), 30 deletions(-)

diff --git a/puppetboard/templates/index.html b/puppetboard/templates/index.html
index 06f6570..2810c20 100644
--- a/puppetboard/templates/index.html
+++ b/puppetboard/templates/index.html
@@ -52,38 +52,44 @@
 
   <div class="row">
     <div class="span12">
-        <h2>Node Status Detail</h2>
-    	<table class='dashboard table table-striped table-condensed'>
-          <thead>
+      {% if nodes %}
+        <h2>Nodes status detail ({{nodes|length}})</h2>
+        <table class='dashboard table table-striped table-condensed'>
+            <thead>
+              <tr>
+              <th style="width:220px;">Status</th>
+              <th style="width:600px;">Hostname</th>
+              <th style="width:120px;"></th>
+              </tr>
+            </thead>
+          <tbody class="searchable">
+            {% for node in nodes %}
+              {% if node.status != 'unchanged' %}
             <tr>
-            <th style="width:220px;">Status</th>
-            <th style="width:600px;">Hostname</th>
-            <th style="width:120px;"></th>
+              <td>
+               <a href="{{url_for('report_latest', node_name=node.name)}}">
+                 <span class="label label-status label-{{node.status}}">{{node.status}}</span>
+                 </a>
+                 {% if node.status=='unreported'%}
+                     <span class="label label-time label-unreported"> {{ node.unreported_time }} </label>
+                  {% else %}
+                     {% if node.events['failures'] %}<span class="label label-important label-count">{{node.events['failures']}}</span>{% else %}<span class="label label-count">0</span>{% endif%}
+                     {% if node.events['successes'] %}<span class="label label-success label-count">{{node.events['successes']}}</span>{% else %}<span class="label label-count">0</span>{% endif%}
+                  {% endif %}
+              </td>
+              <td><a href="{{url_for('node', node_name=node.name)}}">{{ node.name }}</a></td>
+              <td><a class="btn btn-small btn-primary" href="{{url_for('report_latest', node_name=node.name)}}">Latest Report</a></td>
             </tr>
-          </thead>
-	      <tbody class="searchable">
-	        {% for node in nodes %}
-            {% if node.status != 'unchanged' %}
-    	    <tr>
-            <td>
-    	       <a href="{{url_for('report_latest', node_name=node.name)}}">
-               <span class="label label-status label-{{node.status}}">{{node.status}}</span>
-               </a>
-               {% if node.status=='unreported'%}
-                   <span class="label label-time label-unreported"> {{ node.unreported_time }} </label>
-                {% else %}
-                   {% if node.events['failures'] %}<span class="label label-important label-count">{{node.events['failures']}}</span>{% else %}<span class="label label-count">0</span>{% endif%}
-                   {% if node.events['successes'] %}<span class="label label-success label-count">{{node.events['successes']}}</span>{% else %}<span class="label label-count">0</span>{% endif%}
-                {% endif %}
-            </td>
-            <td><a href="{{url_for('node', node_name=node.name)}}">{{ node.name }}</a></td>
-            <td><a class="btn btn-small btn-primary" href="{{url_for('report_latest', node_name=node.name)}}">Latest Report</a></td>
-	        </tr>
-            {% endif %}
-    	    {% endfor %}
-    	  </tbody>
-    	</table>
-
+              {% endif %}
+            {% endfor %}
+          </tbody>
+        </table>
+      {% else %}
+        <h2>Nodes status detail</h2>
+        <div class="alert alert-info">
+          Nothing seems to be changing.
+        </div>
+      {% endif %}
     </div>
   </div>
 </div>