hack jqueryui to have autocomplete working with bootstrap

git-svn-id: https://svn.apache.org/repos/asf/archiva/trunk@1293869 13f79535-47bb-0310-9956-ffa450edef68

archiva-modules/archiva-web/archiva-rest/archiva-rest-services/src/main/java/org/apache/archiva/rest/services/DefaultSearchService.java

@@ -61,7 +61,6 @@ public class DefaultSearchService
     implements SearchService
 {
 
-
     @Inject
     private RepositorySearch repositorySearch;
 

archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/css/archiva.css

@@ -85,4 +85,15 @@
 
 .force-upper-case{
   text-transform: uppercase;
+}
+
+.dropdown-menu {
+    max-width: 920px;
+}
+.ui-menu-item {
+    cursor: pointer;
+}
+
+.ui-autocomplete-loading{
+  background:url('../images/small-spinner.gif') no-repeat right center;
 }

archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/js/archiva/main.js

@@ -187,16 +187,18 @@ $(function() {
     })
 
     $( "#quick-search-autocomplete" ).autocomplete({
+      minLength: 3,
+			source: function(request, response){
+        $.get("restServices/archivaServices/searchService/quickSearch?queryString="+encodeURIComponent(request.term),
+           function(data) {
+             var res = $.map(data.artifact,function(item){
+               return item.artifactId;
+             });
+             response(res);
+           }
+        );
 
-			minLength: 3,
+      }
-			source: function( request, response ) {
-        $.log("source");
-        return ["foo","bar"];
-				/*var data = $.getJSON( "restServices/archivaServices/searchService/quickSearch?queryString="+encodeURIComponent(request.term));
-        return $.map(data,function(item){
-          return item.artifactId;
-        })*/
-			  }
 		});
 
 

archiva-modules/archiva-web/archiva-webapp-js/src/main/webapp/js/archiva/templates/topbar.html

@@ -48,9 +48,9 @@
           </a>
         </li>
         <li class="pull-right">
-            <form class="form-search pull-right" action="">
+          <div class="ui-widget">
-              <input type="text" class="ui-widget" id="quick-search-autocomplete" placeholder="Search" />
+            <input type="text" class="ui-autocomplete-input" id="quick-search-autocomplete" placeholder="Search" />
-            </form>
+          </div>
         </li>
       </ul>