Check scopes checkboxes recursively

Otherwise, nested scopes are not checked and mislead users.

When a scope is checked, we search all its children and check them too.

2 files changed, 14 insertions, 0 deletions

diff --git a/ogcp/static/js/ogcp.js b/ogcp/static/js/ogcp.js
index f05d7f5..8a6db02 100644
--- a/ogcp/static/js/ogcp.js
+++ b/ogcp/static/js/ogcp.js
@@ -9,6 +9,19 @@ function storeCheckboxStatus(checkbox) {
             localStorage.removeItem(checkbox.name);
 }
 
+function checkChildrenCheckboxes() {
+    const checkboxes = $('input:checkbox[form|="scopesForm"]')
+
+    checkboxes.on('change', function () {
+        const checked = this.checked
+        const children = $('input:checkbox', this.parentNode).not(this)
+        children.each(function () {
+            this.checked = checked;
+            storeCheckboxStatus(this);
+        });
+    });
+}
+
 function keepSelectedClients() {
     const checkboxes = $('input:checkbox[form|="scopesForm"]')
 
diff --git a/ogcp/templates/macros.html b/ogcp/templates/macros.html
index 3d28d05..a1b5ebb 100644
--- a/ogcp/templates/macros.html
+++ b/ogcp/templates/macros.html
@@ -11,6 +11,7 @@
             updateScopeState();
             keepScopesTreeState();
             keepSelectedClients();
+            checkChildrenCheckboxes();
         }
     });
 </script>