From 26785aa88b52b813ccb83e12316b6ce65e423362 Mon Sep 17 00:00:00 2001
From: Alejandro Sirgo Rica <asirgo@soleta.eu>
Date: Thu, 6 Jun 2024 15:18:53 +0200
Subject: templates: show boot mode in client pills

Add boot mode to each client pill in action/mode using js.
This makes easier to have a global perspective of the client's
configuration.
---
 ogcp/templates/actions/mode.html | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/ogcp/templates/actions/mode.html b/ogcp/templates/actions/mode.html
index d89f536..c765f4b 100644
--- a/ogcp/templates/actions/mode.html
+++ b/ogcp/templates/actions/mode.html
@@ -49,4 +49,22 @@
                   button_map={'ok': 'primary'},
                   extra_classes="m-5") }}
 
+<!-- jQuery -->
+<script src="{{ url_for('static', filename='AdminLTE/plugins/jquery/jquery.min.js') }}"></script>
+<script>
+    var modesSet = {{ modes_set|tojson|safe }};
+    // Update pill data
+    $('.badge-pill').each(function(index) {
+      for (const mode in modesSet) {
+        for (const clientName of modesSet[mode]) {
+            console.log(mode, clientName, $(this).html())
+            if ($(this).html().includes(clientName)) {
+              $(this).html($(this).html() + '<br>mode: ' + mode);
+              break;
+            }
+        }
+      }
+    });
+</script>
+
 {% endblock %}
-- 
cgit v1.2.3-18-g5258