some interface work on instant search

2 files changed, 12 insertions, 34 deletions

diff --git a/core/css/styles.css b/core/css/styles.css
index 400108c454d..05546541153 100644
--- a/core/css/styles.css
+++ b/core/css/styles.css
@@ -23,6 +23,7 @@ form input[type="submit"]:active { outline:0; }
 form input[type="button"], form input[type="text"] { font-size:0.9em; }
 fieldset { padding:1em; background-color:#f7f7f7; border:1px solid #ddd; max-width:600px; margin:2em 2em 2em 3em; }
 legend { padding:0.5em; font-size:1.2em; }
+.template{display:none;}
 
 div.controls { width:100%; margin:0px; background-color:#f7f7f7; border-bottom:1px solid #eee; position:fixed; z-index:2; }
 
diff --git a/core/js/js.js b/core/js/js.js
index fbc014006b0..f85331db60a 100644
--- a/core/js/js.js
+++ b/core/js/js.js
@@ -54,6 +54,10 @@ OC={
 			}else{
 				$.getScript(path);
 			}
+		}else{
+			if(ready){
+				ready();
+			}
 		}
 	},
 	addStyle:function(app,style){
@@ -66,45 +70,16 @@ OC={
 	},
 	search:function(query){
 		if(query){
-			OC.addStyle('search','results');
-			$.getJSON(OC.filePath('search','ajax','search.php')+'?query='+encodeURIComponent(query), OC.search.showResults);
+			OC.addScript('search','result',function(){
+				OC.addStyle('search','results');
+				$.getJSON(OC.filePath('search','ajax','search.php')+'?query='+encodeURIComponent(query), OC.search.showResults);
+			});
 		}
 	}
 }
 OC.addStyle.loaded=[];
 OC.addScript.loaded=[];
 
-OC.search.catagorizeResults=function(results){
-	var types={};
-	for(var i=0;i<results.length;i++){
-		var type=results[i].type;
-		if(!types[type]){
-			types[type]=[];
-		}
-		types[type].push(results[i]);
-	}
-	return types;
-}
-OC.search.showResults=function(results){
-	var types=OC.search.catagorizeResults(results);
-	$('#searchresults').remove();
-	var ul=$('<ul id="searchresults"><ul>');
-	for(var name in types){
-		var type=types[name];
-		if(type.length>0){
-			ul.append($('<li class="type">'+name+'</li>'));
-			for(var i=0;i<type.length;i++){
-				var item=type[i];
-				var li=($('<li class="'+name+'"></li>'));
-				li.append($('<a href="'+item.link+'">'+item.name+'</a>'));
-				li.append($('<span class="text">'+item.text+'</span>'));
-				ul.append(li);
-			}
-		}
-	}
-	$('body').append(ul);
-}
-
 if (!Array.prototype.filter) {
 	Array.prototype.filter = function(fun /*, thisp*/) {
 		var len = this.length >>> 0;
@@ -162,7 +137,9 @@ $(document).ready(function(){
 		if(query.length>2){
 			OC.search(query);
 		}else{
-			$('#searchresults').remove();
+			if(OC.search.hide){
+				OC.search.hide();
+			}
 		}
 	});
 	$('#searchbox').click(function(){$('#searchbox').trigger('keyup')});