(WIP) Optionally sort HTML search items via Javascript.

TODO: Expose a GUI setting for this.

1 files changed, 37 insertions, 5 deletions

diff --git a/htroot/yacysearch.html b/htroot/yacysearch.html
index 8a46a2041..437bfccb5 100644
--- a/htroot/yacysearch.html
+++ b/htroot/yacysearch.html
@@ -12,6 +12,13 @@
   <script type="text/javascript" src="js/highslide/highslide.js"></script>
   <script type="text/javascript">hs.outlineType = 'rounded-white';</script>
   <script type="text/javascript" src="env/bootstrap/js/typeahead.jquery.min.js"></script>
+  #(jsResort)#::
+  <script type="text/javascript">
+    var requestedResults = #[results]#;
+    var theEventID = "#[eventID]#";
+  </script>
+  <script type="text/javascript" src="js/yacysort.js"></script>
+  #(/jsResort)#
   <script type="text/javascript">
      var suggestMatcher = function() {
        return function opensearch(q, cb) {
@@ -31,7 +38,19 @@
           });
         };
       };
+
     $(document).ready(function() {
+      #(jsResort)#::
+        $.get(
+          "yacysearchitem.html",
+          {
+            eventID: theEventID,
+            item: itemCount
+          },
+          processItem
+        );
+      #(/jsResort)#
+
       $('#search').typeahead({hint:false,highlight:true,minLength:1}, {
     	name: 'states',
     	displayKey: 'value',
@@ -175,9 +194,14 @@ document.getElementById("Enter").innerHTML = "search again";
 
 <!-- linklist begin -->
 #(resultTable)#::<table width="100%"><tr class="TableHeader"><td width="30%">Media</td><td width="70%">URL</td></tr>#(/resultTable)#
-#{results}#
-<!--#include virtual="yacysearchitem.html?item=#[item]#&eventID=#[eventID]#" -->
-#{/results}#
+#(jsResort)#
+  #{results}#
+  <!--#include virtual="yacysearchitem.html?item=#[item]#&eventID=#[eventID]#" -->
+  #{/results}#
+::
+  <div id="resultscontainer">
+  </div>
+#(/jsResort)#
 #(resultTable)#::</table>#(/resultTable)#
 <!-- linklist end -->
 
@@ -185,7 +209,11 @@ document.getElementById("Enter").innerHTML = "search again";
 	::
 	::
 	::
-	<span id="resNav" class="col-sm-12  col-md-12" style="display: inline;"></span>
+	#(jsResort)#
+	  <span id="resNav" class="col-sm-12  col-md-12" style="display: inline;"></span>
+	::
+	  <p><br><br><a href="javascript:earlierPage();">Prev Page</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript:laterPage();">Next Page</a></p>
+	#(/jsResort)#
 	::
 #(/num-results)#
 
@@ -222,7 +250,11 @@ function latestinfo() {
     	}
       
     	if(rsp && rsp.offset != null) {
-			statistics(rsp.offset, rsp.itemscount, rsp.itemsperpage, rsp.totalcount, rsp.localIndexCount, rsp.remoteIndexCount, rsp.remotePeerCount, rsp.navurlBase, #[localQuery]#, rsp.feedRunning);
+			#(jsResort)#
+			  statistics(rsp.offset, rsp.itemscount, rsp.itemsperpage, rsp.totalcount, rsp.localIndexCount, rsp.remoteIndexCount, rsp.remotePeerCount, rsp.navurlBase, #[localQuery]#, rsp.feedRunning);
+			::
+			  statistics($("#resultscontainer .searchresults.earlierpage").length + 1, $("#resultscontainer .searchresults.earlierpage").length + $("#resultscontainer .searchresults.currentpage").length, rsp.itemsperpage, rsp.totalcount, rsp.localIndexCount, rsp.remoteIndexCount, rsp.remotePeerCount, rsp.navurlBase, #[localQuery]#, rsp.feedRunning);
+			#(/jsResort)#
 			if(rsp.feedRunning) {
 				/* Refresh statistics while server feeders are still running */
 				window.setTimeout(latestinfo, 1000);