From 2ff525c093f7d80c32add304f145a37b924b316a Mon Sep 17 00:00:00 2001
From: cgeek <cem.moreau@gmail.com>
Date: Sun, 3 May 2020 16:25:29 +0200
Subject: [PATCH] [mod] more colors

---
 src/webapp/Index.vue | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/webapp/Index.vue b/src/webapp/Index.vue
index 11c371d..4602ad3 100644
--- a/src/webapp/Index.vue
+++ b/src/webapp/Index.vue
@@ -2,8 +2,8 @@
     <div class="mt-3">
         <ul>
             <li v-for="w in watchers">
-                <i class="fas" v-bind:class="watcherClass(w)"></i>
-                {{ w.name }} <span>{{ w.state }}</span>
+                <i class="fas" v-bind:class="watcherIconClass(w)"></i>
+                {{ w.name }} <span v-bind:class="watcherClass(w)">{{ w.state }}</span>
             </li>
         </ul>
     </div>
@@ -24,7 +24,7 @@
 
         },
         methods: {
-            watcherClass(watcher) {
+            watcherIconClass(watcher) {
                 if (watcher.state === 'OK') {
                     return ['fa-check', 'text-success']
                 }
@@ -32,6 +32,15 @@
                     return ['fa-times', 'text-danger']
                 }
                 return ['fa-question']
+            },
+            watcherClass(watcher) {
+                if (watcher.state === 'OK') {
+                    return ['text-success']
+                }
+                if (watcher.state === 'FAILURE') {
+                    return ['text-danger']
+                }
+                return ['text-info']
             }
         }
     }