From c935e705a279821092d30a11da113bcb76938a56 Mon Sep 17 00:00:00 2001
From: Kevin Reynolds <kevin@k11s.io>
Date: Mon, 29 Apr 2024 12:06:44 -0400
Subject: [PATCH] get all info from one place

---
 labapp/app/ce.py               |  3 ++-
 labapp/app/templates/base.html | 37 +++++++++++++++++++++++++++-------
 2 files changed, 32 insertions(+), 8 deletions(-)

diff --git a/labapp/app/ce.py b/labapp/app/ce.py
index 62d5c8f..70c6c61 100644
--- a/labapp/app/ce.py
+++ b/labapp/app/ce.py
@@ -135,7 +135,8 @@ def get_ce_state(ce_info: dict) -> dict:
             ce_state = response.json()['state']
             return {
                 "err": False,
-                "state": ce_state
+                "state": ce_state,
+                "site_name": ce_info['site_name']
             }
         else:
             raise Exception(e)
diff --git a/labapp/app/templates/base.html b/labapp/app/templates/base.html
index 8176e18..ed3b755 100644
--- a/labapp/app/templates/base.html
+++ b/labapp/app/templates/base.html
@@ -66,6 +66,7 @@
           }
           return null;
       }
+      
       </script>
 
 </head>
@@ -128,6 +129,35 @@
                     </div>
                   </li>
                 </ul>
+
+            {% if udf %}
+            <script>
+              document.addEventListener('DOMContentLoaded', function() {
+                  function fetchAndUpdateStatus() {
+                      fetch('/_ce_status')
+                          .then(response => {
+                              if (!response.ok) {
+                                  throw new Error('Network response was not ok');
+                              }
+                              return response.json();
+                          })
+                          .then(data => {
+                              document.getElementById('statusText').textContent = data.status;  // adjust depending on actual JSON structure
+                          })
+                          .catch(error => {
+                              console.error('There was a problem with the fetch operation:', error);
+                              document.getElementById('statusText').textContent = 'Error';  // error handling
+                          });
+                  }
+                  fetchAndUpdateStatus();
+                  setInterval(fetchAndUpdateStatus, 10000);
+              });
+              </script>
+              <div class="status-box align-items-center bg-light p-2">
+                <<p>Status: <strong id="statusText">Loading...</strong></p>
+              </div>
+            {% endif %}
+
         </div>
     </div>
         
@@ -137,13 +167,6 @@
             {% endblock %}
         </main>
     </div>
-
-    {% if udf %}
-    <div class="status-box bg-light p-2">
-      <p>Status: <strong>Active</strong></p>
-    </div>
-    {% endif %}
-    
 </div>
 
 </body>