Implement single room selection for commands view

1 files changed, 21 insertions, 1 deletions

diff --git a/ogcp/static/js/ogcp.js b/ogcp/static/js/ogcp.js
index e72bc83..ac796b1 100644
--- a/ogcp/static/js/ogcp.js
+++ b/ogcp/static/js/ogcp.js
@@ -85,6 +85,26 @@ function checkChildrenCheckboxes() {
     checkboxes.on('change', function () {
         const checked = this.checked
         const children = $('input:checkbox', this.parentNode).not(this)
+
+        if (checked) {
+            // Only for rooms, deselect other rooms
+            if (this.name === 'scope-room') {
+                const others = $('input:checkbox[form|="scopesForm"]').not(this);
+                others.prop('checked', false);
+                others.trigger('change');
+            } else {
+                // Look for room, deselect all other rooms
+                const selectedRoom = $(this).parent().parent().parent().children('[name="scope-room"]');
+                const others = $('input:checkbox[name="scope-room"]').not(selectedRoom);
+                others.prop('checked', false).prop('indeterminate', false);
+                others.each(function() {
+                    const checks = $(this).parent().find('input:checkbox').prop('checked', false);
+                    checks.trigger('change');
+                });
+                others.trigger('change');
+            }
+        }
+
         children.each(function () {
             this.checked = checked;
             storeCheckboxStatus(this);
@@ -272,7 +292,7 @@ function limitCheckboxes() {
     checkboxes.on('change', function () {
         const checked = this;
         checkboxes.filter((i, c) => c !== checked).prop('checked', false);
-        checkboxes.each(function() {
+        checkboxes.not('[name="scope-server"]').each(function() {
             showSelectedClient(this);
         });
         checkScopeServer();