Ticket #43058: 43058.patch

wp-admin/js/theme-plugin-editor.js

@@ -73 +73 @@
                         }
                         return undefined;
                 } );
+
+                $( document ).on('keyup', '#plugin-files-search, #theme-files-search',  component._searchFile);
         };
 
         /**
+         * Search file.
+         *
+         * @since 4.9.2
+         * @returns {void}
+         */
+        component._searchFile = function() {
+                var parent      = $('#templateside');
+                var directories = parent.find('ul ul li');
+                var files       = parent.find('ul ul li a');
+
+                // Expand all directories.
+                directories.attr('aria-expanded', true);
+
+                // Hide Directories. Becuase, Below we show those directories
+                // which have search term in the file name.
+        directories.hide();
+
+                // Search file and ONLY show these directories which "contain" the file name.
+                var rex = new RegExp( $(this).val(), 'i');
+        files.filter(function () {
+                        var file_name = $.trim( $(this).text() ) || '';
+                return rex.test( file_name );
+        }).parents('li').show();
+        };
+
+        /**
          * Set up and display the warning modal.
          *
          * @since 4.9.0

wp-admin/plugin-editor.php

@@ -232 +232 @@
 
 <div id="templateside">
         <h2 id="plugin-files-label"><?php _e( 'Plugin Files' ); ?></h2>
+        <input id="plugin-files-search" type="text" placeholder="<?php _e( 'Search file..' ); ?>">
 
         <?php
         $plugin_editable_files = array();

wp-admin/theme-editor.php

@@ -229 +229 @@
 ?>
 <div id="templateside">
         <h2 id="theme-files-label"><?php _e( 'Theme Files' ); ?></h2>
+        <input id="theme-files-search" type="text" placeholder="<?php _e( 'Search file..' ); ?>">
         <ul role="tree" aria-labelledby="theme-files-label">
                 <?php if ( ( $has_templates || $theme->parent() ) && $theme->parent() ) : ?>
                         <li class="howto">