Manual Device Topology

Needed to add the 'autocomplete' jQuery UI component because
it can do minLength=0 properly. Used the smoothness UI theme.

Added typeahead AJAX calls to support the topology searching.

Added new plugin and template for the topology editing page.

Netdisco/share/public/css/netdisco.css

@@ -27,6 +27,14 @@ body {
   width: 100%;
 }
 
+/* jquery ui autocomplete scrollable */
+.ui-autocomplete {
+  max-height: 200px;
+  overflow-y: auto;
+  /* prevent horizontal scrollbar */
+  overflow-x: hidden;
+}
+
 /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 /* various styles to adjust the hero box used for homepage + login */
 

Netdisco/share/public/javascripts/netdisco.js

@@ -173,7 +173,7 @@ $(document).ready(function() {
   // activate 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 $.get('/ajax/data/devicename/typeahead', { query: query }, function (data) {
         return process(data);
       });
     }