9089a96d2f620c19f45fe375aafd389fa8058609
[invirt/packages/invirt-web.git] / code / static / ajaxterm / ajaxterm.js
1 ajaxterm={};
2 ajaxterm.Terminal_ctor=function(id,machine_id) {
3         var ie=0;
4         if(window.ActiveXObject)
5                 ie=1;
6         var base_path="machine/"+machine_id+"/at";
7         var query0="";
8         var query1=query0+"&c=1&k=";
9         var buf="";
10         var timeout;
11         var error_timeout;
12         var keybuf=[];
13         var sending=0;
14         var rmax=1;
15         var force=true;
16
17         var div=document.getElementById(id);
18         var dstat=document.createElement('pre');
19         var sled=document.createElement('span');
20         var opt_get=document.createElement('a');
21         var opt_color=document.createElement('a');
22         var opt_paste=document.createElement('a');
23         var sdebug=document.createElement('span');
24         var dterm=document.createElement('div');
25
26         function debug(s) {
27                 sdebug.innerHTML=s;
28         }
29         function error() {
30                 sled.className='off';
31                 debug("Connection lost timeout ts:"+((new Date).getTime()));
32         }
33         function opt_add(opt,name) {
34                 opt.className='off';
35                 opt.innerHTML=' '+name+' ';
36                 dstat.appendChild(opt);
37                 dstat.appendChild(document.createTextNode(' '));
38         }
39         function do_get(event) {
40                 opt_get.className=(opt_get.className=='off')?'on':'off';
41                 debug('GET '+opt_get.className);
42         }
43         function do_color(event) {
44                 var o=opt_color.className=(opt_color.className=='off')?'on':'off';
45                 if(o=='on')
46                         query1=query0+"&c=1&k=";
47                 else
48                         query1=query0+"&k=";
49                 debug('Color '+opt_color.className);
50         }
51         function mozilla_clipboard() {
52                  // mozilla sucks
53                 try {
54                         netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
55                 } catch (err) {
56                         debug('Access denied, <a href="http://kb.mozillazine.org/Granting_JavaScript_access_to_the_clipboard" target="_blank">more info</a>');
57                         return undefined;
58                 }
59                 var clip = Components.classes["@mozilla.org/widget/clipboard;1"].createInstance(Components.interfaces.nsIClipboard);
60                 var trans = Components.classes["@mozilla.org/widget/transferable;1"].createInstance(Components.interfaces.nsITransferable);
61                 if (!clip || !trans) {
62                         return undefined;
63                 }
64                 trans.addDataFlavor("text/unicode");
65                 clip.getData(trans,clip.kGlobalClipboard);
66                 var str=new Object();
67                 var strLength=new Object();
68                 try {
69                         trans.getTransferData("text/unicode",str,strLength);
70                 } catch(err) {
71                         return "";
72                 }
73                 if (str) {
74                         str=str.value.QueryInterface(Components.interfaces.nsISupportsString);
75                 }
76                 if (str) {
77                         return str.data.substring(0,strLength.value / 2);
78                 } else {
79                         return "";
80                 }
81         }
82         function do_paste(event) {
83                 var p=undefined;
84                 if (window.clipboardData) {
85                         p=window.clipboardData.getData("Text");
86                 } else if(window.netscape) {
87                         p=mozilla_clipboard();
88                 }
89                 if (p) {
90                         debug('Pasted');
91                         queue(encodeURIComponent(p));
92                 } else {
93                 }
94         }
95         function update() {
96 //              debug("ts: "+((new Date).getTime())+" rmax:"+rmax);
97                 if(sending==0) {
98                         sending=1;
99                         sled.className='on';
100                         var r=new XMLHttpRequest();
101                         var send="";
102                         while(keybuf.length>0) {
103                                 send+=keybuf.pop();
104                         }
105                         var query=query1+send;
106                         if (force) {
107                             query=query+"&force=1";
108                             force=false;
109                         }
110                         if(opt_get.className=='on') {
111                                 r.open("GET",base_path+"?"+query,true);
112                                 if(ie) {
113                                         r.setRequestHeader("If-Modified-Since", "Sat, 1 Jan 2000 00:00:00 GMT");
114                                 }
115                         } else {
116                                 r.open("POST",base_path,true);
117                         }
118                         r.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
119                         r.onreadystatechange = function () {
120 //                              debug("xhr:"+((new Date).getTime())+" state:"+r.readyState+" status:"+r.status+" statusText:"+r.statusText);
121                                 if (r.readyState==4) {
122                                         if(r.status==200) {
123                                                 window.clearTimeout(error_timeout);
124                                                 de=r.responseXML.documentElement;
125                                                 if(de.tagName=="pre") {
126                                                         if(ie) {
127                                                                 Sarissa.updateContentFromNode(de, dterm);
128                                                         } else {
129                                                                 Sarissa.updateContentFromNode(de, dterm);
130 //                                                              old=div.firstChild;
131 //                                                              div.replaceChild(de,old);
132                                                         }
133                                                         rmax=100;
134                                                 } else {
135                                                         rmax*=2;
136                                                         if(rmax>2000)
137                                                                 rmax=2000;
138                                                 }
139                                                 sending=0;
140                                                 sled.className='off';
141                                                 timeout=window.setTimeout(update,rmax);
142                                         } else {
143                                                 debug("Connection error status:"+r.status);
144                                         }
145                                 }
146                         }
147                         error_timeout=window.setTimeout(error,5000);
148                         if(opt_get.className=='on') {
149                                 r.send(null);
150                         } else {
151                                 r.send(query);
152                         }
153                 }
154         }
155         function queue(s) {
156                 keybuf.unshift(s);
157                 if(sending==0) {
158                         window.clearTimeout(timeout);
159                         timeout=window.setTimeout(update,1);
160                 }
161         }
162         function keypress(ev) {
163                 if (!ev) var ev=window.event;
164 //              s="kp keyCode="+ev.keyCode+" which="+ev.which+" shiftKey="+ev.shiftKey+" ctrlKey="+ev.ctrlKey+" altKey="+ev.altKey;
165 //              debug(s);
166 //              return false;
167 //              else { if (!ev.ctrlKey || ev.keyCode==17) { return; }
168                 var kc;
169                 var k="";
170                 if (ev.keyCode)
171                         kc=ev.keyCode;
172                 if (ev.which)
173                         kc=ev.which;
174                 if (ev.altKey) {
175                         if (kc>=65 && kc<=90)
176                                 kc+=32;
177                         if (kc>=97 && kc<=122) {
178                                 k=String.fromCharCode(27)+String.fromCharCode(kc);
179                         }
180                 } else if (ev.ctrlKey) {
181                         if (kc>=65 && kc<=90) k=String.fromCharCode(kc-64); // Ctrl-A..Z
182                         else if (kc>=97 && kc<=122) k=String.fromCharCode(kc-96); // Ctrl-A..Z
183                         else if (kc==54)  k=String.fromCharCode(30); // Ctrl-^
184                         else if (kc==109) k=String.fromCharCode(31); // Ctrl-_
185                         else if (kc==219) k=String.fromCharCode(27); // Ctrl-[
186                         else if (kc==220) k=String.fromCharCode(28); // Ctrl-\
187                         else if (kc==221) k=String.fromCharCode(29); // Ctrl-]
188                         else if (kc==219) k=String.fromCharCode(29); // Ctrl-]
189                         else if (kc==219) k=String.fromCharCode(0);  // Ctrl-@
190                 } else if (ev.which==0) {
191                         if (kc==9) k=String.fromCharCode(9);  // Tab
192                         else if (kc==8) k=String.fromCharCode(127);  // Backspace
193                         else if (kc==27) k=String.fromCharCode(27); // Escape
194                         else {
195                                 if (kc==33) k="[5~";        // PgUp
196                                 else if (kc==34) k="[6~";   // PgDn
197                                 else if (kc==35) k="[4~";   // End
198                                 else if (kc==36) k="[1~";   // Home
199                                 else if (kc==37) k="[D";    // Left
200                                 else if (kc==38) k="[A";    // Up
201                                 else if (kc==39) k="[C";    // Right
202                                 else if (kc==40) k="[B";    // Down
203                                 else if (kc==45) k="[2~";   // Ins
204                                 else if (kc==46) k="[3~";   // Del
205                                 else if (kc==112) k="[[A";  // F1
206                                 else if (kc==113) k="[[B";  // F2
207                                 else if (kc==114) k="[[C";  // F3
208                                 else if (kc==115) k="[[D";  // F4
209                                 else if (kc==116) k="[[E";  // F5
210                                 else if (kc==117) k="[17~"; // F6
211                                 else if (kc==118) k="[18~"; // F7
212                                 else if (kc==119) k="[19~"; // F8
213                                 else if (kc==120) k="[20~"; // F9
214                                 else if (kc==121) k="[21~"; // F10
215                                 else if (kc==122) k="[23~"; // F11
216                                 else if (kc==123) k="[24~"; // F12
217                                 if (k.length) {
218                                         k=String.fromCharCode(27)+k;
219                                 }
220                         }
221                 } else {
222                         if (kc==8)
223                                 k=String.fromCharCode(127);  // Backspace
224                         else
225                                 k=String.fromCharCode(kc);
226                 }
227                 if(k.length) {
228 //                      queue(encodeURIComponent(k));
229                         if(k=="+") {
230                                 queue("%2B");
231                         } else {
232                                 queue(escape(k));
233                         }
234                 }
235                 ev.cancelBubble=true;
236                 if (ev.stopPropagation) ev.stopPropagation();
237                 if (ev.preventDefault)  ev.preventDefault();
238                 return false;
239         }
240         function keydown(ev) {
241                 if (!ev) var ev=window.event;
242                 if (ie) {
243 //                      s="kd keyCode="+ev.keyCode+" which="+ev.which+" shiftKey="+ev.shiftKey+" ctrlKey="+ev.ctrlKey+" altKey="+ev.altKey;
244 //                      debug(s);
245                         o={9:1,8:1,27:1,33:1,34:1,35:1,36:1,37:1,38:1,39:1,40:1,45:1,46:1,112:1,
246                         113:1,114:1,115:1,116:1,117:1,118:1,119:1,120:1,121:1,122:1,123:1};
247                         if (o[ev.keyCode] || ev.ctrlKey || ev.altKey) {
248                                 ev.which=0;
249                                 return keypress(ev);
250                         }
251                 }
252         }
253         function init() {
254                 sled.appendChild(document.createTextNode('\xb7'));
255                 sled.className='off';
256                 dstat.appendChild(sled);
257                 dstat.appendChild(document.createTextNode(' '));
258                 opt_add(opt_color,'Colors');
259                 opt_color.className='on';
260                 opt_add(opt_get,'GET');
261                 opt_add(opt_paste,'Paste');
262                 dstat.appendChild(sdebug);
263                 dstat.className='stat';
264                 div.appendChild(dstat);
265                 div.appendChild(dterm);
266                 if(opt_color.addEventListener) {
267                         opt_get.addEventListener('click',do_get,true);
268                         opt_color.addEventListener('click',do_color,true);
269                         opt_paste.addEventListener('click',do_paste,true);
270                 } else {
271                         opt_get.attachEvent("onclick", do_get);
272                         opt_color.attachEvent("onclick", do_color);
273                         opt_paste.attachEvent("onclick", do_paste);
274                 }
275                 document.onkeypress=keypress;
276                 document.onkeydown=keydown;
277                 force=true;
278                 timeout=window.setTimeout(update,100);
279         }
280         init();
281 }
282 ajaxterm.Terminal=function(id,machine_id) {
283         return new this.Terminal_ctor(id,machine_id);
284 }
285