From 57b78a03bd86a5ae4055cbce47014d9fab3ee710 Mon Sep 17 00:00:00 2001
From: Alejandro Sirgo Rica <asirgo@soleta.eu>
Date: Thu, 27 Jun 2024 16:12:37 +0200
Subject: templates: improve client list in cache and boot os views

Show client IPs inside div components with a custom "card" styling.
---
 ogcp/templates/actions/cache.html   | 6 +++++-
 ogcp/templates/actions/session.html | 6 +++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

(limited to 'ogcp')

diff --git a/ogcp/templates/actions/cache.html b/ogcp/templates/actions/cache.html
index 336fd7f..f9aaf68 100644
--- a/ogcp/templates/actions/cache.html
+++ b/ogcp/templates/actions/cache.html
@@ -40,7 +40,11 @@
                             {{ image.clients() }}
                             <b>{{ image.image_name.data  }} ({{ (images_data[image.selected.label.text]['size'] | int / 2**20)|round(3) }} MiB)</b>
                         </td>
-                        <td>{{ ', '.join(images_data[image.selected.label.text]['clients']) }}</td>
+                        <td>
+                          {% for ip in images_data[image.selected.label.text]['clients'] %}
+                          <div class="card d-inline-block" style="padding: 5px;">{{ ip }}</div>
+                          {% endfor %}
+                        </td>
                     </tr>
                 {% endfor %}
         </tbody>
diff --git a/ogcp/templates/actions/session.html b/ogcp/templates/actions/session.html
index 3a39a10..151c6aa 100644
--- a/ogcp/templates/actions/session.html
+++ b/ogcp/templates/actions/session.html
@@ -39,7 +39,11 @@ The selected clients have different installed OS:
                             {{ os_choice(class_="form-control") }}
                             <b>{{ os_choice.label.text }}</b>
                         </td>
-                        <td>{{ ', '.join(os_groups[os_choice.data]) }}</td>
+                        <td>
+                            {% for ip in os_groups[os_choice.data] %}
+                            <div class="card d-inline-block" style="padding: 5px;">{{ ip }}</div>
+                            {% endfor %}
+                        </td>
                     </tr>
                 {% endfor %}
         </tbody>
-- 
cgit v1.2.3-18-g5258