Better compliance with IE.
[pazpar2-moved-to-github.git] / www / demo / search.js
1 /* $Id: search.js,v 1.5 2007-01-05 13:53:33 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 facet_list;
25 var cur_facet = 0;
26
27 function initialize ()
28 {
29     facet_list = get_available_facets();
30     start_session();
31     session_check();
32 }
33
34
35 function GetXmlHttpObject()
36
37     var objXMLHttp=null
38     if (window.XMLHttpRequest)
39       {
40       objXMLHttp=new XMLHttpRequest()
41       }
42     else if (window.ActiveXObject)
43       {
44       objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP")
45       }
46     return objXMLHttp
47
48
49 function SendXmlHttpObject(obj, url, handler)
50 {
51     obj.onreadystatechange=handler;
52     obj.open("GET", url);
53     obj.send(null);
54 }
55
56 function session_started()
57 {
58     if (xinitSession.readyState != 4)
59         return;
60     var xml = xinitSession.responseXML;
61     var sesid = xml.getElementsByTagName("session")[0].childNodes[0].nodeValue;
62     document.getElementById("status").innerHTML = "Live";
63     session = sesid;
64     setTimeout(ping_session, 50000);
65 }
66
67 function start_session()
68 {
69     xinitSession = GetXmlHttpObject();
70     var url="search.pz2?";
71     url += "command=init";
72     xinitSession.onreadystatechange=session_started;
73     xinitSession.open("GET", url);
74     xinitSession.send(null);
75     
76     //url_surveillence = setInterval(session_check, 200);
77 }
78
79 function ping_session()
80 {
81     if (!session)
82         return;
83     var url = "search.pz2?command=ping&session=" + session;
84     SendXmlHttpObject(xpingSession = GetXmlHttpObject(), url, session_pinged);
85 }
86
87 function session_pinged()
88 {
89     if (xpingSession.readyState != 4)
90         return;
91     var xml = xpingSession.responseXML;
92     var error = xml.getElementsByTagName("error");
93     if (error[0])
94     {
95         var msg = error[0].childNodes[0].nodeValue;
96         alert(msg);
97         location = "?";
98         return;
99     }
100     setTimeout(ping_session, 50000);
101 }
102
103 function targets_loaded()
104 {
105     if (xloadTargets.readyState != 4)
106         return;
107     var xml = xloadTargets.responseXML;
108     var error = xml.getElementsByTagName("error");
109     if (error[0])
110     {
111         var msg = error[0].childNodes[0].nodeValue;
112         alert(msg);
113         return;
114     }
115     document.getElementById("targetstatus").innerHTML = "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     document.getElementById("stat").innerHTML = "";
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     document.getElementById("targetstatus").innerHTML = "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 show_records()
149 {
150     if (xshow.readyState != 4)
151         return;
152     var i;
153     var xml = xshow.responseXML;
154     var body = document.getElementById("body");
155     var hits = xml.getElementsByTagName("hit");
156     if (!hits[0]) // We should never get here with blocking operations
157     {
158         body.innerHTML = "No records yet";
159         searchtimer = setTimeout(check_search, 250);
160     }
161     else
162     {
163
164         var total = Number(xml.getElementsByTagName('total')[0].childNodes[0].nodeValue);
165         var merged = Number(xml.getElementsByTagName('merged')[0].childNodes[0].nodeValue);
166         var start = Number(xml.getElementsByTagName('start')[0].childNodes[0].nodeValue);
167         var num = Number(xml.getElementsByTagName('num')[0].childNodes[0].nodeValue);
168         var clients = Number(xml.getElementsByTagName("activeclients")[0].childNodes[0].nodeValue);
169         body.innerHTML = '<b>Records : ';
170         body.innerHTML += (start + 1) + ' to ' + (start + num) +
171                 ' of ' + merged + ' (total hits: ' + total + ')</b>';
172
173         if (start + num < merged)
174             body.innerHTML += ' <a href="" ' +
175                 'onclick="document.search.startrec.value=' + (start + recstoshow) +
176                 ";update_action('page')" +
177                 ';check_search(); update_history(); return false;">Next</a>';
178
179         if (start > 0)
180             body.innerHTML += ' <a href="" ' +
181                 'onclick="document.search.startrec.value=' + (start - recstoshow) +
182                 ";update_action('page')" +
183                 ';check_search(); update_history();return false;">Previous</a>';
184
185         body.innerHTML += '<br/>';
186         for (i = 0; i < hits.length; i++)
187         {
188             body.innerHTML += '<p>';
189             body.innerHTML += (i + start + 1) + ': ';
190             var mk = hits[i].getElementsByTagName("title");
191             if (mk[0])
192                 body.innerHTML += mk[0].childNodes[0].nodeValue;
193             body.innerHTML += '</p>';
194         }
195         shown++;
196         if (clients > 0)
197         {
198             if (shown < 5)
199                 searchtimer = setTimeout(check_search, 1000);
200             else
201                 searchtimer = setTimeout(check_search, 2000);
202         }
203     }
204     if (!termtimer)
205         termtimer = setTimeout(check_termlist, 500);
206 }
207
208 function check_search()
209 {
210     clearTimeout(searchtimer);
211     var url = "search.pz2?" +
212         "command=show" +
213         "&start=" + document.search.startrec.value +
214         "&num=" + recstoshow +
215         "&session=" + session +
216         "&block=1";
217     xshow = GetXmlHttpObject();
218     xshow.onreadystatechange=show_records;
219     xshow.open("GET", url);
220     xshow.send(null);
221 }
222
223
224 function refine_query (obj) {
225     var query_cell = document.getElementById('query');
226     var term = obj.innerHTML;
227     
228     term = term.replace(/[\(\)]/g, '');
229     if (cur_termlist == 'subject')
230         query_cell.value += ' and su=(' + term + ')';
231     else if (cur_termlist == 'author')
232         query_cell.value += ' and au=(' + term + ')';
233     start_search();
234 }
235
236
237
238 function show_termlist()
239 {
240     if (xtermlist.readyState != 4)
241         return;
242
243     var i;
244     var xml = xtermlist.responseXML;
245     var body = facet_list[cur_facet][1];
246     var hits = xml.getElementsByTagName("term");
247     var clients =
248         Number(xml.getElementsByTagName("activeclients")[0].childNodes[0].nodeValue);
249
250     cur_facet++;
251
252     if (cur_facet >= facet_list.length)
253         cur_facet = 0;
254
255     if (!hits[0])
256     {
257         termtimer = setTimeout(check_termlist, 500);
258     }
259     else
260     {
261         body.innerHTML = '';
262         
263         for (i = 0; i < hits.length; i++)
264         {
265             var namen = hits[i].getElementsByTagName("name");
266             if (namen[0])
267                 body.innerHTML += '<a href="#" onclick="refine_query(this)">' +
268                                   namen[0].childNodes[0].nodeValue +
269                                   '</a>';
270         }
271
272         if (clients > 0)
273             termtimer = setTimeout(check_termlist, 1000);
274     }
275 }
276
277 function check_termlist()
278 {
279     var facet_name = facet_list[cur_facet][0];
280     var url = "search.pz2?" +
281         "command=termlist" +
282         "&session=" + session +
283         "&name=" + facet_name;
284     xtermlist = GetXmlHttpObject();
285     xtermlist.onreadystatechange=show_termlist;
286     xtermlist.open("GET", url);
287     xtermlist.send(null);
288 }
289
290 function show_stat()
291 {
292     if (xstat.readyState != 4)
293         return;
294     var i;
295     var xml = xstat.responseXML;
296     var body = document.getElementById("stat");
297     var nodes = xml.childNodes[0].childNodes;
298     var clients =
299         Number(xml.getElementsByTagName("activeclients")[0].childNodes[0].nodeValue);
300     if (!nodes[0])
301     {
302         stattimer  = setTimeout(check_stat, 500);
303     }
304     else
305     {
306         body.innerHTML = "(";
307         for (i = 0; i < nodes.length; i++)
308         {
309             if (nodes[i].nodeType != 1)
310                 continue;
311             var value = nodes[i].childNodes[0].nodeValue;
312             if (value == 0)
313                 continue;
314             var name = nodes[i].nodeName;
315             body.innerHTML += ' ' + name + '=' + value;
316         }
317         body.innerHTML += ')';
318         if (clients > 0)
319             stattimer = setTimeout(check_stat, 2000);
320     }
321 }
322
323 function check_stat()
324 {
325     var url = "search.pz2?" +
326         "command=stat" +
327         "&session=" + session;
328     xstat = GetXmlHttpObject();
329     xstat.onreadystatechange=show_stat;
330     xstat.open("GET", url);
331     xstat.send(null);
332 }
333
334 function search_started()
335 {
336     if (xsearch.readyState != 4)
337         return;
338     var xml = xsearch.responseXML;
339     var error = xml.getElementsByTagName("error");
340     if (error[0])
341     {
342         var msg = error[0].childNodes[0].nodeValue;
343         alert(msg);
344         return;
345     }
346     check_search();
347     stattimer = setTimeout(check_stat, 1000);
348 }
349
350 function start_search()
351 {
352     clearTimeout(termtimer);
353     termtimer = 0;
354     clearTimeout(searchtimer);
355     searchtimer = 0;
356     clearTimeout(stattimer);
357     stattimer = 0;
358     clearTimeout(showtimer);
359     showtimer = 0;
360     if (!targets_loaded)
361     {
362         alert("Please load targets first");
363         return;
364     }
365     var query = escape(document.getElementById('query').value);
366     var url = "search.pz2?" +
367         "command=search" +
368         "&session=" + session +
369         "&query=" + query;
370     xsearch = GetXmlHttpObject();
371     xsearch.onreadystatechange=search_started;
372     xsearch.open("GET", url);
373     xsearch.send(null);
374 //    document.getElementById("termlist").innerHTML = '';
375     document.getElementById("body").innerHTML = '';
376     update_history();
377     shown = 0;
378     document.search.startrec.value = 0;
379 }
380
381
382 function session_encode ()
383 {
384     var i;
385     var session = '';
386
387     for (i = 0; i < session_cells.length; i++)
388     {
389         var name = session_cells[i];
390         var value = escape(document.getElementById(name).value);
391         session += '&' + name + '=' + value;
392     }
393
394     return session;
395 }
396
397
398 function session_restore (session)
399 {
400     var fields = session.split(/&/);
401     var i;
402
403     for (i = 1; i < fields.length; i++)
404     {
405         var pair = fields[i].split(/=/);
406         var key = pair.shift();
407         var value = pair.join('=');
408         var cell = document.getElementById(key);
409
410         cell.value = value;
411     }
412     
413 }
414
415
416 function session_read ()
417 {
418     var ses = window.location.hash.replace(/^#/, '');
419     return ses;
420 }
421
422
423 function session_store (new_value)
424 {
425     window.location.hash = '#' + new_value;
426 }
427
428
429 function update_history ()
430 {
431     var session = session_encode();
432     session_store(session);
433     old_session = session;
434 }
435
436
437 function session_check ()
438 {
439     var session = session_read();
440     var action = document.search.action_type.value;
441
442     clearInterval(url_surveillence);
443
444     if ( session != unescape(old_session) )
445     {
446         session_restore(session);
447
448         if (action == 'search') {
449             start_search();
450         } else if (action == 'page') {
451             check_search();
452         } else {
453             alert('Unregocnized action_type: ' + action);
454             return;
455         }
456     }
457     
458     url_surveillence = setInterval(session_check, 200);
459 }
460
461
462 function get_available_facets () {
463     var facet_container = document.getElementById('termlists');
464     var facet_cells = facet_container.childNodes;
465     var facets = Array();
466     var i;
467
468     for (i = 0; i < facet_cells.length; i++) {
469         var cell = facet_cells.item(i);
470
471         if (cell.className == 'facet') {
472             var facet_name = cell.id.replace(/^facet_([^_]+)_terms$/, "$1");
473             facets.push(Array(facet_name, cell));
474         }
475     }
476
477     return facets;
478 }
479
480
481 function get_facet_container (obj) {
482     return document.getElementById(obj.id + '_terms');
483 }
484
485
486 function toggle_facet (obj) {
487     var container = get_facet_container(obj);
488
489     if (obj.className == 'selected') {
490         obj.className = 'unselected';
491         container.style.display = 'inline';
492     } else {
493         obj.className = 'selected';
494         container.style.display = 'none';
495     }
496 }