X-Git-Url: http://lists.indexdata.dk/cgi-bin?a=blobdiff_plain;f=www%2Fdemo%2Fsearch.js;h=e6917a7e76e2a95d80abf8b194a3acef4029ab86;hb=8ca1269eac32c1ddc19d16dc4f74e9a1e3e0b8f9;hp=32d3a183f58a23b7e3aa9583d0705b8efe675473;hpb=0fba4c4e15c9e73f0ddec926c36e17a3113df086;p=pazpar2-moved-to-github.git

diff --git a/www/demo/search.js b/www/demo/search.js
index 32d3a18..e6917a7 100644
--- a/www/demo/search.js
+++ b/www/demo/search.js
@@ -1,4 +1,4 @@
-/* $Id: search.js,v 1.1 2007-01-05 11:30:13 sondberg Exp $
+/* $Id: search.js,v 1.23 2007-01-15 04:34:29 quinn Exp $
  * ---------------------------------------------------
  * Javascript container
  */
@@ -20,13 +20,19 @@ var stattimer;
 var session_cells = Array('query', 'startrec', 'action_type');
 var old_session = session_read();
 var url_surveillence;
-var recstoshow = 15;
-var cur_termlist = "subject";
+var recstoshow = 20;
+var page_window = 5;  // Number of pages prior to and after the current page
+var facet_list;
+var cur_facet = 0;
+var cur_sort = "relevance";
+var searched = 0;
 
 function initialize ()
 {
+    facet_list = get_available_facets();
     start_session();
     session_check();
+    set_sort();
 }
 
 
@@ -57,7 +63,7 @@ function session_started()
 	return;
     var xml = xinitSession.responseXML;
     var sesid = xml.getElementsByTagName("session")[0].childNodes[0].nodeValue;
-    document.getElementById("status").innerHTML = "Live";
+    assign_text(document.getElementById("status"), 'Live');
     session = sesid;
     setTimeout(ping_session, 50000);
 }
@@ -70,8 +76,6 @@ function start_session()
     xinitSession.onreadystatechange=session_started;
     xinitSession.open("GET", url);
     xinitSession.send(null);
-    
-    //url_surveillence = setInterval(session_check, 200);
 }
 
 function ping_session()
@@ -98,51 +102,117 @@ function session_pinged()
     setTimeout(ping_session, 50000);
 }
 
-function targets_loaded()
-{
-    if (xloadTargets.readyState != 4)
-	return;
-    var xml = xloadTargets.responseXML;
-    var error = xml.getElementsByTagName("error");
-    if (error[0])
-    {
-	var msg = error[0].childNodes[0].nodeValue;
-	alert(msg);
-	return;
+function update_action (new_action) {
+    document.search.action_type.value = new_action;
+}
+
+
+function make_pager (hits, offset, max) {
+    var html = '';
+    var off;
+    var start_offset = offset - page_window * max;
+    var div_elem = document.createElement('div');
+    
+    div_elem.className = 'pages';
+
+    if (start_offset < 0) {
+        start_offset = 0;
     }
-    document.getElementById("targetstatus").innerHTML = "Targets loaded";
+
+    for (off = start_offset;
+         off < hits && off < (start_offset + 2 * page_window * max); 
+         off += max) {
+        
+        var p = off / max + 1;
+        var page_elem = create_element('a', p);
+        var newline_node = document.createTextNode(' ');
+
+        if ((offset >= off) && (offset < (off + max))) {
+            page_elem.className = 'select';
+        }
+
+        page_elem.setAttribute('off', off);
+        page_elem.style.cursor = 'pointer';
+        page_elem.onclick = function () {
+            update_offset(this.getAttribute('off'));
+        };
+
+        div_elem.appendChild(page_elem);
+        div_elem.appendChild(newline_node);
+    }
+
+    return div_elem;
 }
 
-function load_targets()
-{
-    var fn = document.getElementById("targetfilename").value;
-    clearTimeout(termtimer);
+
+function update_offset (offset) {
     clearTimeout(searchtimer);
-    clearTimeout(stattimer);
-    clearTimeout(showtimer);
-    document.getElementById("stat").innerHTML = "";
-    if (!fn)
+    document.search.startrec.value = offset;
+    update_action('page');
+    check_search();
+    update_history();
+    return false;
+}
+
+
+function create_element (name, cdata) {
+    var elem_node = document.createElement(name);
+    var text_node = document.createTextNode(cdata);
+    elem_node.appendChild(text_node);
+
+    return elem_node;
+}
+
+
+function clear_cell (cell) {
+    while (cell.hasChildNodes())
+        cell.removeChild(cell.firstChild);
+}
+
+
+function append_text(cell, text) {
+    text_node = document.createTextNode(text);
+    cell.appendChild(text_node);
+}
+
+
+function assign_text (cell, text) {
+    clear_cell(cell);
+    append_text(cell, text);
+}
+
+function set_sort_opt(n, opt, str)
+{
+    var txt = document.createTextNode(str);
+    if (opt == cur_sort)
+	n.appendChild(txt);
+    else
     {
-	alert("Please enter a target definition file name");
-	return;
+	var a = document.createElement('a');
+	a.appendChild(txt);
+	a.setAttribute('href', "");
+	a.setAttribute('onclick', "set_sort('" + opt + "'); return false");
+	n.appendChild(a);
     }
-    var url="search.pz2?" +
-    	"command=load" +
-	"&session=" + session +
-	"&name=" + fn;
-    document.getElementById("targetstatus").innerHTML = "Loading targets...";
-    xloadTargets = GetXmlHttpObject();
-    xloadTargets.onreadystatechange=targets_loaded;
-    xloadTargets.open("GET", url);
-    xloadTargets.send(null);
 }
 
+function set_sort(sort)
+{
+    if (sort && sort != cur_sort)
+    {
+	cur_sort = sort;
+	if (searched)
+	    check_search();
+    }
 
-function update_action (new_action) {
-    document.search.action_type.value = new_action;
+    var t = document.getElementById("sortselect");
+    clear_cell(t);
+    t.appendChild(document.createTextNode("Sort results by: "));
+    set_sort_opt(t, 'relevance', 'Relevance');
+    t.appendChild(document.createTextNode(" or "));
+    set_sort_opt(t, 'title:1', 'Title');
 }
 
-
 function show_records()
 {
     if (xshow.readyState != 4)
@@ -151,45 +221,56 @@ function show_records()
     var xml = xshow.responseXML;
     var body = document.getElementById("body");
     var hits = xml.getElementsByTagName("hit");
+
+    clear_cell(body);
+
     if (!hits[0]) // We should never get here with blocking operations
     {
-	body.innerHTML = "No records yet";
+	assign_text(body, 'No records yet');
 	searchtimer = setTimeout(check_search, 250);
     }
     else
     {
-
 	var total = Number(xml.getElementsByTagName('total')[0].childNodes[0].nodeValue);
 	var merged = Number(xml.getElementsByTagName('merged')[0].childNodes[0].nodeValue);
 	var start = Number(xml.getElementsByTagName('start')[0].childNodes[0].nodeValue);
 	var num = Number(xml.getElementsByTagName('num')[0].childNodes[0].nodeValue);
 	var clients = Number(xml.getElementsByTagName("activeclients")[0].childNodes[0].nodeValue);
-	body.innerHTML = '<b>Records : ';
-	body.innerHTML += (start + 1) + ' to ' + (start + num) +
-		' of ' + merged + ' (total hits: ' + total + ')</b>';
-
-	if (start + num < merged)
-	    body.innerHTML += ' <a href="" ' +
-		'onclick="document.search.startrec.value=' + (start + recstoshow) +
-                ";update_action('page')" +
-		';check_search(); update_history(); return false;">Next</a>';
-
-	if (start > 0)
-	    body.innerHTML += ' <a href="" ' +
-		'onclick="document.search.startrec.value=' + (start - recstoshow) +
-                ";update_action('page')" +
-		';check_search(); update_history();return false;">Previous</a>';
-
-	body.innerHTML += '<br/>';
+        var pager = make_pager(merged, start,recstoshow);
+        var break_node1 = document.createElement('br');
+        var break_node2 = document.createElement('br');
+        var record_container = document.createElement('div');
+        var interval = create_element('div', 'Records : ' + (start + 1) +
+                                             ' to ' + (start + num) + ' of ' +
+                                             merged + ' (total hits: ' +
+                                             total + ')');
+	searched = 1;
+        interval.className = 'results';
+        record_container.className = 'records';
+
+        body.appendChild(pager);
+        body.appendChild(interval);
+        body.appendChild(break_node1);
+        body.appendChild(break_node2);
+        body.appendChild(record_container);
+
 	for (i = 0; i < hits.length; i++)
 	{
-	    body.innerHTML += '<p>';
-	    body.innerHTML += (i + start + 1) + ': ';
-	    var mk = hits[i].getElementsByTagName("title");
-	    if (mk[0])
-		body.innerHTML += mk[0].childNodes[0].nodeValue;
-	    body.innerHTML += '</p>';
+	    var mk = hits[i].getElementsByTagName("md-title");
+            var field = '';
+
+	    if (mk[0]) {
+                field = mk[0].childNodes[0].nodeValue;
+            } else {
+                field = 'N/A';
+            }
+            
+            var record_cell = create_element('a', field);
+            record_cell.setAttribute('href', '#');
+            record_cell.className = 'record';
+            record_container.appendChild(record_cell);
 	}
+
 	shown++;
 	if (clients > 0)
 	{
@@ -200,7 +281,7 @@ function show_records()
 	}
     }
     if (!termtimer)
-	termtimer = setTimeout(check_termlist, 1000);
+	termtimer = setTimeout(check_termlist, 500);
 }
 
 function check_search()
@@ -211,6 +292,7 @@ function check_search()
 	"&start=" + document.search.startrec.value +
 	"&num=" + recstoshow +
 	"&session=" + session +
+	"&sort=" + cur_sort +
 	"&block=1";
     xshow = GetXmlHttpObject();
     xshow.onreadystatechange=show_records;
@@ -220,46 +302,21 @@ function check_search()
 
 
 function refine_query (obj) {
+    var term = obj.getAttribute('term');
+    var cur_termlist = obj.getAttribute('facet');
     var query_cell = document.getElementById('query');
-    var term = obj.innerHTML;
     
     term = term.replace(/[\(\)]/g, '');
+    
     if (cur_termlist == 'subject')
 	query_cell.value += ' and su=(' + term + ')';
     else if (cur_termlist == 'author')
 	query_cell.value += ' and au=(' + term + ')';
+
     start_search();
 }
 
-function set_termlist(termlist)
-{
-    cur_termlist = termlist;
-    check_termlist();
-    if (termtimer)
-    {
-	clearTimeout(termtimer);
-	termtimer = 0;
-    }
-}
 
-function show_termlistoptions(body)
-{
-    var opts = Array(
-        Array('subject', 'Subject'),
-	Array('author', 'Author')
-    );
-
-    for (i in opts)
-    {
-	if (opts[i][0] == cur_termlist)
-	    body.innerHTML += opts[i][1];
-	else
-	    body.innerHTML += '<a href="" onclick="set_termlist(\'' + opts[i][0] +
-		'\'); return false">' + opts[i][1] + '</a>';
-	body.innerHTML += ' ';
-    }
-    body.innerHTML += '<p>';
-}
 
 function show_termlist()
 {
@@ -268,38 +325,53 @@ function show_termlist()
 
     var i;
     var xml = xtermlist.responseXML;
-    var body = document.getElementById("termlist");
+    var body = facet_list[cur_facet][1];
+    var facet_name = facet_list[cur_facet][0];
     var hits = xml.getElementsByTagName("term");
     var clients =
 	Number(xml.getElementsByTagName("activeclients")[0].childNodes[0].nodeValue);
+
+    cur_facet++;
+
+    if (cur_facet >= facet_list.length)
+        cur_facet = 0;
+
     if (!hits[0])
     {
-	termtimer = setTimeout(check_termlist, 1000);
+	termtimer = setTimeout(check_termlist, 500);
     }
     else
     {
-	body.innerHTML = "<b>Limit results:</b><br>";
-	show_termlistoptions(body);
-	for (i = 0; i < hits.length; i++)
+	clear_cell(body);
+	
+        for (i = 0; i < hits.length; i++)
 	{
 	    var namen = hits[i].getElementsByTagName("name");
 	    if (namen[0])
-		body.innerHTML += '<a href="#" onclick="refine_query(this)">' +
-                                  namen[0].childNodes[0].nodeValue +
-                                  '</a>';
-	    body.innerHTML += '<br>';
+                var term = namen[0].childNodes[0].nodeValue;
+                var refine_cell = create_element('a', term);
+                refine_cell.setAttribute('href', '#');
+                refine_cell.setAttribute('term', term);
+                refine_cell.setAttribute('facet', facet_name);
+                refine_cell.onclick = function () {
+                    refine_query(this);
+                    return false;
+                };
+                body.appendChild(refine_cell);
 	}
+
 	if (clients > 0)
-	    termtimer = setTimeout(check_termlist, 2000);
+	    termtimer = setTimeout(check_termlist, 1000);
     }
 }
 
 function check_termlist()
 {
+    var facet_name = facet_list[cur_facet][0];
     var url = "search.pz2?" +
         "command=termlist" +
 	"&session=" + session +
-	"&name=" + cur_termlist;
+	"&name=" + facet_name;
     xtermlist = GetXmlHttpObject();
     xtermlist.onreadystatechange=show_termlist;
     xtermlist.open("GET", url);
@@ -322,7 +394,7 @@ function show_stat()
     }
     else
     {
-	body.innerHTML = "(";
+	assign_text(body, '(');
 	for (i = 0; i < nodes.length; i++)
 	{
 	    if (nodes[i].nodeType != 1)
@@ -331,9 +403,10 @@ function show_stat()
 	    if (value == 0)
 		continue;
 	    var name = nodes[i].nodeName;
-	    body.innerHTML += ' ' + name + '=' + value;
+	    append_text(body, ' ' + name + '=' + value);
 	}
-	body.innerHTML += ')';
+
+        append_text(body, ')');
 	if (clients > 0)
 	    stattimer = setTimeout(check_stat, 2000);
     }
@@ -376,11 +449,6 @@ function start_search()
     stattimer = 0;
     clearTimeout(showtimer);
     showtimer = 0;
-    if (!targets_loaded)
-    {
-	alert("Please load targets first");
-	return;
-    }
     var query = escape(document.getElementById('query').value);
     var url = "search.pz2?" +
         "command=search" +
@@ -390,14 +458,12 @@ function start_search()
     xsearch.onreadystatechange=search_started;
     xsearch.open("GET", url);
     xsearch.send(null);
-    document.getElementById("termlist").innerHTML = '';
-    document.getElementById("body").innerHTML = '';
+    clear_cell(document.getElementById("body"));
     update_history();
     shown = 0;
     document.search.startrec.value = 0;
 }
 
-
 function session_encode ()
 {
     var i;
@@ -478,6 +544,25 @@ function session_check ()
 }
 
 
+function get_available_facets () {
+    var facet_container = document.getElementById('termlists');
+    var facet_cells = facet_container.childNodes;
+    var facets = Array();
+    var i;
+
+    for (i = 0; i < facet_cells.length; i++) {
+        var cell = facet_cells.item(i);
+
+        if (cell.className == 'facet') {
+            var facet_name = cell.id.replace(/^facet_([^_]+)_terms$/, "$1");
+            facets.push(Array(facet_name, cell));
+        }
+    }
+
+    return facets;
+}
+
+
 function get_facet_container (obj) {
     return document.getElementById(obj.id + '_terms');
 }
@@ -488,7 +573,7 @@ function toggle_facet (obj) {
 
     if (obj.className == 'selected') {
         obj.className = 'unselected';
-        container.style.display = 'block';
+        container.style.display = 'inline';
     } else {
         obj.className = 'selected';
         container.style.display = 'none';