Updating.
[pazpar2-moved-to-github.git] / www / demo / search.js
1 /* $Id: search.js,v 1.13 2007-01-10 11:42:17 sondberg Exp $
2  * ---------------------------------------------------
3  * Javascript container
4  */
5
6 var xmlHttp
7 var xinitSession;
8 var xloadTargets;
9 var xsearch;
10 var xshow;
11 var xstat;
12 var xtermlist;
13 var session = false;
14 var targetsloaded = false;
15 var shown;
16 var searchtimer;
17 var showtimer;
18 var termtimer;
19 var stattimer;
20 var session_cells = Array('query', 'startrec', 'action_type');
21 var old_session = session_read();
22 var url_surveillence;
23 var recstoshow = 15;
24 var page_window = 5;  // Number of pages prior to and after the current page
25 var facet_list;
26 var cur_facet = 0;
27
28 function initialize ()
29 {
30     facet_list = get_available_facets();
31     start_session();
32     session_check();
33 }
34
35
36 function GetXmlHttpObject()
37
38     var objXMLHttp=null
39     if (window.XMLHttpRequest)
40       {
41       objXMLHttp=new XMLHttpRequest()
42       }
43     else if (window.ActiveXObject)
44       {
45       objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP")
46       }
47     return objXMLHttp
48
49
50 function SendXmlHttpObject(obj, url, handler)
51 {
52     obj.onreadystatechange=handler;
53     obj.open("GET", url);
54     obj.send(null);
55 }
56
57 function session_started()
58 {
59     if (xinitSession.readyState != 4)
60         return;
61     var xml = xinitSession.responseXML;
62     var sesid = xml.getElementsByTagName("session")[0].childNodes[0].nodeValue;
63     document.getElementById("status").innerHTML = "Live";
64     session = sesid;
65     setTimeout(ping_session, 50000);
66 }
67
68 function start_session()
69 {
70     xinitSession = GetXmlHttpObject();
71     var url="search.pz2?";
72     url += "command=init";
73     xinitSession.onreadystatechange=session_started;
74     xinitSession.open("GET", url);
75     xinitSession.send(null);
76 }
77
78 function ping_session()
79 {
80     if (!session)
81         return;
82     var url = "search.pz2?command=ping&session=" + session;
83     SendXmlHttpObject(xpingSession = GetXmlHttpObject(), url, session_pinged);
84 }
85
86 function session_pinged()
87 {
88     if (xpingSession.readyState != 4)
89         return;
90     var xml = xpingSession.responseXML;
91     var error = xml.getElementsByTagName("error");
92     if (error[0])
93     {
94         var msg = error[0].childNodes[0].nodeValue;
95         alert(msg);
96         location = "?";
97         return;
98     }
99     setTimeout(ping_session, 50000);
100 }
101
102 function targets_loaded()
103 {
104     if (xloadTargets.readyState != 4)
105         return;
106     var xml = xloadTargets.responseXML;
107     var error = xml.getElementsByTagName("error");
108     if (error[0])
109     {
110         var msg = error[0].childNodes[0].nodeValue;
111         alert(msg);
112         return;
113     }
114     document.getElementById("targetstatus").innerHTML = "Targets loaded";
115 }
116
117 function load_targets()
118 {
119     var fn = document.getElementById("targetfilename").value;
120     clearTimeout(termtimer);
121     clearTimeout(searchtimer);
122     clearTimeout(stattimer);
123     clearTimeout(showtimer);
124     document.getElementById("stat").innerHTML = "";
125     if (!fn)
126     {
127         alert("Please enter a target definition file name");
128         return;
129     }
130     var url="search.pz2?" +
131         "command=load" +
132         "&session=" + session +
133         "&name=" + fn;
134     document.getElementById("targetstatus").innerHTML = "Loading targets...";
135     xloadTargets = GetXmlHttpObject();
136     xloadTargets.onreadystatechange=targets_loaded;
137     xloadTargets.open("GET", url);
138     xloadTargets.send(null);
139 }
140
141
142 function update_action (new_action) {
143     document.search.action_type.value = new_action;
144 }
145
146
147 function make_pager (hits, offset, max) {
148     var html = '';
149     var off;
150     var start_offset = offset - page_window * max;
151     var div_elem = document.createElement('div');
152     
153     div_elem.className = 'pages';
154
155     if (start_offset < 0) {
156         start_offset = 0;
157     }
158
159     for (off = start_offset;
160          off < hits && off < (start_offset + 2 * page_window * max); 
161          off += max) {
162         
163         var p = off / max + 1;
164         var page_elem = create_element('a', p);
165         var newline_node = document.createTextNode('\n');
166
167         if ((offset >= off) && (offset < (off + max))) {
168             page_elem.className = 'select';
169         }
170
171         page_elem.setAttribute('href', '#');
172         page_elem.setAttribute('onclick', 'update_offset(' + off + ')');
173
174         div_elem.appendChild(page_elem);
175         div_elem.appendChild(newline_node);
176     }
177
178     return div_elem;
179 }
180
181
182 function update_offset (offset) {
183     document.search.startrec.value = offset;
184     update_action('page');
185     check_search();
186     update_history();
187     return false;
188 }
189
190
191 function create_element (name, cdata) {
192     var elem_node = document.createElement(name);
193     var text_node = document.createTextNode(cdata);
194     elem_node.appendChild(text_node);
195
196     return elem_node;
197 }
198
199
200 function show_records()
201 {
202     if (xshow.readyState != 4)
203         return;
204     var i;
205     var xml = xshow.responseXML;
206     var body = document.getElementById("body");
207     var hits = xml.getElementsByTagName("hit");
208     
209     body.innerHTML = '';
210
211     if (!hits[0]) // We should never get here with blocking operations
212     {
213         body.innerHTML = "No records yet";
214         searchtimer = setTimeout(check_search, 250);
215     }
216     else
217     {
218
219         var total = Number(xml.getElementsByTagName('total')[0].childNodes[0].nodeValue);
220         var merged = Number(xml.getElementsByTagName('merged')[0].childNodes[0].nodeValue);
221         var start = Number(xml.getElementsByTagName('start')[0].childNodes[0].nodeValue);
222         var num = Number(xml.getElementsByTagName('num')[0].childNodes[0].nodeValue);
223         var clients = Number(xml.getElementsByTagName("activeclients")[0].childNodes[0].nodeValue);
224         var pager = make_pager(merged, start,recstoshow);
225         var break_node1 = document.createElement('br');
226         var break_node2 = document.createElement('br');
227         var record_container = document.createElement('div');
228         var interval = create_element('div', 'Records : ' + (start + 1) +
229                                              ' to ' + (start + num) + ' of ' +
230                                              merged + ' (total hits: ' +
231                                              total + ')');
232         interval.className = 'results';
233         record_container.className = 'records';
234
235         body.appendChild(pager);
236         body.appendChild(interval);
237         body.appendChild(break_node1);
238         body.appendChild(break_node2);
239         body.appendChild(record_container);
240
241         for (i = 0; i < hits.length; i++)
242         {
243             var mk = hits[i].getElementsByTagName("md-title");
244             var field = '';
245
246             if (mk[0]) {
247                 field = mk[0].childNodes[0].nodeValue;
248             } else {
249                 field = 'N/A';
250             }
251             
252             var record_cell = create_element('a', field);
253             record_cell.setAttribute('href', '#');
254             record_cell.className = 'record';
255             record_container.appendChild(record_cell);
256         }
257
258         shown++;
259         if (clients > 0)
260         {
261             if (shown < 5)
262                 searchtimer = setTimeout(check_search, 1000);
263             else
264                 searchtimer = setTimeout(check_search, 2000);
265         }
266     }
267     if (!termtimer)
268         termtimer = setTimeout(check_termlist, 500);
269 }
270
271 function check_search()
272 {
273     clearTimeout(searchtimer);
274     var url = "search.pz2?" +
275         "command=show" +
276         "&start=" + document.search.startrec.value +
277         "&num=" + recstoshow +
278         "&session=" + session +
279         "&block=1";
280     xshow = GetXmlHttpObject();
281     xshow.onreadystatechange=show_records;
282     xshow.open("GET", url);
283     xshow.send(null);
284 }
285
286
287 function refine_query (obj) {
288     var query_cell = document.getElementById('query');
289     var term = obj.innerHTML;
290     
291     term = term.replace(/[\(\)]/g, '');
292     if (cur_termlist == 'subject')
293         query_cell.value += ' and su=(' + term + ')';
294     else if (cur_termlist == 'author')
295         query_cell.value += ' and au=(' + term + ')';
296     start_search();
297 }
298
299
300
301 function show_termlist()
302 {
303     if (xtermlist.readyState != 4)
304         return;
305
306     var i;
307     var xml = xtermlist.responseXML;
308     var body = facet_list[cur_facet][1];
309     var hits = xml.getElementsByTagName("term");
310     var clients =
311         Number(xml.getElementsByTagName("activeclients")[0].childNodes[0].nodeValue);
312
313     cur_facet++;
314
315     if (cur_facet >= facet_list.length)
316         cur_facet = 0;
317
318     if (!hits[0])
319     {
320         termtimer = setTimeout(check_termlist, 500);
321     }
322     else
323     {
324         body.innerHTML = '';
325         
326         for (i = 0; i < hits.length; i++)
327         {
328             var namen = hits[i].getElementsByTagName("name");
329             if (namen[0])
330                 var refine_cell = create_element('a',
331                                     namen[0].childNodes[0].nodeValue);
332                 refine_cell.setAttribute('href', '#');
333                 refine_cell.setAttribute('onclick', 'refine_query(this)');
334                 body.appendChild(refine_cell);
335
336                 /*
337                 body.innerHTML += '<a href="#" onclick="refine_query(this)">' +
338                                   namen[0].childNodes[0].nodeValue +
339                                   '</a>';
340                 */
341         }
342
343         if (clients > 0)
344             termtimer = setTimeout(check_termlist, 1000);
345     }
346 }
347
348 function check_termlist()
349 {
350     var facet_name = facet_list[cur_facet][0];
351     var url = "search.pz2?" +
352         "command=termlist" +
353         "&session=" + session +
354         "&name=" + facet_name;
355     xtermlist = GetXmlHttpObject();
356     xtermlist.onreadystatechange=show_termlist;
357     xtermlist.open("GET", url);
358     xtermlist.send(null);
359 }
360
361 function show_stat()
362 {
363     if (xstat.readyState != 4)
364         return;
365     var i;
366     var xml = xstat.responseXML;
367     var body = document.getElementById("stat");
368     var nodes = xml.childNodes[0].childNodes;
369     var clients =
370         Number(xml.getElementsByTagName("activeclients")[0].childNodes[0].nodeValue);
371     if (!nodes[0])
372     {
373         stattimer  = setTimeout(check_stat, 500);
374     }
375     else
376     {
377         body.innerHTML = "(";
378         for (i = 0; i < nodes.length; i++)
379         {
380             if (nodes[i].nodeType != 1)
381                 continue;
382             var value = nodes[i].childNodes[0].nodeValue;
383             if (value == 0)
384                 continue;
385             var name = nodes[i].nodeName;
386             body.innerHTML += ' ' + name + '=' + value;
387         }
388         body.innerHTML += ')';
389         if (clients > 0)
390             stattimer = setTimeout(check_stat, 2000);
391     }
392 }
393
394 function check_stat()
395 {
396     var url = "search.pz2?" +
397         "command=stat" +
398         "&session=" + session;
399     xstat = GetXmlHttpObject();
400     xstat.onreadystatechange=show_stat;
401     xstat.open("GET", url);
402     xstat.send(null);
403 }
404
405 function search_started()
406 {
407     if (xsearch.readyState != 4)
408         return;
409     var xml = xsearch.responseXML;
410     var error = xml.getElementsByTagName("error");
411     if (error[0])
412     {
413         var msg = error[0].childNodes[0].nodeValue;
414         alert(msg);
415         return;
416     }
417     check_search();
418     stattimer = setTimeout(check_stat, 1000);
419 }
420
421 function start_search()
422 {
423     clearTimeout(termtimer);
424     termtimer = 0;
425     clearTimeout(searchtimer);
426     searchtimer = 0;
427     clearTimeout(stattimer);
428     stattimer = 0;
429     clearTimeout(showtimer);
430     showtimer = 0;
431     if (!targets_loaded)
432     {
433         alert("Please load targets first");
434         return;
435     }
436     var query = escape(document.getElementById('query').value);
437     var url = "search.pz2?" +
438         "command=search" +
439         "&session=" + session +
440         "&query=" + query;
441     xsearch = GetXmlHttpObject();
442     xsearch.onreadystatechange=search_started;
443     xsearch.open("GET", url);
444     xsearch.send(null);
445 //    document.getElementById("termlist").innerHTML = '';
446     document.getElementById("body").innerHTML = '';
447     update_history();
448     shown = 0;
449     document.search.startrec.value = 0;
450 }
451
452
453 function session_encode ()
454 {
455     var i;
456     var session = '';
457
458     for (i = 0; i < session_cells.length; i++)
459     {
460         var name = session_cells[i];
461         var value = escape(document.getElementById(name).value);
462         session += '&' + name + '=' + value;
463     }
464
465     return session;
466 }
467
468
469 function session_restore (session)
470 {
471     var fields = session.split(/&/);
472     var i;
473
474     for (i = 1; i < fields.length; i++)
475     {
476         var pair = fields[i].split(/=/);
477         var key = pair.shift();
478         var value = pair.join('=');
479         var cell = document.getElementById(key);
480
481         cell.value = value;
482     }
483     
484 }
485
486
487 function session_read ()
488 {
489     var ses = window.location.hash.replace(/^#/, '');
490     return ses;
491 }
492
493
494 function session_store (new_value)
495 {
496     window.location.hash = '#' + new_value;
497 }
498
499
500 function update_history ()
501 {
502     var session = session_encode();
503     session_store(session);
504     old_session = session;
505 }
506
507
508 function session_check ()
509 {
510     var session = session_read();
511     var action = document.search.action_type.value;
512
513     clearInterval(url_surveillence);
514
515     if ( session != unescape(old_session) )
516     {
517         session_restore(session);
518
519         if (action == 'search') {
520             start_search();
521         } else if (action == 'page') {
522             check_search();
523         } else {
524             alert('Unregocnized action_type: ' + action);
525             return;
526         }
527     }
528     
529     url_surveillence = setInterval(session_check, 200);
530 }
531
532
533 function get_available_facets () {
534     var facet_container = document.getElementById('termlists');
535     var facet_cells = facet_container.childNodes;
536     var facets = Array();
537     var i;
538
539     for (i = 0; i < facet_cells.length; i++) {
540         var cell = facet_cells.item(i);
541
542         if (cell.className == 'facet') {
543             var facet_name = cell.id.replace(/^facet_([^_]+)_terms$/, "$1");
544             facets.push(Array(facet_name, cell));
545         }
546     }
547
548     return facets;
549 }
550
551
552 function get_facet_container (obj) {
553     return document.getElementById(obj.id + '_terms');
554 }
555
556
557 function toggle_facet (obj) {
558     var container = get_facet_container(obj);
559
560     if (obj.className == 'selected') {
561         obj.className = 'unselected';
562         container.style.display = 'inline';
563     } else {
564         obj.className = 'selected';
565         container.style.display = 'none';
566     }
567 }