From 375a6151970248397b85a5c31cc932e9256ff8d5 Mon Sep 17 00:00:00 2001
From: Dominik Schilling <dominikschilling+git@gmail.com>
Date: Sun, 26 Mar 2023 15:17:40 +0200
Subject: [PATCH] Replace jQuery with plain JavaScript for (de)select buttons

Fixes 'jQuery.fn.click() event shorthand is deprecated' warning
---
 views/admin.php | 24 +++++++++++++-----------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/views/admin.php b/views/admin.php
index 8d7bdf3..31e76a5 100644
--- a/views/admin.php
+++ b/views/admin.php
@@ -47,17 +47,6 @@
 	</h2>
 	<?php endif; ?>
 
-	<script type="text/javascript">
-		jQuery( document ).ready( function( $ ) {
-			$( '#wp_widget_disable_select_all, #wp_widget_disable_deselect_all' ).click( function() {
-				var isChecked = 'wp_widget_disable_select_all' === $( this ).attr( 'id' );
-				$( this ).parents( 'td' ).find( 'input' ).each( function() {
-					$( this ).get( 0 ).checked = isChecked;
-				} );
-			} );
-		} );
-	</script>
-
 	<form method="post" action="<?php echo esc_url( $form_action ); ?>" class="wp-widget-disable-form">
 		<?php
 		settings_fields( $active_tab );
@@ -66,3 +55,16 @@
 		?>
 	</form>
 </div>
+
+<script>
+	const toggleButtons = document.querySelectorAll( '#wp_widget_disable_select_all, #wp_widget_disable_deselect_all' );
+	toggleButtons.forEach( function( button ) {
+		button.addEventListener( 'click', function() {
+			const isChecked = 'wp_widget_disable_select_all' === button.id;
+			const inputs = button.closest( 'td' ).querySelectorAll( 'input' );
+			inputs.forEach( function( input ) {
+				input.checked = isChecked;
+			} );
+		} );
+	} );
+</script>