Added mass actions for Material design in list view

[github/wallabag/wallabag.git] / app / Resources / static / themes / material / index.js

diff --git a/app/Resources/static/themes/material/index.js b/app/Resources/static/themes/material/index.js
index e808d75c27aa25cb8c4bb4574a54f96cac60a84c..1c28401d907c7aec290cad75709489837616d777 100755 (executable)
--- a/app/Resources/static/themes/material/index.js
+++ b/app/Resources/static/themes/material/index.js
@@ -57,9 +57,9 @@ $(document).ready(() => {
   $('.datepicker').pickadate({
     selectMonths: true,
     selectYears: 15,
-    formatSubmit: 'dd/mm/yyyy',
-    hiddenName: true,
-    format: 'dd/mm/yyyy',
+    formatSubmit: 'yyyy-mm-dd',
+    hiddenName: false,
+    format: 'yyyy-mm-dd',
     container: 'body',
   });
 
@@ -105,4 +105,17 @@ $(document).ready(() => {
     $('.nav-panels').css('background', 'transparent');
     return false;
   });
+
+  const mainCheckboxes = document.querySelectorAll('[data-js="checkboxes-toggle"]');
+  if (mainCheckboxes.length) {
+    [...mainCheckboxes].forEach((el) => {
+      el.addEventListener('click', () => {
+        const checkboxes = document.querySelectorAll(el.dataset.toggle);
+        [...checkboxes].forEach((checkbox) => {
+          const checkboxClone = checkbox;
+          checkboxClone.checked = el.checked;
+        });
+      });
+    });
+  }
 });