From 053519beae0cb380864773a0cca6dd3d009a5899 Mon Sep 17 00:00:00 2001
From: Alejandro Sirgo Rica <asirgo@soleta.eu>
Date: Mon, 16 Sep 2024 13:57:31 +0200
Subject: templates: save checkbox state in images and repos

Store the checked checkboxes of the sidebar in Images and Repos.
Autoselect the correct server after updating the checkboxes.
---
 ogcp/templates/base.html   | 2 +-
 ogcp/templates/images.html | 6 ++++--
 ogcp/templates/repos.html  | 4 +++-
 3 files changed, 8 insertions(+), 4 deletions(-)

(limited to 'ogcp/templates')

diff --git a/ogcp/templates/base.html b/ogcp/templates/base.html
index 9c6b3e1..f245c8d 100644
--- a/ogcp/templates/base.html
+++ b/ogcp/templates/base.html
@@ -111,7 +111,7 @@
     <!-- ChartJS -->
     <script src="{{ url_for('static', filename='AdminLTE/plugins/chart.js/Chart.min.js') }}"></script>
 
-    <script src="{{ url_for('static', filename='js/ogcp.js') }}?v=20"></script>
+    <script src="{{ url_for('static', filename='js/ogcp.js') }}?v=21"></script>
 
     <script>
         // error messages
diff --git a/ogcp/templates/images.html b/ogcp/templates/images.html
index 34d8a87..7a16a0d 100644
--- a/ogcp/templates/images.html
+++ b/ogcp/templates/images.html
@@ -15,7 +15,8 @@
     document.addEventListener('readystatechange', () => {
         if (document.readyState === 'complete') {
             keepTreeState('#servers');
-            checkImageServer();
+            keepSelectedClients('images');
+            checkOnChange('image-server');
         }
     });
 </script>
@@ -45,7 +46,8 @@
                                     <input class="form-check-input" type="checkbox" form="imagesForm"
                                         data-server="{{ server_str }}" value="{{ image["id"] }}"
                                         {% if image.get("selected", False) %}checked{% endif %}
-                                        name="{{ image["name"] }}_{{ image["id"] }}" />
+                                        name="{{ image["name"] }}_{{ image["id"] }}"
+                                        id="image{{ image["id"] }}"/>
                                      {{ image["name"] }}
                                 </li>
                             {% endfor %}
diff --git a/ogcp/templates/repos.html b/ogcp/templates/repos.html
index 9f15391..2f5fe1b 100644
--- a/ogcp/templates/repos.html
+++ b/ogcp/templates/repos.html
@@ -27,6 +27,7 @@
                 {% for r in repos_list %}
                 <li class="nav-item">
                     <input class="form-check-input" type="checkbox" form="reposForm"
+                           id="repo{{ r["id"] }}"
                            data-server="{{server_ip_port}}"
                            value="{{ r["id"] }}"
                            name="{{ r["name"]~_~r["id"] }}" />
@@ -43,7 +44,8 @@
         document.addEventListener('readystatechange', () => {
             if (document.readyState === 'complete') {
                 keepTreeState('#repos-list')
-                checkRepoServer()
+                keepSelectedClients('repos');
+                checkOnChange('repos-server');
             }
         });
     </script>
-- 
cgit v1.2.3-18-g5258