Changeset 3086600

Timestamp:

05/14/2024 03:18:05 PM (2 months ago)

Author:

Marc4

Message:

v1.6

Location:

clear-internal-search-button

Files:

• assets/screenshot-1.png (modified) (previous)
• tags/1.2 (deleted)
• tags/1.3 (deleted)
• tags/1.6 (added)
• trunk/clear-internal-search-button.js (modified) (2 diffs)
• trunk/clear-internal-search-button.php (modified) (2 diffs)
• trunk/readme.txt (modified) (2 diffs)
• trunk/styles.css (modified) (1 diff)

clear-internal-search-button/trunk/clear-internal-search-button.js

@@ -1 +1 @@
 jQuery(document).ready(function($) {
-    // Verify that clearSearchData is defined correctly
-    if (typeof clearSearchData === 'undefined' || typeof clearSearchData.buttonText === 'undefined') {
-        console.error('clearSearchData is not defined correctly.');
-        return;
-    }
-
     // Define a list of selectors for the search fields
     const searchFieldsSelectors = ['#post-search-input', '#comment-search-input', '#user-search-input', '#media-search-input', '#plugin-search-input', '#wp-filter-search-input', '#search-plugins', '#tag-search-input'];
@@ -13 +7 @@
         const $searchField = $(selector);
 
-        if($searchField.length) {
-            // Creates the button but initially hidden
-            const buttonText = $('<div>').text(clearSearchData.buttonText).html();
-            const $button = $('<button type="button" class="button clear-search-button">' + buttonText + '</button>').insertAfter($searchField);
+        if ($searchField.length) {
+            // Wraps each search field in a div that will position the clear button
+            $searchField.wrap('<div class="search-field-wrapper"></div>');
+            const $wrapper = $searchField.parent();
+
+            // Creates the button inside the search field, initially hidden
+            const $button = $('<button type="button" class="button clear-search-button" style="display: none;" aria-label="Clear search field">X</button>');
+            $wrapper.append($button);
 
             // Function to control the visibility of the button based on the content of the search field

clear-internal-search-button/trunk/clear-internal-search-button.php

@@ -4 +4 @@
 Plugin URI: https://wordpress.org/plugins/clear-internal-search-button/
 Description: Clear Internal Search Button adds a button to clear the text of the internal search field for posts, pages, comments, users, media library, categories, tags, plugins and themes sections in the WordPress admin area.
-Version: 1.5
+Version: 1.
 Requires at least: 6.0
 Tested up to: 6.5
@@ -19 +19 @@
 function cisb_admin_enqueue_scripts() {
     wp_enqueue_script('clear-internal-search-button-js', plugin_dir_url(__FILE__) . 'clear-internal-search-button.js', array('jquery'), '1.0', true);
-
-    // Localize the script to pass translatable strings
-
-    wp_localize_script('clear-internal-search-button-js', 'clearSearchData', array(
-        'buttonText' => esc_html__('Clear', 'clear-internal-search-button'),
-    ));
-
     wp_enqueue_style('clear-internal-search-button-css', plugin_dir_url(__FILE__) . 'styles.css', array(), '1.0');
 }

clear-internal-search-button/trunk/readme.txt

@@ -6 +6 @@
 Requires PHP: 7.0
 Tested PHP: 8.3
-Stable tag: 1.5
+Stable tag: 1.
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
@@ -26 +26 @@
 == Changelog ==
 
-= [1.5] - 2024-14-05 =
+= [1.6] - 2024-14-05 =
+
+* Added "X" button inside the search field.
+
+= [1.5] - 2024-13-05 =
 
 * Added version to `wp_enqueue_style`.

clear-internal-search-button/trunk/styles.css

@@ -1 @@
-.button.clear-search-button {
-    display: none;
-    margin: 0 3px;
+.wp-core-ui p .button {
+    vertical-align: top !important;
 }
 
-.wp-filter .search-plugins .button.clear-search-button {
-    margin: 10px 0px 0px 3px;
+.search-field-wrapper {
+    position: relative;
+    display: inline-block;
 }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+