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.

1 files changed, 13 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"]')