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