Typeahead on the main navbar search (for devices only)

Changes

@@ -3,6 +3,7 @@
   [NEW FEATURES]
 
   * Icon to copy Navbar search text to Device Search Options field (closes #11)
+  * Typeahead on the main navbar search (for devices only)
 
   [ENHANCEMENTS]
 

Netdisco/lib/Netdisco/Web/Device.pm

@@ -171,6 +171,15 @@ ajax '/ajax/content/device/details' => sub {
     }, { layout => undef };
 };
 
+# support typeahead with simple AJAX query for device names
+ajax '/ajax/data/device/typeahead' => sub {
+    my $q = param('query');
+    my $set = schema('netdisco')->resultset('Device')->search_fuzzy($q);
+
+    content_type 'application/json';
+    return to_json [map {$_->dns || $_->name || $_->ip} $set->all];
+};
+
 get '/device' => sub {
     my $ip = NetAddr::IP::Lite->new(param('q'));
     if (! $ip) {

Netdisco/views/js/common.js

@@ -8,4 +8,13 @@
     [% IF params.tab %]
     $('#[% params.tab %]_form').trigger("submit");
     [% END %]
+
+    // enable typeahead on the main search box, for device names only
+    $('#nq').typeahead({
+      source: function (query, process) {
+        return $.get('/ajax/data/device/typeahead', { query: query }, function (data) {
+          return process(data);
+        });
+      }
+    });
   });