www/demo/search.js

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