js/inserts.js

   1 /**********************************************************************
   2     Copyright (C) FrontAccounting, LLC.
   3         Released under the terms of the GNU General Public License, GPL,
   4         as published by the Free Software Foundation, either version 3
   5         of the License, or (at your option) any later version.
   6     This program is distributed in the hope that it will be useful,
   7     but WITHOUT ANY WARRANTY; without even the implied warranty of
   8     MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
   9     See the License here <http://www.gnu.org/licenses/gpl-3.0.html>.
  10 ***********************************************************************/
  11 var _focus;
  12 var _hotkeys = {
  13         'alt': false,   // whether is the Alt key pressed
  14         'focus': -1             // currently selected indeks of document.links
  15 };
  16
  17 function save_focus(e) {
  18   _focus = e.name||e.id;
  19   var h = document.getElementById('hints');
  20   if (h) {
  21         h.style.display = e.title && e.title.length ? 'inline' : 'none';
  22         h.innerHTML = e.title ? e.title : '';
  23   }
  24 }
  25
  26 function _expand(tabobj) {
  27
  28   var ul = tabobj.parentNode.parentNode;
  29   var alltabs=ul.getElementsByTagName("input");
  30   var frm = tabobj.form;
  31
  32   if (ul.getAttribute("rel")){
  33         for (var i=0; i<alltabs.length; i++){
  34           alltabs[i].className = "ajaxbutton"  //deselect all tabs
  35         }
  36         tabobj.className = "current";
  37         JsHttpRequest.request(tabobj)
  38   }
  39 }
  40
  41 //interface for selecting a tab (plus expand corresponding content)
  42 function expandtab(tabcontentid, tabnumber) {
  43   var tabs = document.getElementById(tabcontentid);
  44  _expand(tabs.getElementsByTagName("input")[tabnumber]);
  45 }
  46
  47 function _set_combo_input(e) {
  48                 e.setAttribute('_last', e.value);
  49                 e.onblur=function() {
  50                   var but_name = this.name.substring(0, this.name.length-4)+'button';
  51                   var button = document.getElementsByName(but_name)[0];
  52                   var select = document.getElementsByName(this.getAttribute('rel'))[0];
  53                   save_focus(select);
  54 // submit request if there is submit_on_change option set and
  55 // search field has changed.
  56                   if (button && (this.value != this.getAttribute('_last'))) {
  57                         JsHttpRequest.request(button);
  58                   } else if(this.className=='combo2') {
  59                                 this.style.display = 'none';
  60                                 select.style.display = 'inline';
  61                                 setFocus(select);
  62                   }
  63                   return false;
  64                 };
  65                 e.onkeyup = function(ev) {
  66                         var select = document.getElementsByName(this.getAttribute('rel'))[0];
  67                         if(select && select.selectedIndex>=0) {
  68                           var len = select.length;
  69                           var byid = this.className=='combo';
  70                           var ac = this.value.toUpperCase();
  71                           select.options[select.selectedIndex].selected = false;
  72                           for (i = 0; i < len; i++) {
  73                                 var txt = byid ? select.options[i].value : select.options[i].text;
  74                                 if (txt.toUpperCase().indexOf(ac) >= 0) {
  75                                   select.options[i].selected = true;
  76                                   break;
  77                                 }
  78                           }
  79                         }
  80                 };
  81         e.onkeydown = function(ev) {
  82                         ev = ev||window.event;
  83                         key = ev.keyCode||ev.which;
  84                         if(key == 13) {
  85                           this.blur();
  86                           return false;
  87                         }
  88                 }
  89 }
  90
  91 function _update_box(s) {
  92         var byid = s.className=='combo';
  93         var rel = s.getAttribute('rel');
  94         var box = document.getElementsByName(rel)[0];
  95                 if(box && s.selectedIndex>=0) {
  96                           var opt = s.options[s.selectedIndex];
  97                                 if(box) {
  98                                   box.value = byid ? opt.value : opt.text;
  99                                   box.setAttribute('_last', box.value);
 100                                 }
 101                 }
 102 }
 103
 104 function _set_combo_select(e) {
 105                 // When combo position is changed via js (eg from searchbox)
 106                 // no onchange event is generated. To ensure proper change
 107                 // signaling we must track selectedIndex in onblur handler.
 108                 e.setAttribute('_last', e.selectedIndex);
 109                 e.onblur = function() {
 110                         if(this.className=='combo')
 111                             _update_box(this);
 112                         if (this.selectedIndex != this.getAttribute('_last'))
 113                                 this.onchange();
 114                 }
 115                 e.onchange = function() {
 116                         var s = this;
 117                         this.setAttribute('_last', this.selectedIndex);
 118                         if(s.className=='combo')
 119                             _update_box(s);
 120                         if(s.selectedIndex>=0) {
 121                                  var sname = '_'+s.name+'_update';
 122                                  var update = document.getElementsByName(sname)[0];
 123                                  if(update) {
 124                                             JsHttpRequest.request(update);
 125                                 }
 126                         }
 127                         return true;
 128                 }
 129                 e.onkeydown = function(event) {
 130                     event = event||window.event;
 131                     key = event.keyCode||event.which;
 132                     var box = document.getElementsByName(this.getAttribute('rel'))[0];
 133                     if (box && key == 32 && this.className == 'combo2') {
 134                             this.style.display = 'none';
 135                             box.style.display = 'inline';
 136                                 box.value='';
 137                                 setFocus(box);
 138                             return false;
 139                          }
 140                 }
 141 }
 142
 143 function callEditor(key) {
 144   var el = document.getElementsByName(editors[key][1])[0];
 145   w = open(editors[key][0]+el.value+'&popup=1',
 146           "edit","Scrollbars=0,resizable=0,width=800,height=600");
 147   if (w.opener == null)
 148           w.opener = self;
 149   editors._call = key; // store call point for passBack
 150   w.focus();
 151 }
 152
 153 function passBack(value) {
 154         var o = opener;
 155         if(value != false) {
 156                 var back = o.editors[o.editors._call]; // form input bindings
 157                 var to = o.document.getElementsByName(back[1])[0];
 158                 if (to) {
 159                         if (to[0] != undefined)
 160                                 to[0].value = value; // ugly hack to set selector to any value
 161                         to.value = value;
 162                         // update page after item selection
 163                         o.JsHttpRequest.request('_'+to.name+'_update', to.form);
 164                         o.setFocus(to.name);
 165                 }
 166         }
 167         close();
 168 }
 169
 170 /*
 171  Behaviour definitions
 172 */
 173 var inserts = {
 174         'input': function(e) {
 175                 if(e.onfocus==undefined) {
 176                         e.onfocus = function() {
 177                             save_focus(this);
 178                                 if (this.className == 'combo')
 179                                         this.select();
 180                         };
 181                 }
 182                 if (e.className == 'combo' || e.className == 'combo2') {
 183                                 _set_combo_input(e);
 184                 }
 185                 else
 186                 if(e.type == 'text' ) {
 187                                 e.onkeydown = function(ev) {
 188                                         ev = ev||window.event;
 189                                         key = ev.keyCode||ev.which;
 190                                         if(key == 13) {
 191                                                 if(e.className == 'searchbox') e.onblur();
 192                                                 return false;
 193                                         }
 194                                         return true;
 195                                 }
 196                         }
 197         },
 198         'input.combo2,input[aspect="fallback"]':
 199         function(e) {
 200             // this hides search button for js enabled browsers
 201             e.style.display = 'none';
 202         },
 203         'div.js_only':
 204         function(e) {
 205             // this shows divs for js enabled browsers only
 206             e.style.display = 'block';
 207         },
 208 //      '.ajaxsubmit,.editbutton,.navibutton': // much slower on IE7
 209         'button.ajaxsubmit,input.ajaxsubmit,input.editbutton,button.editbutton,button.navibutton':
 210         function(e) {
 211                     e.onclick = function() {
 212                             save_focus(e);
 213                                         if (e.getAttribute('aspect') == 'process')
 214                                                 JsHttpRequest.request(this, null, 30000);
 215                                         else
 216                                                 JsHttpRequest.request(this);
 217                                 return false;
 218                     }
 219         },
 220 /*      'button': function(e) {
 221                 if (e.name) {
 222                         var func = _validate[e.name];
 223                         var old = e.onclick;
 224                         if(func) {
 225                                 if (typeof old != 'function') {
 226                                         e.onclick = func;
 227                                 } else {
 228                                         e.onclick = function() {
 229                                                 if(func())
 230                                                         { old(); return true;}
 231                                                 else
 232                                                         return false;
 233                                         }
 234                                 }
 235                         }
 236                 }
 237         },
 238 */    '.amount': function(e) {
 239                 if(e.onblur==undefined) {
 240                   e.onblur = function() {
 241                         var dec = this.getAttribute("dec");
 242                         price_format(this.name, get_amount(this.name), dec);
 243                   };
 244                 }
 245         },
 246         '.searchbox': // emulated onchange event handling for text inputs
 247                 function(e) {
 248                         e.setAttribute('_last_val', e.value);
 249                         e.setAttribute('autocomplete', 'off'); //must be off when calling onblur
 250                         e.onblur = function() {
 251                                 var val = this.getAttribute('_last_val');
 252                                 if (val != this.value) {
 253                                         this.setAttribute('_last_val', this.value);
 254                                         JsHttpRequest.request('_'+this.name+'_changed', this.form);
 255                                 }
 256                         }
 257         },
 258         'button[aspect=selector], input[aspect=selector]': function(e) {
 259                 e.onclick = function() {
 260                         passBack(this.getAttribute('rel'));
 261                         return false;
 262                 }
 263         },
 264         'select': function(e) {
 265                 if(e.onfocus==undefined) {
 266                         e.onfocus = function() {
 267                             save_focus(this);
 268                         };
 269                   var c = e.className;
 270                   if (c == 'combo' || c == 'combo2')
 271                         _set_combo_select(e);
 272                 }
 273         },
 274         'textarea,a': function(e) {
 275                 if(e.onfocus==undefined) {
 276                         e.onfocus = function() {
 277                             save_focus(this);
 278                         };
 279                         e.onmouseover = function(e) {
 280                         setFocus(this);
 281                                 return false;
 282                         }
 283                 }
 284         },
 285         'a.printlink':  function(l) {
 286                 l.onclick = function() {
 287                     save_focus(this);
 288                         JsHttpRequest.request(this);
 289                         return false;
 290                 }
 291         },
 292         'a': function(e) { // traverse menu
 293                 e.onkeydown = function(ev) {
 294                         ev = ev||window.event;
 295                         key = ev.keyCode||ev.which;
 296                         if(key==37 || key==38 || key==39 || key==40) {
 297                                         move_focus(key, e, document.links);
 298                                         ev.returnValue = false;
 299                                         return false;
 300                         }
 301                 }
 302         },
 303         'ul.ajaxtabs':  function(ul) {
 304             var ulist=ul.getElementsByTagName("li");
 305             for (var x=0; x<ulist.length; x++){ //loop through each LI e
 306                 var ulistlink=ulist[x].getElementsByTagName("input")[0];
 307                 if(ulistlink.onclick==undefined) {
 308 // ?  var modifiedurl=ulistlink.getAttribute("href").replace(/^http:\/\/[^\/]+\//i, "http://"+window.location.hostname+"/")
 309                     var url = ulistlink.form.action
 310                     ulistlink.onclick=function(){
 311                         _expand(this);
 312                         return false;
 313                     }
 314                 }
 315             }
 316         },
 317 /*      'tr.editrow': function(e) {
 318                         e.onkeydown = function(ev) {
 319                         ev = ev||window.event;
 320                         key = ev.keyCode||ev.which;
 321                         if(key == 13) {
 322                           // Find & click additem/update button
 323
 324                         } else  if(key == 27) {
 325                           return false;
 326                         }
 327                 }
 328
 329         },
 330 *//*    '#msgbox': function(e) {
 331         // this is to avoid changing div height after ajax update in IE7
 332           e.style.display = e.innerHTML.length ? 'block' : 'none';
 333         }
 334 *//* TODO
 335         'a.date_picker':  function(e) {
 336             // this un-hides data picker for js enabled browsers
 337             e.href = date_picker(this.getAttribute('rel'));
 338             e.style.display = '';
 339             e.tabindex = -1; // skip in tabbing order
 340         }
 341 */
 342 };
 343 function stopEv(ev) {
 344                         if(ev.preventDefault) {
 345                                 ev.preventDefault();
 346                                 ev.stopPropagation();
 347                         } else {
 348                                 ev.returnValue = false;
 349                                 ev.cancelBubble = true;
 350                                 window.keycode = 0;
 351                         }
 352                         return false;
 353 }
 354 /*
 355         Modified accesskey system. While Alt key is pressed letter keys moves
 356         focus to next marked link. Alt key release activates focused link.
 357 */
 358 function setHotKeys() {
 359         document.onkeydown = function(ev) {
 360                 ev = ev||window.event;
 361                 key = ev.keyCode||ev.which;
 362                 if (key == 18 && !ev.ctrlKey) { // start selection, skip Win AltGr
 363                         _hotkeys.alt = true;
 364                         _hotkeys.focus = -1;
 365                         return stopEv(ev);
 366                 }
 367                 else if (_hotkeys.alt && ((key>47 && key<58) || (key>64 && key<91))) {
 368                         var n = _hotkeys.focus;
 369                         var l = document.links;
 370                         var cnt = l.length;
 371                         key = String.fromCharCode(key);
 372                         for (var i=0; i<cnt; i++) {
 373                                 n = (n+1)%cnt;
 374                                 // check also if the link is visible
 375                                 if (l[n].accessKey==key && l[n].scrollWidth) {
 376                                         _hotkeys.focus = n;
 377             // The timeout is needed to prevent unpredictable behaviour on IE.
 378                                         var tmp = function() {document.links[_hotkeys.focus].focus();};
 379                                         setTimeout(tmp, 0);
 380                                         break;
 381                                 }
 382                         }
 383                         return stopEv(ev);
 384                 }
 385                 if((ev.ctrlKey && key == 13) || key == 27) {
 386                         _hotkeys.alt = false; // cancel link selection
 387                         _hotkeys.focus = -1;
 388                         ev.cancelBubble = true;
 389                         if(ev.stopPropagation) ev.stopPropagation();
 390                         // activate submit/escape form
 391                         for(var j=0; j<this.forms.length; j++) {
 392                                 var form = this.forms[j];
 393                                 for (var i=0; i<form.elements.length; i++){
 394                                         var el = form.elements[i];
 395                                         var asp = el.getAttribute('aspect');
 396                                         if ((asp=='selector') && (key==13 || key==27)) {
 397                                                 passBack(key==13 ? el.getAttribute('rel') : false);
 398                                                 ev.returnValue = false;
 399                                                 return false;
 400                                         }
 401                                         if ((asp=='default' && key==13)||(asp=='cancel' && key==27)) {
 402                                                 JsHttpRequest.request(el);
 403                                                 ev.returnValue = false;
 404                                                 return false;
 405                                         }
 406                                 }
 407                         }
 408                         ev.returnValue = false;
 409                         return false;
 410                 }
 411                 if (editors && editors[key]) {
 412                         callEditor(key);
 413                         return stopEv(ev); // prevent default binding
 414                 }
 415                 return true;
 416         };
 417         document.onkeyup = function(ev) {
 418                 ev = ev||window.event;
 419                 key = ev.keyCode||ev.which;
 420
 421                 if (_hotkeys.alt==true) {
 422                         if (key == 18) {
 423                                 _hotkeys.alt = false;
 424                                 if (_hotkeys.focus>=0) {
 425                                         var link = document.links[_hotkeys.focus];
 426                                         if(link.onclick)
 427                                                 link.onclick();
 428                                         else
 429                                                 if (link.target=='_blank') {
 430                                                         window.open(link.href,'','toolbar=no,scrollbar=no,resizable=yes,menubar=no,width=900,height=500');
 431                                                         openWindow(link.href,'_blank');
 432                                                 } else
 433                                                         window.location = link.href;
 434                                 }
 435                         return stopEv(ev);
 436                         }
 437                 }
 438                 return true;
 439         }
 440 }
 441
 442 Behaviour.register(inserts);
 443
 444 Behaviour.addLoadEvent(setFocus);
 445 Behaviour.addLoadEvent(setHotKeys);