From 8fd16c35459e21fa923560b6e38225727a04527f Mon Sep 17 00:00:00 2001
From: Felix Hamann <felix.hamann@campus.lmu.de>
Date: Thu, 25 Apr 2019 10:03:08 +0200
Subject: [PATCH] preparation for toggle all/none checkbox in recipientLayout

---
 .../communication/recipientLayout.hamlet      |  8 +++--
 .../communication/recipientLayout.julius      | 33 +++++++++++++++++++
 2 files changed, 39 insertions(+), 2 deletions(-)

diff --git a/templates/widgets/communication/recipientLayout.hamlet b/templates/widgets/communication/recipientLayout.hamlet
index f3f759de1..646bc7e01 100644
--- a/templates/widgets/communication/recipientLayout.hamlet
+++ b/templates/widgets/communication/recipientLayout.hamlet
@@ -9,8 +9,12 @@ $if not (null activeCategories)
 
         $if hasContent category
           <fieldset .recipient-category__fieldset uw-interactive-fieldset .interactive-fieldset__target data-conditional-input=#{checkedIdent category}>
-            $forall optIx <- categoryIndices category
-              ^{cellWdgts ! optIx}
+            $if not (null (categoryIndices category))
+              $# TODO: unique id for this all/none checkbox
+              <input type=checkbox id=tbd .recipient-category__toggle-all>
+              <label for=tbd>Label
+              $forall optIx <- categoryIndices category
+                ^{cellWdgts ! optIx}
 
             $maybe addWdgt <- addWdgts !? (1, (EnumPosition category, 0))
               ^{addWdgt}
diff --git a/templates/widgets/communication/recipientLayout.julius b/templates/widgets/communication/recipientLayout.julius
index d38d48a6d..87dfead6b 100644
--- a/templates/widgets/communication/recipientLayout.julius
+++ b/templates/widgets/communication/recipientLayout.julius
@@ -1 +1,34 @@
 // TODO: js utility to check all/none of the checkboxes in a recipient category at once
+(function() {
+
+  var RECIPIENT_CATEGORIES_SELECTOR = '.recipient-categories';
+  var RECIPIENT_CATEGORY_SELECTOR = '.recipient-category';
+  var RECIPIENT_CATEGORY_FIELDSET_SELECTOR = '.recipient-category__fieldset';
+  var RECIPIENT_CATEGORY_TOGGLE_ALL_SELECTOR = '.recipient-category__toggle-all';
+
+  document.addEventListener('DOMContentLoaded', function() {
+
+    var recipientCategoriesElement = document.querySelector(RECIPIENT_CATEGORIES_SELECTOR);
+    var recipientCategoryElements = Array.from(recipientCategoriesElement.querySelectorAll(RECIPIENT_CATEGORY_SELECTOR));
+
+    recipientCategoryElements.forEach(function(element) {
+      setupRecipientCategory(element);
+    });
+  });
+
+  function setupRecipientCategory(recipientCategoryElement) {
+    var fieldset = recipientCategoryElement.querySelector(RECIPIENT_CATEGORY_FIELDSET_SELECTOR);
+    var categoryCheckboxes = Array.from(fieldset.querySelectorAll('[type="checkbox"]'));
+
+    if (categoryCheckboxes) {
+      var toggleAllCheckbox = recipientCategoryElement.querySelector(RECIPIENT_CATEGORY_TOGGLE_ALL_SELECTOR);
+
+      if (toggleAllCheckbox) {
+        toggleAllCheckbox.addEventListener('change', function() {
+          console.log('TBD: setting up toggle all checkbox');
+        });
+      }
+    }
+  }
+
+})();