Update visual checkboxes to reflect the state of the actual checkboxes

mathjazz · Sep 17, 2024 · f6ce601 · f6ce601
1 parent 604dfb2
commit f6ce601
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/pontoon/messaging/static/js/messaging.js b/pontoon/messaging/static/js/messaging.js
@@ -182,6 +182,14 @@ $(function () {
     }
   });
 
+  // Make sure custom checkboxes reflect the state of the HTML checkboxes
+  // TODO: Replace checkboxes with native HTML checkboxes and style them with CSS
+  $(`[type=checkbox]`).each(function () {
+    const name = $(this).attr('name');
+    const isChecked = $(this)[0].checked;
+    $(`.check-box[data-attribute=${name}]`).toggleClass('enabled', isChecked);
+  });
+
   // Toggle between Edit and Review mode
   container.on('click', '.controls .toggle.button', function (e) {
     e.preventDefault();