Add colors to status page to make it easy to spot problems

Resolves: https://github.com/cweiske/phinde/issues/30

diff --git a/data/templates/status.htm b/data/templates/status.htm
index fb8daf3aa583f8191e0d7b75dfd274849e5fba4b..b4cf71d4d783fa6a38e710e62f5cad37e39aa91c 100644 (file)
--- a/data/templates/status.htm
+++ b/data/templates/status.htm
@@ -12,7 +12,7 @@
   <div class="span6 offset3">
 
 <h1>phinde status</h1>
   <div class="span6 offset3">
 
 <h1>phinde status</h1>

-<table class="table table-striped">
+<table class="table">

  <thead>
   <tr>
    <th>Group</th>
  <thead>
   <tr>
    <th>Group</th>


@@ -22,7 +22,7 @@
  </thead>
  <tbody>
   <tr>
  </thead>
  <tbody>
   <tr>

-   <td rowspan="2">Elasticsearch</td>
+   <th rowspan="2">Elasticsearch</th>

    <td>Documents</td>
    <td style="text-align: right">{{esStatus.documents_human}}</td>
   </tr>
    <td>Documents</td>
    <td style="text-align: right">{{esStatus.documents_human}}</td>
   </tr>


@@ -31,8 +31,8 @@
    <td style="text-align: right">{{esStatus.size_human}}</td>
   </tr>
 
    <td style="text-align: right">{{esStatus.size_human}}</td>
   </tr>
 

-  <tr>
-   <td rowspan="3">Gearman</td>
+  <tr class="{%if 0 > gearStatus.tasks %}warning{%endif%}">
+   <th rowspan="3">Gearman</th>

    <td>Open tasks</td>
    <td style="text-align: right">{{gearStatus.tasks}}</td>
   </tr>
    <td>Open tasks</td>
    <td style="text-align: right">{{gearStatus.tasks}}</td>
   </tr>


@@ -40,18 +40,18 @@
    <td>Tasks being processed</td>
    <td style="text-align: right">{{gearStatus.processing}}</td>
   </tr>
    <td>Tasks being processed</td>
    <td style="text-align: right">{{gearStatus.processing}}</td>
   </tr>

-  <tr>
+  <tr class="{%if 0 >= gearStatus.workers %}error{%endif%}">

    <td>Task workers</td>
    <td style="text-align: right">{{gearStatus.workers}}</td>
   </tr>
 
   <tr>
    <td>Task workers</td>
    <td style="text-align: right">{{gearStatus.workers}}</td>
   </tr>
 
   <tr>

-   <td rowspan="{{subCount|length + 1}}">Subscriptions</td>
+   <th rowspan="{{subCount|length + 1}}">Subscriptions</th>

    <td>Total</td>
    <td style="text-align: right">{{subSum}}</td>
   </tr>
   {% for key, number in subCount %}
    <td>Total</td>
    <td style="text-align: right">{{subSum}}</td>
   </tr>
   {% for key, number in subCount %}

-  <tr>
+  <tr class="{%if key == 'subscribing' and number > 0 %}warning{%endif%}">

    <td>{{key}}</td>
    <td style="text-align: right">{{number}}</td>
   </tr>
    <td>{{key}}</td>
    <td style="text-align: right">{{number}}</td>
   </tr>