Reduced lines displayed in demo
[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         "&num=15" +
159         "&session=" + session +
160         "&block=1";
161     xshow = GetXmlHttpObject();
162     xshow.onreadystatechange=show_records;
163     xshow.open("GET", url);
164     xshow.send(null);
165 }
166
167
168 function refine_query (obj) {
169     var query_cell = document.getElementById('query');
170     var subject = obj.innerHTML;
171     
172     subject = subject.replace(/[\(\)]/g, '');
173     query_cell.value += ' and su=(' + subject + ')';
174     start_search();
175 }
176
177 function show_termlist()
178 {
179     if (xtermlist.readyState != 4)
180         return;
181
182     var i;
183     var xml = xtermlist.responseXML;
184     var body = document.getElementById("termlist");
185     var hits = xml.getElementsByTagName("term");
186     if (!hits[0])
187     {
188         termtimer = setTimeout(check_termlist, 1000);
189         
190     }
191     else
192     {
193         body.innerHTML = "<b>Limit results:</b><br>";
194         for (i = 0; i < hits.length; i++)
195         {
196             var namen = hits[i].getElementsByTagName("name");
197             if (namen[0])
198                 body.innerHTML += '<a href="#" onclick="refine_query(this)">' +
199                                   namen[0].childNodes[0].nodeValue +
200                                   '</a>';
201             /*
202             body.innerHTML += ' (';
203             var freqn = hits[i].getElementsByTagName("frequency");
204             if (freqn[0])
205                 body.innerHTML += freqn[0].childNodes[0].nodeValue;
206             body.innerHTML += ')<br>';
207             */
208             body.innerHTML += '<br>';
209         }
210         termtimer = setTimeout(check_termlist, 2000);
211     }
212 }
213
214
215 function check_termlist()
216 {
217     var url = "search.pz2?" +
218         "command=termlist" +
219         "&session=" + session;
220     xtermlist = GetXmlHttpObject();
221     xtermlist.onreadystatechange=show_termlist;
222     xtermlist.open("GET", url);
223     xtermlist.send(null);
224 }
225
226 function show_stat()
227 {
228     if (xstat.readyState != 4)
229         return;
230     var i;
231     var xml = xstat.responseXML;
232     var body = document.getElementById("stat");
233     var nodes = xml.childNodes[0].childNodes;
234     if (!nodes[0])
235     {
236         stattimer  = setTimeout(check_stat, 500);
237     }
238     else
239     {
240         body.innerHTML = "(";
241         for (i = 0; i < nodes.length; i++)
242         {
243             if (nodes[i].nodeType != 1)
244                 continue;
245             var value = nodes[i].childNodes[0].nodeValue;
246             if (value == 0)
247                 continue;
248             var name = nodes[i].nodeName;
249             body.innerHTML += ' ' + name + '=' + value;
250         }
251         body.innerHTML += ')';
252         stattimer = setTimeout(check_stat, 2000);
253     }
254 }
255
256 function check_stat()
257 {
258     var url = "search.pz2?" +
259         "command=stat" +
260         "&session=" + session;
261     xstat = GetXmlHttpObject();
262     xstat.onreadystatechange=show_stat;
263     xstat.open("GET", url);
264     xstat.send(null);
265 }
266
267 function search_started()
268 {
269     if (xsearch.readyState != 4)
270         return;
271     var xml = xsearch.responseXML;
272     var error = xml.getElementsByTagName("error");
273     if (error[0])
274     {
275         var msg = error[0].childNodes[0].nodeValue;
276         alert(msg);
277         return;
278     }
279     check_search();
280     stattimer = setTimeout(check_stat, 1000);
281 }
282
283 function start_search()
284 {
285     clearTimeout(termtimer);
286     termtimer = 0;
287     clearTimeout(searchtimer);
288     searchtimer = 0;
289     clearTimeout(stattimer);
290     stattimer = 0;
291     clearTimeout(showtimer);
292     showtimer = 0;
293     if (!targets_loaded)
294     {
295         alert("Please load targets first");
296         return;
297     }
298     var query = escape(document.getElementById('query').value);
299     var url = "search.pz2?" +
300         "command=search" +
301         "&session=" + session +
302         "&query=" + query;
303     xsearch = GetXmlHttpObject();
304     xsearch.onreadystatechange=search_started;
305     xsearch.open("GET", url);
306     xsearch.send(null);
307     document.getElementById("termlist").innerHTML = '';
308     document.getElementById("body").innerHTML = '';
309     shown = 0;
310     startrec = 0;
311 }
312
313 </script>
314 </head>
315
316 <body onload="start_session();">
317
318 <table width="100%" border="1" cellpadding="5">
319     <tr>
320         <td width="250" height="100" align="center">
321             <font size="+2"><b>MasterKey mk I</b></font>
322         </td>
323
324         <td>
325             <form onsubmit="start_search(); return false;">
326                 <b>Search:</b> <input id="query" type="text" size="50"/>
327                 <input type="submit" value="Go"/>
328             </form>
329
330         <td>
331     </tr>
332
333     <tr>
334         <td valign="top" id="termlist">&nbsp;</td>
335
336         <td valign="top" id="body">
337         Funky search prototype.<br><br><br><br>
338         <td>
339     </tr>
340
341     <tr>
342         <td>
343         &nbsp;
344             <!-- 
345             <form onsubmit="load_targets(); return false;">
346                 Target file:<br/>
347                 <input type="text" id="targetfilename" size="20"/>
348                 <input type="submit"  value="load" />
349             </form>
350             -->
351         </td>
352
353         <td>
354             Status: <span id="status">Initializing</span> <span id="targetstatus"></span><br/><span id="stat"></span>
355         </td>
356
357     </tr>
358
359 </table>
360
361 </body>
362 </html>