New combo3 class searchable from start of the code (used in gl accounts list).
[fa-stable.git] / js / inserts.js
index 7450c199d40c670e42b3fa8e04632f755d515883..b9564ed98491906f9914c57de504048357590bc5 100644 (file)
 var _focus;
 var _hotkeys = {
        'alt': false,   // whether is the Alt key pressed
-       'focus': -1             // currently selected indeks of document.links
+       'list': false, // list of all elements with hotkey used recently
+       'focus': -1             // currently selected list element
 };
 
-function debug(msg) {
-    box = document.getElementById('msgbox')
-       box.innerHTML= box.innerHTML+'<br>'+msg
-}
-
-function progbar() {
-       box = document.getElementById('msgbox');
-    box.innerHTML= "<center><table width='98%' border='1' cellpadding=3 "
-       +"bordercolor='#007700' style='border-collapse: collapse'>"
-       +"<tr><td align='center' bgcolor='#ccffcc' >"
-               +"<img src='"+user.theme+"images/progressbar.gif' alt='"
-               +user.loadtxt+"' /></td></tr></table></center><br>";
-       box.style.display = 'block';
-}
-
 function save_focus(e) {
   _focus = e.name||e.id;
   var h = document.getElementById('hints');
@@ -41,7 +27,7 @@ function save_focus(e) {
 function _expand(tabobj) {
 
   var ul = tabobj.parentNode.parentNode;
-  var alltabs=ul.getElementsByTagName("input");
+  var alltabs=ul.getElementsByTagName("button");
   var frm = tabobj.form;
 
   if (ul.getAttribute("rel")){
@@ -68,12 +54,13 @@ function _set_combo_input(e) {
                  save_focus(select);
 // submit request if there is submit_on_change option set and 
 // search field has changed.
+               
                  if (button && (this.value != this.getAttribute('_last'))) {
-                       JsHttpRequest.request(button);
+                       JsHttpRequest.request(button);
                  } else if(this.className=='combo2') {
                                this.style.display = 'none';
                                select.style.display = 'inline';
-                               setFocus(select.name);
+                               setFocus(select);
                  }
                  return false;
                };
@@ -81,14 +68,21 @@ function _set_combo_input(e) {
                        var select = document.getElementsByName(this.getAttribute('rel'))[0];
                        if(select && select.selectedIndex>=0) {
                          var len = select.length;
-                         var byid = this.className=='combo';
+                         var byid = this.className=='combo' || this.className=='combo3';
                          var ac = this.value.toUpperCase();
                          select.options[select.selectedIndex].selected = false;
                          for (i = 0; i < len; i++) {
                                var txt = byid ? select.options[i].value : select.options[i].text;
-                               if (txt.toUpperCase().indexOf(ac) >= 0) {
-                                 select.options[i].selected = true;
-                                 break;
+                               if (this.className=='combo3') {
+                                 if(txt.toUpperCase().indexOf(ac) == 0) {
+                                       select.options[i].selected = true;
+                                       break;
+                                 }
+                               } else {
+                                 if(txt.toUpperCase().indexOf(ac) >= 0) {
+                                       select.options[i].selected = true;
+                                       break;
+                                 }
                                }
                          }
                        }
@@ -104,14 +98,16 @@ function _set_combo_input(e) {
 }
 
 function _update_box(s) {
-       var byid = s.className=='combo';
+       var byid = s.className=='combo' || s.className=='combo3';
        var rel = s.getAttribute('rel');
        var box = document.getElementsByName(rel)[0];
                if(box && s.selectedIndex>=0) {
                          var opt = s.options[s.selectedIndex];
                                if(box) {
+                                 var old = box.value;
                                  box.value = byid ? opt.value : opt.text;
                                  box.setAttribute('_last', box.value);
+                                 return old != box.value
                                }
                }
 }
@@ -122,15 +118,18 @@ function _set_combo_select(e) {
                // signaling we must track selectedIndex in onblur handler.
                e.setAttribute('_last', e.selectedIndex);
                e.onblur = function() {
-                       if(this.className=='combo')
-                           _update_box(this);
-                       if (this.selectedIndex != this.getAttribute('_last'))
-                               this.onchange();
+                   var box = document.getElementsByName(this.getAttribute('rel'))[0];
+//                     if(this.className=='combo')
+//                         _update_box(this);
+                       if ((this.selectedIndex != this.getAttribute('_last'))
+                               ||((this.className=='combo' || this.className=='combo3') && _update_box(this))
+                               )
+                                       this.onchange();
                }
                e.onchange = function() {
                        var s = this;
-                       this.setAttribute('_last', this.selectedIndex);                 
-                       if(s.className=='combo')
+                       this.setAttribute('_last', this.selectedIndex);
+                       if(s.className=='combo' || this.className=='combo3')
                            _update_box(s);
                        if(s.selectedIndex>=0) {
                                 var sname = '_'+s.name+'_update';
@@ -149,51 +148,55 @@ function _set_combo_select(e) {
                            this.style.display = 'none';
                            box.style.display = 'inline';
                                box.value='';
-                               setFocus(box.name);
+                               setFocus(box);
                            return false;
                         }
-                       if (this.getAttribute('aspect') == 'editable' && key==115) {
-                               // F4: call related database editor - not available in non-js fallback mode
-                               JsHttpRequest.request('_'+this.name+'_editor', this.form);
-                               return false; // prevent default binding
-                               // TODO: stopPropagation when needed
-                       }
                }
 }              
 
+var _w;
+
+function callEditor(key) {
+  var el = document.getElementsByName(editors[key][1])[0]; 
+  if(_w) _w.close(); // this is really necessary to have window on top in FF2 :/
+  _w = open(editors[key][0]+el.value+'&popup=1',
+         "edit","Scrollbars=0,resizable=0,width=800,height=600");
+  if (_w.opener == null)
+         _w.opener = self;
+  editors._call = key; // store call point for passBack 
+  _w.focus();
+}
+
+function passBack(value) {
+       var o = opener;
+       if(value != false) {
+               var back = o.editors[o.editors._call]; // form input bindings
+               var to = o.document.getElementsByName(back[1])[0];
+               if (to) {
+                       if (to[0] != undefined) 
+                               to[0].value = value; // ugly hack to set selector to any value
+                       to.value = value;
+                       // update page after item selection
+                       o.JsHttpRequest.request('_'+to.name+'_update', to.form);
+                       o.setFocus(to.name);
+               }
+       }
+       close();
+}
+
 /*
  Behaviour definitions
 */
 var inserts = {
-       'form': function(e) {
-               e.onkeydown = function(ev) { 
-                       ev = ev||window.event;
-                       key = ev.keyCode||ev.which;
-                       if((ev.ctrlKey && key == 13) || key == 27) {
-                               ev.cancelBubble = true;
-                       if(ev.stopPropagation) ev.stopPropagation();
-                               // activate submit/escape form
-                               for (var i=0; i<this.elements.length; i++){
-                                       var asp = this.elements[i].getAttribute('aspect');
-                                       if ((asp=='default' && key==13)||(asp=='cancel' && key==27))
-                                               JsHttpRequest.request(this.elements[i]);
-                               }
-                       
-                               ev.returnValue = false;
-                               return false;
-                       } 
-                       return true;
-               }
-       },
        'input': function(e) {
                if(e.onfocus==undefined) {
                        e.onfocus = function() {
                            save_focus(this);
-                               if (this.className == 'combo') 
+                               if (this.className == 'combo' || this.className == 'combo3'
                                        this.select();
                        };
                }
-               if (e.className == 'combo' || e.className == 'combo2') {
+               if (e.className == 'combo' || e.className == 'combo2' || e.className == 'combo3') {
                                _set_combo_input(e);
                } 
                else
@@ -220,15 +223,35 @@ var inserts = {
            e.style.display = 'block';
        },
 //     '.ajaxsubmit,.editbutton,.navibutton': // much slower on IE7
-       'button.ajaxsubmit,input.ajaxsubmit,input.editbutton,button.navibutton': 
+       'button.ajaxsubmit,input.ajaxsubmit,input.editbutton,button.editbutton,button.navibutton': 
        function(e) {
-           e.onclick = function() {
-                       if (this.getAttribute('aspect') == 'process')
-                               progbar();
-                   save_focus(this);
-                       JsHttpRequest.request(this);
-                       return false;
-           }
+                   e.onclick = function() {
+                           save_focus(e);
+                           var asp = e.getAttribute('aspect')
+                               if (asp && asp.indexOf('process') !== -1)
+                                       JsHttpRequest.request(this, null, 60000);
+                               else
+                                       JsHttpRequest.request(this);
+                               return false;
+                   }
+       },
+       'button': function(e) {
+               if (e.name) {
+                       var func = _validate[e.name];
+                       var old = e.onclick;
+                       if(func) { 
+                               if (typeof old != 'function' || old == func) { // prevent multiply binding on ajax update
+                                       e.onclick = func;
+                               } else {
+                                       e.onclick = function() {
+                                               if(func()) 
+                                                       { old(); return true;}
+                                               else
+                                                       return false;
+                                       }
+                               }
+                       }
+               }
        },
     '.amount': function(e) {
                if(e.onblur==undefined) {
@@ -249,40 +272,44 @@ var inserts = {
                                        JsHttpRequest.request('_'+this.name+'_changed', this.form);
                                }
                        }
-/*             e.onkeydown = function(ev) { 
-                               ev = ev||window.event;
-                               key = ev.keyCode||ev.which;
-                               if (key == 13 && (this.value != this.getAttribute('_last_val'))) {
-                                       this.blur();
-                                       return false;
-                               }
-                       }
-*/             },
+       },
+       'button[aspect*selector], button[aspect*abort], input[aspect*selector]': function(e) {
+               e.onclick = function() {
+                       passBack(this.getAttribute('rel'));
+                       return false;
+               }
+       },
+       'button[aspect=popup]': function(e) {
+                                               var old = e.onclick
+               e.onclick = function() {
+//                     this.form.target = '_blank';
+//                             old();
+//                     return true;
+                       if(_w) _w.close(); // this is really necessary to have window on top in FF2 :/
+                         _w = open(document.location+'popup=1',
+                                 "edit","Scrollbars=0,resizable=0,width=800,height=600, top=50,left=50");
+                         if (_w.opener == null)
+                                 _w.opener = self;
+                       //  editors._call = key; // store call point for passBack 
+//                       _w.moveTo(50, 50);
+                         _w.focus();
+                       return false;
+               }
+       },
        'select': function(e) {
                if(e.onfocus==undefined) {
                        e.onfocus = function() {
                            save_focus(this);
                        };
                  var c = e.className;
-                 if (c == 'combo' || c == 'combo2')
+                 if (c == 'combo' || c == 'combo2' || c == 'combo3')
                        _set_combo_select(e);
                }
        },
-       'textarea,a': function(e) {
-               if(e.onfocus==undefined) {
-                       e.onfocus = function() {
-                           save_focus(this);
-                       };
-                       e.onmouseover = function(e) {
-                       if (this.id) setFocus(this.id, 1);
-                               return false;
-                       }
-               }
-       },
        'a.printlink':  function(l) {
                l.onclick = function() {
                    save_focus(this);
-                       JsHttpRequest.request(this);
+                       JsHttpRequest.request(this, null, 60000);
                        return false;
                }
        },
@@ -292,6 +319,7 @@ var inserts = {
                        key = ev.keyCode||ev.which;
                        if(key==37 || key==38 || key==39 || key==40) {
                                        move_focus(key, e, document.links);
+                                       ev.returnValue = false;
                                        return false;
                        }
                }
@@ -299,17 +327,17 @@ var inserts = {
        'ul.ajaxtabs':  function(ul) {
            var ulist=ul.getElementsByTagName("li");
            for (var x=0; x<ulist.length; x++){ //loop through each LI e
-               var ulistlink=ulist[x].getElementsByTagName("input")[0];
-               if(ulistlink.onclick==undefined) {
+               var tab=ulist[x].getElementsByTagName("button")[0];
+               if(tab.onclick==undefined) {
 // ?  var modifiedurl=ulistlink.getAttribute("href").replace(/^http:\/\/[^\/]+\//i, "http://"+window.location.hostname+"/")
-                   var url = ulistlink.form.action
-                   ulistlink.onclick=function(){
+                   var url = tab.form.action
+                   tab.onclick=function(){
                        _expand(this);
                        return false;
                    }
                }
            }
-       },
+       }
 /*     'tr.editrow': function(e) {
                        e.onkeydown = function(ev) { 
                        ev = ev||window.event;
@@ -323,11 +351,11 @@ var inserts = {
                }
 
        },
-*/     '#msgbox': function(e) {
+*//*   '#msgbox': function(e) {
        // this is to avoid changing div height after ajax update in IE7
          e.style.display = e.innerHTML.length ? 'block' : 'none';
        }
-/* TODO
+*//* TODO
        'a.date_picker':  function(e) {
            // this un-hides data picker for js enabled browsers
            e.href = date_picker(this.getAttribute('rel'));
@@ -336,10 +364,16 @@ var inserts = {
        }
 */
 };
+
 function stopEv(ev) {
-                       ev.returnValue = false;
-                       ev.cancelBubble = true;
-                       if(ev.preventDefault) ev.preventDefault();
+                       if(ev.preventDefault) {
+                               ev.preventDefault();
+                               ev.stopPropagation();
+                       } else {
+                               ev.returnValue = false;
+                               ev.cancelBubble = true;
+                               window.keycode = 0;
+                       }
                        return false;
 }
 /*
@@ -354,54 +388,89 @@ function setHotKeys() {
                        _hotkeys.alt = true;
                        _hotkeys.focus = -1;
                        return stopEv(ev);
-               } else
-               if (key == 27) { // cancel selection
-                       _hotkeys.alt = false;
-                       _hotkeys.focus = -1;
-                       return stopEv(ev);
-               } 
-               else if (_hotkeys.alt && ((key>47 && key<58) || (key>64 && key<91))) {
+               }
+               else if (ev.altKey && !ev.ctrlKey && ((key>47 && key<58) || (key>64 && key<91))) {
+                       key = String.fromCharCode(key);
                        var n = _hotkeys.focus;
-                       var l = document.links;
+                       var l = document.getElementsBySelector('[accesskey='+key+']');
                        var cnt = l.length;
-                       key = String.fromCharCode(key);
+                       _hotkeys.list = l;
                        for (var i=0; i<cnt; i++) { 
                                n = (n+1)%cnt;
                                // check also if the link is visible
                                if (l[n].accessKey==key && l[n].scrollWidth) {
                                        _hotkeys.focus = n;
            // The timeout is needed to prevent unpredictable behaviour on IE.
-                                       var tmp = function() {document.links[_hotkeys.focus].focus();};
+                                       var tmp = function() {l[_hotkeys.focus].focus();};
                                        setTimeout(tmp, 0);
                                        break;
                                }
                        }
                        return stopEv(ev);
                }
+               if((ev.ctrlKey && key == 13) || key == 27) {
+                       _hotkeys.alt = false; // cancel link selection
+                       _hotkeys.focus = -1;
+                       ev.cancelBubble = true;
+                       if(ev.stopPropagation) ev.stopPropagation();
+                       // activate submit/escape form
+                       for(var j=0; j<this.forms.length; j++) {
+                               var form = this.forms[j];
+                               for (var i=0; i<form.elements.length; i++){
+                                       var el = form.elements[i];
+                                       var asp = el.getAttribute('aspect');
+                                       
+
+                                       if (el.className!='editbutton' && (asp && asp.indexOf('selector') !== -1) && (key==13 || key==27)) {
+                                               passBack(key==13 ? el.getAttribute('rel') : false);
+                                               ev.returnValue = false;
+                                               return false;
+                                       }
+                                       if (((asp && asp.indexOf('default') !== -1) && key==13)||((asp && asp.indexOf('cancel') !== -1) && key==27)) {
+
+                                               if (asp.indexOf('process') !== -1)
+                                                       JsHttpRequest.request(el, null, 60000);
+                                               else
+                                                       JsHttpRequest.request(el);
+                                               ev.returnValue = false;
+                                               return false;
+                                       }
+                               }
+                       }
+                       ev.returnValue = false;
+                       return false;
+               }
+               if (editors && editors[key]) {
+                       callEditor(key);
+                       return stopEv(ev); // prevent default binding
+               } 
                return true;
        };
        document.onkeyup = function(ev) {
-               if (_hotkeys.alt==true) {
-                       ev = ev||window.event;
-                       key = ev.keyCode||ev.which;
+               ev = ev||window.event;
+               key = ev.keyCode||ev.which;
 
+               if (_hotkeys.alt==true) {
                        if (key == 18) {
                                _hotkeys.alt = false;
                                if (_hotkeys.focus>=0) {
-                                       var link = document.links[_hotkeys.focus];
-                                       if (link.target=='_blank') {
-//                                             window.open(link.href,'','toolbar=no,scrollbar=no,resizable=yes,menubar=no,width=900,height=500');
-                                               openWindow(link.href,'_blank');
-                                       } else
-                                               window.location = link.href;
+                                       var link = _hotkeys.list[_hotkeys.focus];
+                                       if(link.onclick) 
+                                               link.onclick();
+                                       else
+                                               if (link.target=='_blank') {
+                                                       window.open(link.href,'','toolbar=no,scrollbar=no,resizable=yes,menubar=no,width=900,height=500');
+                                                       openWindow(link.href,'_blank');
+                                               } else
+                                                       window.location = link.href;
                                }
-                       } 
                        return stopEv(ev);
+                       } 
                }
                return true;
        }
 }
+
 Behaviour.register(inserts);
 
 Behaviour.addLoadEvent(setFocus);