www/demo/search.js

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