Merge pull request #25 from cmu-delphi/development

Added 'Select all' checkbox check if all options were checked

Author: dmytrotsko

src/assets/js/indicatorSetsFilters.js

@@ -3,33 +3,33 @@ let bulkSelectDivs = document.querySelectorAll('.bulk-select');
 bulkSelectDivs.forEach(div => {
     div.addEventListener('click', function (event) {
         let form = this.nextElementSibling;
-        let showMoreLink = form.querySelector('a');
         let checkboxes = form.querySelectorAll('input[type="checkbox"]');
 
         if (event.target.checked === true) {
-            checkboxes.forEach((checkbox, index) => {
+            checkboxes.forEach((checkbox) => {
                 checkbox.checked = true;
-                if (index > 4) {
-                    checkbox.parentElement.style.display = checkbox.parentElement.style.display === 'none' ? 'block' : null;
-                }
             })
-            if (showMoreLink) {
-                showMoreLink.innerText = 'Show less...';
-            }
         } else if (event.target.checked === false) {
-            checkboxes.forEach((checkbox, index) => {
+            checkboxes.forEach((checkbox) => {
                 checkbox.checked = false
-                if (index > 4) {
-                    checkbox.parentElement.style.display = checkbox.parentElement.style.display === 'block' ? 'none' : null;
-                }
             });
-            if (showMoreLink) {
-                showMoreLink.innerText = 'Show more...';
-            }
         }
     });
 });
 
+function checkBulkSelect() {
+    bulkSelectDivs.forEach((div) => {
+        let form = div.nextElementSibling;
+        let checkboxes = form.querySelectorAll("input[type='checkbox']");
+        let allChecked = Array.from(checkboxes).every(cb => cb.checked);
+        if (allChecked) {
+            div.querySelector('#select-all').checked = true;
+        }
+    });
+}
+
+checkBulkSelect();
+
 function showLoader() {
     document.getElementById('loaderOverlay').style.display = 'flex';
     document.querySelector('.table-container').classList.add('faded');