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