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

@@ -86,3 +86,14 @@
 .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,15 +187,17 @@ $(function() {
     })
 
     $( "#quick-search-autocomplete" ).autocomplete({
-
       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){
+			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);
+           }
+        );
+
       }
 		});
 

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="">
-              <input type="text" class="ui-widget" id="quick-search-autocomplete" placeholder="Search" />
-            </form>
+          <div class="ui-widget">
+            <input type="text" class="ui-autocomplete-input" id="quick-search-autocomplete" placeholder="Search" />
+          </div>
         </li>
       </ul>