Implement simple client-side folder contents search.

diff --git a/apps/workbench/app/assets/javascripts/folders.js b/apps/workbench/app/assets/javascripts/folders.js
index 2e413b4c2281c862bedcd76fbdac28144bc43f4e..10695cf15874b6676ab1f9526a0cafbfb1153fc3 100644 (file)
--- a/apps/workbench/app/assets/javascripts/folders.js
+++ b/apps/workbench/app/assets/javascripts/folders.js
@@ -4,4 +4,9 @@ $(document).
             e.stopPropagation();
             $($(this).attr('data-toggle-selector')).editable('toggle');
         });
+    }).on('paste keyup change', 'input.search-folder-contents', function() {
+        var q = new RegExp($(this).val(), 'i');
+        $(this).closest('div.panel').find('tbody tr').each(function() {
+            $(this).toggle(!!$(this).text().match(q));
+        });
     });

diff --git a/apps/workbench/app/views/folders/show.html.erb b/apps/workbench/app/views/folders/show.html.erb
index 0ee32f2a6d72aab5d9f40a7c8c6695583a7f8a36..7759b5567b7bd75e4022cb6d3b0aad62533e39e3 100644 (file)
--- a/apps/workbench/app/views/folders/show.html.erb
+++ b/apps/workbench/app/views/folders/show.html.erb
@@ -112,7 +112,7 @@
           </div>
           <div class="col-md-6">
             <div class="input-group input-group-sm pull-right">
-              <input type="text" class="form-control" placeholder="Search folder contents"/>
+              <input type="text" class="form-control search-folder-contents" placeholder="Search folder contents"/>
             </div>
           </div>
         </div>