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