start of status

f5devcentral · Apr 29, 2024 · 1095fee · 1095fee
1 parent 0fceaa6
commit 1095fee
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 3 deletions.
diff --git a/labapp/app/markdown/lb.md b/labapp/app/markdown/lb.md
@@ -64,7 +64,7 @@ document.getElementById('requestBtn1').addEventListener('click', async () => {
         const response = await axios.get('/_lb1');
         if(response.data.status === 'success') {
             const prettyJson = JSON.stringify(response.data.data, null, 4);
-            resultDiv.innerHTML = `<pre class="alert alert-success"><code>${prettyJson}</code></pre>`;
+            resultDiv.innerHTML = `<pre class="alert alert-success"><b>Success:</b><br><code>${prettyJson}</code></pre>`;
         } else {
             const errJson = JSON.stringify(response.data.error, null, 4);
             resultDiv.innerHTML = `<div class="alert alert-danger"><b>Request Failed:</b>&nbsp;&nbsp;<code>${errJson}</code></div>`;

diff --git a/labapp/app/static/custom.css b/labapp/app/static/custom.css
@@ -19,6 +19,10 @@ main {
   overflow-y: auto;
 }
 
+.status-box {
+  margin-top: auto; /* Pushes itself to the bottom */
+}
+
 .markdown-body {
   padding: 50px;
 }

diff --git a/labapp/app/templates/base.html b/labapp/app/templates/base.html
@@ -74,7 +74,6 @@
     <div class="row">
         <!-- Sidebar -->
         <div class="col-auto bg-light sidebar" id="sidebar">
-
             <div class="flex-shrink-0 p-3 bg-white" style="width: 280px;">
                 <a href="/" class="d-flex align-items-center pb-3 mb-3 link-dark text-decoration-none border-bottom">
                     <img src="/static/logo.png" width="100" height="auto" alt="Logo">
@@ -129,8 +128,18 @@
                     </div>
                   </li>
                 </ul>
-              </div>
+
+
+                {% if cluster-info %}
+                  <div class="status-box bg-light p-2">
+                    <p>Status: <strong>Active</strong></p>
+                  </div>
+                {% endif %}
+
+
+
         </div>
+    </div>
 
         <!-- Main Content -->
         <main class="col">