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