From ed3406c79b926d7cd722f2875f3a078bd922a98f Mon Sep 17 00:00:00 2001
From: Martin Renvoize <martin.renvoize@ptfs-europe.com>
Date: Tue, 9 Feb 2021 13:53:55 +0000
Subject: [PATCH] Bug 27661: Update about for message broker status

This patch updates the about page with regards to the message broker
status and adds some small formatting improvements for displaying the
status.

Test plan
1/ Run through the yarn build process to update the CSS file.
2/ View the about page without RabbitMQ installed
3/ View the about page with RabbitMQ installed
4/ Note the formatting and message change and signoff

Signed-off-by: Owen Leonard <oleonard@myacpl.org>
---
 .../intranet-tmpl/prog/css/src/staff-global.scss    |  8 ++++++--
 koha-tmpl/intranet-tmpl/prog/en/modules/about.tt    | 21 +++++++++++----------
 2 files changed, 17 insertions(+), 12 deletions(-)

diff --git a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss b/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss
index 84766fd401..a35ca3bba8 100644
--- a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss
+++ b/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss
@@ -1646,11 +1646,15 @@ input[type='text']:read-only:focus {
 }
 
 .status_ok {
-    background-color: #90EE90;
+    background-color: #90EE90 !important;
 }
 
 .status_warn {
-    background-color: #FF0000;
+    background-color: #FFA500 !important;
+}
+
+.status_fatal {
+    background-color: #FF6347 !important;
 }
 
 // Font Awesome icons
diff --git a/koha-tmpl/intranet-tmpl/prog/en/modules/about.tt b/koha-tmpl/intranet-tmpl/prog/en/modules/about.tt
index a1ef6a8bb7..09b1a26619 100644
--- a/koha-tmpl/intranet-tmpl/prog/en/modules/about.tt
+++ b/koha-tmpl/intranet-tmpl/prog/en/modules/about.tt
@@ -111,21 +111,22 @@
                 </td>
             </tr>
             <tr><th scope="row">Zebra version: </th><td>[% zebraVersion | html %]</td></tr>
+            <tr><th scope="row">Zebra status: </th>
             [% IF (errZebraConnection == 10000) %]
-            <tr><th scope="row"><strong>Error</strong> </th><td>Zebra server seems not to be available. Is it started?</td></tr>
+            <td class="status_fatal"><strong>Zebra server seems not to be available. Is it started?</strong></td>
             [% ELSIF (errZebraConnection) %]
-            <tr><th scope="row"><strong>Warning</strong> </th><td>Error message from Zebra: [% ( errZebraConnection ) | html %] </td></tr>
+            <td class="status_warn"><strong>Error message from Zebra: [% ( errZebraConnection ) | html %]</strong></td>
+            [% ELSE %]
+            <td class="status_ok">Running</td>
             [% END %]
+            </tr>
             <tr>
                 <th scope="row">Message broker: </th>
-                <td>
-                    Status:
-                    [% IF warnConnectBroker %]
-                        <span class="status_warn">connection failed</span>
-                    [% ELSE %]
-                        <span class="status_ok">running</span>
-                    [% END %]
-                </td>
+                [% IF warnConnectBroker %]
+                <td class="status_warn"><strong>Using SQL Polling</strong></td>
+                [% ELSE %]
+                <td class="status_ok">Using RabbitMQ</td>
+                [% END %]
             </tr>
             <tr>
               <th scope="row">Date and time: </th>
-- 
2.11.0