From 5af589a94dc96fa8981d008141c71bdd0cdffe4a Mon Sep 17 00:00:00 2001
From: Javier Sánchez Parra <jsanchez@soleta.eu>
Date: Thu, 15 Sep 2022 14:48:55 +0200
Subject: Collapse servers images

Users can collapse images list by clicking on the server.
---
 ogcp/templates/images.html | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

(limited to 'ogcp/templates')

diff --git a/ogcp/templates/images.html b/ogcp/templates/images.html
index d053913..3b1a296 100644
--- a/ogcp/templates/images.html
+++ b/ogcp/templates/images.html
@@ -21,14 +21,17 @@
 {% endblock %}
 
 {% block sidebar %}
-    <ul id="servers" class="nav flex-column nav-pills">
+    <ul id="servers" class="nav ogcp-nav flex-column nav-pills">
         {% for response in responses %}
         {% set server_str = response["server"]["ip"] ~ ":" ~ response["server"]["port"] %}
-        <input class="form-check-input" type="checkbox" form="imagesForm"
-               id="{{ server_str }}" value="{{ server_str }}"
-               onclick="return false;" name="image-server" hidden/>
-        <li class="nav-item"><b>{{ response["server"]["name"] }}</b>
-                <ul id="images" class="nav flex-column nav-pills">
+                <li class="nav-item">
+                <input class="form-check-input" type="checkbox" form="imagesForm"
+                       id="{{ server_str }}" value="{{ server_str }}"
+                       onclick="return false;" name="image-server" hidden/>
+                <a class="nav-link" data-toggle="collapse" data-target="#images-{{ loop.index0 }}">
+                    <b>{{ response["server"]["name"] }}</b>
+                </a>
+                <ul id="images-{{ loop.index0 }}" class="nav flex-column nav-pills collapse">
                     {% for image in response["json"]["images"] %}
                         <li id="{{ image["name"] }}_{{ image["id"] }}" class="nav-item">
                             <input class="form-check-input" type="checkbox" form="imagesForm"
-- 
cgit v1.2.3-18-g5258