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