www/demo/search.js

   1 /* $Id: search.js,v 1.7 2007-01-08 11:13:07 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 make_pager (hits, offset, max) {
 149     return '<a href="#" class="select">1</a> <a href="#">Next</a>';
 150 }
 151
 152
 153 function show_records()
 154 {
 155     if (xshow.readyState != 4)
 156         return;
 157     var i;
 158     var xml = xshow.responseXML;
 159     var body = document.getElementById("body");
 160     var hits = xml.getElementsByTagName("hit");
 161     if (!hits[0]) // We should never get here with blocking operations
 162     {
 163         body.innerHTML = "No records yet";
 164         searchtimer = setTimeout(check_search, 250);
 165     }
 166     else
 167     {
 168
 169         var total = Number(xml.getElementsByTagName('total')[0].childNodes[0].nodeValue);
 170         var merged = Number(xml.getElementsByTagName('merged')[0].childNodes[0].nodeValue);
 171         var start = Number(xml.getElementsByTagName('start')[0].childNodes[0].nodeValue);
 172         var num = Number(xml.getElementsByTagName('num')[0].childNodes[0].nodeValue);
 173         var clients = Number(xml.getElementsByTagName("activeclients")[0].childNodes[0].nodeValue);
 174         body.innerHTML = '<div class="pages">' +
 175                          make_pager(merged, start, 20) +
 176                          '</div>';
 177
 178         body.innerHTML += '<div class="results">Records : ' + (start + 1) +
 179                           ' to ' + (start + num) + ' of ' + merged +
 180                           ' (total hits: ' + total + ')</div><br/><br/>';
 181
 182 /*
 183         if (start + num < merged)
 184             body.innerHTML += ' <a href="" ' +
 185                 'onclick="document.search.startrec.value=' + (start + recstoshow) +
 186                 ";update_action('page')" +
 187                 ';check_search(); update_history(); return false;">Next</a>';
 188
 189         if (start > 0)
 190             body.innerHTML += ' <a href="" ' +
 191                 'onclick="document.search.startrec.value=' + (start - recstoshow) +
 192                 ";update_action('page')" +
 193                 ';check_search(); update_history();return false;">Previous</a>';
 194
 195         body.innerHTML += '<br/>';
 196 */
 197         body.innerHTML += '<div class="records">';
 198
 199         for (i = 0; i < hits.length; i++)
 200         {
 201             var mk = hits[i].getElementsByTagName("title");
 202             var html = '<a href="#" class="record">';
 203             var field = '';
 204
 205             if (mk[0]) {
 206                 field = mk[0].childNodes[0].nodeValue;
 207             }
 208
 209             html += field + '</a>';
 210             body.innerHTML += html;
 211         }
 212
 213         body.innerHTML += '</div>';
 214         shown++;
 215         if (clients > 0)
 216         {
 217             if (shown < 5)
 218                 searchtimer = setTimeout(check_search, 1000);
 219             else
 220                 searchtimer = setTimeout(check_search, 2000);
 221         }
 222     }
 223     if (!termtimer)
 224         termtimer = setTimeout(check_termlist, 500);
 225 }
 226
 227 function check_search()
 228 {
 229     clearTimeout(searchtimer);
 230     var url = "search.pz2?" +
 231         "command=show" +
 232         "&start=" + document.search.startrec.value +
 233         "&num=" + recstoshow +
 234         "&session=" + session +
 235         "&block=1";
 236     xshow = GetXmlHttpObject();
 237     xshow.onreadystatechange=show_records;
 238     xshow.open("GET", url);
 239     xshow.send(null);
 240 }
 241
 242
 243 function refine_query (obj) {
 244     var query_cell = document.getElementById('query');
 245     var term = obj.innerHTML;
 246
 247     term = term.replace(/[\(\)]/g, '');
 248     if (cur_termlist == 'subject')
 249         query_cell.value += ' and su=(' + term + ')';
 250     else if (cur_termlist == 'author')
 251         query_cell.value += ' and au=(' + term + ')';
 252     start_search();
 253 }
 254
 255
 256
 257 function show_termlist()
 258 {
 259     if (xtermlist.readyState != 4)
 260         return;
 261
 262     var i;
 263     var xml = xtermlist.responseXML;
 264     var body = facet_list[cur_facet][1];
 265     var hits = xml.getElementsByTagName("term");
 266     var clients =
 267         Number(xml.getElementsByTagName("activeclients")[0].childNodes[0].nodeValue);
 268
 269     cur_facet++;
 270
 271     if (cur_facet >= facet_list.length)
 272         cur_facet = 0;
 273
 274     if (!hits[0])
 275     {
 276         termtimer = setTimeout(check_termlist, 500);
 277     }
 278     else
 279     {
 280         body.innerHTML = '';
 281
 282         for (i = 0; i < hits.length; i++)
 283         {
 284             var namen = hits[i].getElementsByTagName("name");
 285             if (namen[0])
 286                 body.innerHTML += '<a href="#" onclick="refine_query(this)">' +
 287                                   namen[0].childNodes[0].nodeValue +
 288                                   '</a>';
 289         }
 290
 291         if (clients > 0)
 292             termtimer = setTimeout(check_termlist, 1000);
 293     }
 294 }
 295
 296 function check_termlist()
 297 {
 298     var facet_name = facet_list[cur_facet][0];
 299     var url = "search.pz2?" +
 300         "command=termlist" +
 301         "&session=" + session +
 302         "&name=" + facet_name;
 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_available_facets () {
 482     var facet_container = document.getElementById('termlists');
 483     var facet_cells = facet_container.childNodes;
 484     var facets = Array();
 485     var i;
 486
 487     for (i = 0; i < facet_cells.length; i++) {
 488         var cell = facet_cells.item(i);
 489
 490         if (cell.className == 'facet') {
 491             var facet_name = cell.id.replace(/^facet_([^_]+)_terms$/, "$1");
 492             facets.push(Array(facet_name, cell));
 493         }
 494     }
 495
 496     return facets;
 497 }
 498
 499
 500 function get_facet_container (obj) {
 501     return document.getElementById(obj.id + '_terms');
 502 }
 503
 504
 505 function toggle_facet (obj) {
 506     var container = get_facet_container(obj);
 507
 508     if (obj.className == 'selected') {
 509         obj.className = 'unselected';
 510         container.style.display = 'inline';
 511     } else {
 512         obj.className = 'selected';
 513         container.style.display = 'none';
 514     }
 515 }