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