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                          }
 160                 }
 161 }
 162
 163 var _w;
 164
 165 function callEditor(key) {
 166   var el = document.getElementsByName(editors[key][1])[0];
 167   if(_w) _w.close(); // this is really necessary to have window on top in FF2 :/
 168   _w = open(editors[key][0]+el.value+'&popup=1',
 169           "edit","Scrollbars=0,resizable=0,width=800,height=600");
 170   if (_w.opener == null)
 171           _w.opener = self;
 172   editors._call = key; // store call point for passBack
 173   _w.focus();
 174 }
 175
 176 function passBack(value) {
 177         var o = opener;
 178         if(value != false) {
 179                 var back = o.editors[o.editors._call]; // form input bindings
 180                 var to = o.document.getElementsByName(back[1])[0];
 181                 if (to) {
 182                         if (to[0] != undefined)
 183                                 to[0].value = value; // ugly hack to set selector to any value
 184                         to.value = value;
 185                         // update page after item selection
 186                         o.JsHttpRequest.request('_'+to.name+'_update', to.form);
 187                         o.setFocus(to.name);
 188                 }
 189         }
 190         close();
 191 }
 192
 193 /*
 194  Behaviour definitions
 195 */
 196 var inserts = {
 197         'input': function(e) {
 198                 if(e.onfocus==undefined) {
 199                         e.onfocus = function() {
 200                             save_focus(this);
 201                                 if (this.className == 'combo' || this.className == 'combo3')
 202                                         this.select();
 203                         };
 204                 }
 205                 if (e.className == 'combo' || e.className == 'combo2' || e.className == 'combo3') {
 206                                 _set_combo_input(e);
 207                 }
 208                 else
 209                 if(e.type == 'text' ) {
 210                                 e.onkeydown = function(ev) {
 211                                         ev = ev||window.event;
 212                                         key = ev.keyCode||ev.which;
 213                                         if(key == 13) {
 214                                                 if(e.className == 'searchbox') e.onblur();
 215                                                 return false;
 216                                         }
 217                                         return true;
 218                                 }
 219                         }
 220         },
 221         'input.combo2,input[aspect="fallback"]':
 222         function(e) {
 223             // this hides search button for js enabled browsers
 224             e.style.display = 'none';
 225         },
 226         'div.js_only':
 227         function(e) {
 228             // this shows divs for js enabled browsers only
 229             e.style.display = 'block';
 230         },
 231
 232         'button': function(e) {
 233                 e.onclick = function(){ return validate(e); }
 234         },
 235 //      '.ajaxsubmit,.editbutton,.navibutton': // much slower on IE7
 236         'button.ajaxsubmit,input.ajaxsubmit,input.editbutton,button.editbutton,button.navibutton':
 237         function(e) {
 238                         e.onclick = function() {
 239                                 if (validate(e)) {
 240                                         save_focus(e);
 241                                         var asp = e.getAttribute('aspect')
 242                                         if (asp && asp.indexOf('process') !== -1)
 243                                                 JsHttpRequest.request(this, null, 60000);
 244                                         else
 245                                                 JsHttpRequest.request(this);
 246                                 }
 247                                 return false;
 248                         }
 249         },
 250     '.amount': function(e) {
 251                 if(e.onblur==undefined) {
 252                   e.onblur = function() {
 253                         var dec = this.getAttribute("dec");
 254                         price_format(this.name, get_amount(this.name), dec);
 255                   };
 256                 }
 257         },
 258         '.searchbox': // emulated onchange event handling for text inputs
 259                 function(e) {
 260                         e.setAttribute('_last_val', e.value);
 261                         e.setAttribute('autocomplete', 'off'); //must be off when calling onblur
 262                         e.onblur = function() {
 263                                 var val = this.getAttribute('_last_val');
 264                                 if (val != this.value) {
 265                                         this.setAttribute('_last_val', this.value);
 266                                         JsHttpRequest.request('_'+this.name+'_changed', this.form);
 267                                 }
 268                         }
 269         },
 270         'button[aspect*selector], button[aspect*abort], input[aspect*selector]': function(e) {
 271                 e.onclick = function() {
 272                         passBack(this.getAttribute('rel'));
 273                         return false;
 274                 }
 275         },
 276         'button[aspect=popup]': function(e) {
 277                 e.onclick = function() {
 278                         if(_w) _w.close(); // this is really necessary to have window on top in FF2 :/
 279                           _w = open(document.location+'popup=1',
 280                                   "edit","Scrollbars=0,resizable=0,width=800,height=600, top=50,left=50");
 281                           if (_w.opener == null)
 282                                   _w.opener = self;
 283                         //  editors._call = key; // store call point for passBack
 284 //                        _w.moveTo(50, 50);
 285                           _w.focus();
 286                         return false;
 287                 }
 288         },
 289         'select': function(e) {
 290                 if(e.onfocus==undefined) {
 291                         e.onfocus = function() {
 292                             save_focus(this);
 293                         };
 294                   var c = e.className;
 295                   if (c == 'combo' || c == 'combo2' || c == 'combo3')
 296                         _set_combo_select(e);
 297                 }
 298         },
 299         'a.printlink':  function(l) {
 300                 l.onclick = function() {
 301                     save_focus(this);
 302                         JsHttpRequest.request(this, null, 60000);
 303                         return false;
 304                 }
 305         },
 306         'a.repopts_link':       function(l) {
 307                 l.onclick = function() {
 308                     save_focus(this);
 309                     var replinks = document.getElementsBySelector('a.repopts_link');
 310                                 for(var i in replinks)
 311                                         replinks[i].style.fontWeight = replinks[i]==this ? 'bold' : 'normal';
 312                         JsHttpRequest.request(this, null);
 313                         return false;
 314                 }
 315         },
 316         'a': function(e) { // traverse menu
 317                 e.onkeydown = function(ev) {
 318                         ev = ev||window.event;
 319                         key = ev.keyCode||ev.which;
 320                         if(key==37 || key==38 || key==39 || key==40) {
 321                                         move_focus(key, e, document.links);
 322                                         ev.returnValue = false;
 323                                         return false;
 324                         }
 325                 }
 326                 // prevent unneeded transaction entry abortion
 327                 if (e.className == 'shortcut'
 328                  || e.className == 'menu_option'
 329                  || e.className == 'menu_tab'
 330                  || e.className == 'selected')
 331                         e.onclick = function(ev) {
 332                                 if (_validate._processing
 333                                  && _validate._modified
 334                                  && !confirm(_validate._processing)) {
 335                                         ev.returnValue = false;
 336                                         return false;
 337                                 }
 338                                 window.location = e.href;
 339                         }
 340         },
 341         'ul.ajaxtabs':  function(ul) {
 342             var ulist=ul.getElementsByTagName("li");
 343             for (var x=0; x<ulist.length; x++){ //loop through each LI e
 344                 var tab=ulist[x].getElementsByTagName("button")[0];
 345 //              if(tab.onclick==undefined) {
 346 // ?  var modifiedurl=ulistlink.getAttribute("href").replace(/^http:\/\/[^\/]+\//i, "http://"+window.location.hostname+"/")
 347                     var url = tab.form.action
 348                     tab.onclick=function(){
 349                         _expand(this);
 350                         return false;
 351                     }
 352                 }
 353 //          }
 354         }
 355
 356 /*      'tr.editrow': function(e) {
 357                         e.onkeydown = function(ev) {
 358                         ev = ev||window.event;
 359                         key = ev.keyCode||ev.which;
 360                         if(key == 13) {
 361                           // Find & click additem/update button
 362
 363                         } else  if(key == 27) {
 364                           return false;
 365                         }
 366                 }
 367
 368         },
 369 *//*    '#msgbox': function(e) {
 370         // this is to avoid changing div height after ajax update in IE7
 371           e.style.display = e.innerHTML.length ? 'block' : 'none';
 372         }
 373 *//* TODO
 374         'a.date_picker':  function(e) {
 375             // this un-hides data picker for js enabled browsers
 376             e.href = date_picker(this.getAttribute('rel'));
 377             e.style.display = '';
 378             e.tabindex = -1; // skip in tabbing order
 379         }
 380 */
 381 };
 382
 383 function stopEv(ev) {
 384                         if(ev.preventDefault) {
 385                                 ev.preventDefault();
 386                                 ev.stopPropagation();
 387                         } else {
 388                                 ev.returnValue = false;
 389                                 ev.cancelBubble = true;
 390                                 window.keycode = 0;
 391                         }
 392                         return false;
 393 }
 394 /*
 395         Modified accesskey system. While Alt key is pressed letter keys moves
 396         focus to next marked link. Alt key release activates focused link.
 397 */
 398 function setHotKeys() {
 399         document.onkeydown = function(ev) {
 400                 ev = ev||window.event;
 401                 key = ev.keyCode||ev.which;
 402                 if (key == 18 && !ev.ctrlKey) { // start selection, skip Win AltGr
 403                         _hotkeys.alt = true;
 404                         _hotkeys.focus = -1;
 405                         return stopEv(ev);
 406                 }
 407                 else if (ev.altKey && !ev.ctrlKey && ((key>47 && key<58) || (key>64 && key<91))) {
 408                         key = String.fromCharCode(key);
 409                         var n = _hotkeys.focus;
 410                         var l = document.getElementsBySelector('[accesskey='+key+']');
 411                         var cnt = l.length;
 412                         _hotkeys.list = l;
 413                         for (var i=0; i<cnt; i++) {
 414                                 n = (n+1)%cnt;
 415                                 // check also if the link is visible
 416                                 if (l[n].accessKey==key && l[n].scrollWidth) {
 417                                         _hotkeys.focus = n;
 418             // The timeout is needed to prevent unpredictable behaviour on IE.
 419                                         var tmp = function() {l[_hotkeys.focus].focus();};
 420                                         setTimeout(tmp, 0);
 421                                         break;
 422                                 }
 423                         }
 424                         return stopEv(ev);
 425                 }
 426                 if((ev.ctrlKey && key == 13) || key == 27) {
 427                         _hotkeys.alt = false; // cancel link selection
 428                         _hotkeys.focus = -1;
 429                         ev.cancelBubble = true;
 430                         if(ev.stopPropagation) ev.stopPropagation();
 431                         // activate submit/escape form
 432                         for(var j=0; j<this.forms.length; j++) {
 433                                 var form = this.forms[j];
 434                                 for (var i=0; i<form.elements.length; i++){
 435                                         var el = form.elements[i];
 436                                         var asp = el.getAttribute('aspect');
 437
 438
 439                                         if (el.className!='editbutton' && (asp && asp.indexOf('selector') !== -1) && (key==13 || key==27)) {
 440                                                 passBack(key==13 ? el.getAttribute('rel') : false);
 441                                                 ev.returnValue = false;
 442                                                 return false;
 443                                         }
 444                                         if (((asp && asp.indexOf('default') !== -1) && key==13)||((asp && asp.indexOf('cancel') !== -1) && key==27)) {
 445                                                 if (validate(el)) {
 446                                                         if (asp.indexOf('process') !== -1)
 447                                                                 JsHttpRequest.request(el, null, 60000);
 448                                                         else
 449                                                                 JsHttpRequest.request(el);
 450                                                 }
 451                                                 ev.returnValue = false;
 452                                                 return false;
 453                                         }
 454                                 }
 455                         }
 456                         ev.returnValue = false;
 457                         return false;
 458                 }
 459                 if (editors && editors[key]) {
 460                         callEditor(key);
 461                         return stopEv(ev); // prevent default binding
 462                 }
 463                 return true;
 464         };
 465         document.onkeyup = function(ev) {
 466                 ev = ev||window.event;
 467                 key = ev.keyCode||ev.which;
 468
 469                 if (_hotkeys.alt==true) {
 470                         if (key == 18) {
 471                                 _hotkeys.alt = false;
 472                                 if (_hotkeys.focus >= 0) {
 473                                         var link = _hotkeys.list[_hotkeys.focus];
 474                                         if(link.onclick)
 475                                                 link.onclick();
 476                                         else
 477                                                 if (link.target=='_blank') {
 478                                                         window.open(link.href,'','toolbar=no,scrollbar=no,resizable=yes,menubar=no,width=900,height=500');
 479                                                         openWindow(link.href,'_blank');
 480                                                 } else
 481                                                         window.location = link.href;
 482                                 }
 483                         return stopEv(ev);
 484                         }
 485                 }
 486                 return true;
 487         }
 488 }
 489
 490 Behaviour.register(inserts);
 491
 492 Behaviour.addLoadEvent(setFocus);
 493 Behaviour.addLoadEvent(setHotKeys);