Implemented 'block' option to 'show' function to reduce need for
[pazpar2-moved-to-github.git] / www / test1 / index.html
1 <html>
2
3 <head>
4 <style type="text/css">
5
6 </style>
7
8 <script>
9 var xmlHttp
10 var xinitSession;
11 var xloadTargets;
12 var xsearch;
13 var xshow;
14 var xstat;
15 var xtermlist;
16 var session = false;
17 var targetsloaded = false;
18 var shown;
19 var searchtimer;
20 var showtimer;
21 var termtimer;
22 var stattimer;
23 var startrec;
24
25 function GetXmlHttpObject()
26
27     var objXMLHttp=null
28     if (window.XMLHttpRequest)
29       {
30       objXMLHttp=new XMLHttpRequest()
31       }
32     else if (window.ActiveXObject)
33       {
34       objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP")
35       }
36     return objXMLHttp
37
38
39 function session_started()
40 {
41     if (xinitSession.readyState != 4)
42         return;
43     var xml = xinitSession.responseXML;
44     var sesid = xml.getElementsByTagName("session")[0].childNodes[0].nodeValue;
45     document.getElementById("status").innerHTML = "Live";
46     session = sesid;
47 }
48
49 function start_session()
50 {
51     xinitSession = GetXmlHttpObject();
52     var url="search.pz2?";
53     url += "command=init";
54     xinitSession.onreadystatechange=session_started;
55     xinitSession.open("GET", url);
56     xinitSession.send(null);
57 }
58
59 function targets_loaded()
60 {
61     if (xloadTargets.readyState != 4)
62         return;
63     var xml = xloadTargets.responseXML;
64     var error = xml.getElementsByTagName("error");
65     if (error[0])
66     {
67         var msg = error[0].childNodes[0].nodeValue;
68         alert(msg);
69         return;
70     }
71     document.getElementById("targetstatus").innerHTML = "Targets loaded";
72 }
73
74 function load_targets()
75 {
76     var fn = document.getElementById("targetfilename").value;
77     clearTimeout(termtimer);
78     clearTimeout(searchtimer);
79     clearTimeout(stattimer);
80     clearTimeout(showtimer);
81     document.getElementById("stat").innerHTML = "";
82     if (!fn)
83     {
84         alert("Please enter a target definition file name");
85         return;
86     }
87     var url="search.pz2?" +
88         "command=load" +
89         "&session=" + session +
90         "&name=" + fn;
91     document.getElementById("targetstatus").innerHTML = "Loading targets...";
92     xloadTargets = GetXmlHttpObject();
93     xloadTargets.onreadystatechange=targets_loaded;
94     xloadTargets.open("GET", url);
95     xloadTargets.send(null);
96 }
97
98 function show_records()
99 {
100     if (xshow.readyState != 4)
101         return;
102     var i;
103     var xml = xshow.responseXML;
104     var body = document.getElementById("body");
105     var hits = xml.getElementsByTagName("hit");
106     if (!hits[0]) // We should never get here with blocking operations
107     {
108         body.innerHTML = "No records yet";
109         searchtimer = setTimeout(check_search, 250);
110     }
111     else
112     {
113
114         var total = Number(xml.getElementsByTagName('total')[0].childNodes[0].nodeValue);
115         var merged = Number(xml.getElementsByTagName('merged')[0].childNodes[0].nodeValue);
116         var start = Number(xml.getElementsByTagName('start')[0].childNodes[0].nodeValue);
117         var num = Number(xml.getElementsByTagName('num')[0].childNodes[0].nodeValue);
118         body.innerHTML = '<b>Records : ';
119         body.innerHTML += (start + 1) + ' to ' + (start + num) +
120                 ' of ' + merged + ' (total hits: ' + total + ')</b>';
121
122         if (start + num < merged)
123             body.innerHTML += ' <a href="" ' +
124                 'onclick="startrec=' + (start + 20) +
125                 ';check_search(); return false;">Next</a>';
126
127         if (start > 0)
128             body.innerHTML += ' <a href="" ' +
129                 'onclick="startrec=' + (start - 20) +
130                 ';check_search(); return false;">Previous</a>';
131
132         body.innerHTML += '<br/>';
133         for (i = 0; i < hits.length; i++)
134         {
135             body.innerHTML += '<p>';
136             body.innerHTML += (i + start + 1) + ': ';
137             var mk = hits[i].getElementsByTagName("title");
138             if (mk[0])
139                 body.innerHTML += mk[0].childNodes[0].nodeValue;
140             body.innerHTML += '</p>';
141         }
142         shown++;
143         if (shown < 5)
144             searchtimer = setTimeout(check_search, 1000);
145         else
146             searchtimer = setTimeout(check_search, 2000);
147     }
148     if (!termtimer)
149         termtimer = setTimeout(check_termlist, 1000);
150 }
151
152 function check_search()
153 {
154     clearTimeout(searchtimer);
155     var url = "search.pz2?" +
156         "command=show" +
157         "&start=" + startrec +
158         "&session=" + session +
159         "&block=1";
160     xshow = GetXmlHttpObject();
161     xshow.onreadystatechange=show_records;
162     xshow.open("GET", url);
163     xshow.send(null);
164 }
165
166
167 function refine_query (obj) {
168     var query_cell = document.getElementById('query');
169
170     query_cell.value += ' and su=' + obj.innerHTML;
171     start_search();
172 }
173
174 function show_termlist()
175 {
176     if (xtermlist.readyState != 4)
177         return;
178     var i;
179     var xml = xtermlist.responseXML;
180     var body = document.getElementById("termlist");
181     var hits = xml.getElementsByTagName("term");
182     if (!hits[0])
183     {
184         termtimer = (check_termlist, 1000);
185     }
186     else
187     {
188         body.innerHTML = "<b>Limit results:</b><br>";
189         for (i = 0; i < hits.length; i++)
190         {
191             var namen = hits[i].getElementsByTagName("name");
192             if (namen[0])
193                 body.innerHTML += '<a href="#" onclick="refine_query(this)">' +
194                                   namen[0].childNodes[0].nodeValue +
195                                   '</a>';
196             /*
197             body.innerHTML += ' (';
198             var freqn = hits[i].getElementsByTagName("frequency");
199             if (freqn[0])
200                 body.innerHTML += freqn[0].childNodes[0].nodeValue;
201             body.innerHTML += ')<br>';
202             */
203             body.innerHTML += '<br>';
204         }
205         termtimer = setTimeout(check_termlist, 2000);
206     }
207 }
208
209
210 function check_termlist()
211 {
212     var url = "search.pz2?" +
213         "command=termlist" +
214         "&session=" + session;
215     xtermlist = GetXmlHttpObject();
216     xtermlist.onreadystatechange=show_termlist;
217     xtermlist.open("GET", url);
218     xtermlist.send(null);
219 }
220
221 function show_stat()
222 {
223     if (xstat.readyState != 4)
224         return;
225     var i;
226     var xml = xstat.responseXML;
227     var body = document.getElementById("stat");
228     var nodes = xml.childNodes[0].childNodes;
229     if (!nodes[0])
230     {
231         stattimer  = setTimeout(check_stat, 500);
232     }
233     else
234     {
235         body.innerHTML = "(";
236         for (i = 0; i < nodes.length; i++)
237         {
238             if (nodes[i].nodeType != 1)
239                 continue;
240             var value = nodes[i].childNodes[0].nodeValue;
241             if (value == 0)
242                 continue;
243             var name = nodes[i].nodeName;
244             body.innerHTML += ' ' + name + '=' + value;
245         }
246         body.innerHTML += ')';
247         stattimer = setTimeout(check_stat, 2000);
248     }
249 }
250
251 function check_stat()
252 {
253     var url = "search.pz2?" +
254         "command=stat" +
255         "&session=" + session;
256     xstat = GetXmlHttpObject();
257     xstat.onreadystatechange=show_stat;
258     xstat.open("GET", url);
259     xstat.send(null);
260 }
261
262 function search_started()
263 {
264     if (xsearch.readyState != 4)
265         return;
266     var xml = xsearch.responseXML;
267     var error = xml.getElementsByTagName("error");
268     if (error[0])
269     {
270         var msg = error[0].childNodes[0].nodeValue;
271         alert(msg);
272         return;
273     }
274     check_search();
275     stattimer = setTimeout(check_stat, 1000);
276 }
277
278 function start_search()
279 {
280     clearTimeout(termtimer);
281     termtimer = 0;
282     clearTimeout(searchtimer);
283     searchtimer = 0;
284     clearTimeout(stattimer);
285     stattimer = 0;
286     clearTimeout(showtimer);
287     showtimer = 0;
288     if (!targets_loaded)
289     {
290         alert("Please load targets first");
291         return;
292     }
293     var query = escape(document.getElementById('query').value);
294     var url = "search.pz2?" +
295         "command=search" +
296         "&session=" + session +
297         "&query=" + query;
298     xsearch = GetXmlHttpObject();
299     xsearch.onreadystatechange=search_started;
300     xsearch.open("GET", url);
301     xsearch.send(null);
302     document.getElementById("termlist").innerHTML = '';
303     document.getElementById("body").innerHTML = '';
304     shown = 0;
305     startrec = 0;
306 }
307
308 </script>
309 </head>
310
311 <body onload="start_session();">
312
313 <table width="100%" border="1" cellpadding="5">
314     <tr>
315         <td width="250" height="100" align="center">
316             <font size="+2"><b>MasterKey mk I</b></font>
317         </td>
318
319         <td>
320             <form onsubmit="start_search(); return false;">
321                 <b>Search:</b> <input id="query" type="text" size="50"/>
322                 <input type="submit" value="Go"/>
323             </form>
324
325         <td>
326     </tr>
327
328     <tr>
329         <td valign="top" id="termlist">&nbsp;</td>
330
331         <td valign="top" id="body">
332         Funky search prototype.<br><br><br><br>
333         <td>
334     </tr>
335
336     <tr>
337         <td>
338         &nbsp;
339             <!-- 
340             <form onsubmit="load_targets(); return false;">
341                 Target file:<br/>
342                 <input type="text" id="targetfilename" size="20"/>
343                 <input type="submit"  value="load" />
344             </form>
345             -->
346         </td>
347
348         <td>
349             Status: <span id="status">Initializing</span> <span id="targetstatus"></span><br/><span id="stat"></span>
350         </td>
351
352     </tr>
353
354 </table>
355
356 </body>
357 </html>