Popup editors now available as option for some list selectors.
[fa-stable.git] / js / inserts.js
index c3ff6e1f54a5d704b4f1bb0942cb1f9df3cde72f..489a4b42ff08dbd0d9ffe9ee64277d2ccb41328f 100644 (file)
@@ -1,12 +1,26 @@
-function debug(msg) {
-    document.getElementById('msgbox').innerHTML=
-       document.getElementById('msgbox').innerHTML+'<br>'+msg
-}
+/**********************************************************************
+    Copyright (C) FrontAccounting, LLC.
+       Released under the terms of the GNU General Public License, GPL, 
+       as published by the Free Software Foundation, either version 3 
+       of the License, or (at your option) any later version.
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  
+    See the License here <http://www.gnu.org/licenses/gpl-3.0.html>.
+***********************************************************************/
+var _focus;
+var _hotkeys = {
+       'alt': false,   // whether is the Alt key pressed
+       'focus': -1             // currently selected indeks of document.links
+};
 
-function progbar(container) {
-    container.innerHTML= "<center><img src='"+
-       user.theme+"images/progressbar1.gif' /> "+
-       user.loadtxt+"</center>";
+function save_focus(e) {
+  _focus = e.name||e.id;
+  var h = document.getElementById('hints');
+  if (h) {
+       h.style.display = e.title && e.title.length ? 'inline' : 'none';
+       h.innerHTML = e.title ? e.title : '';
+  }
 }
 
 function _expand(tabobj) {
@@ -20,7 +34,7 @@ function _expand(tabobj) {
          alltabs[i].className = "ajaxbutton"  //deselect all tabs
        }
        tabobj.className = "current";
-       JsHttpRequest.request(tabobj.name)
+       JsHttpRequest.request(tabobj)
   }
 }
 
@@ -31,21 +45,24 @@ function expandtab(tabcontentid, tabnumber) {
 }
 
 function _set_combo_input(e) {
-//               e.onkeydown=function(event) { 
-                 e.onblur=function(event) { 
-                       event = event||window.event;
-                       if(!this.back) {
-                         var but_name = this.name.substring(0, this.name.length-4)+'button';
-                         var button = document.getElementsByName(but_name)[0];
-                         var select = document.getElementsByName(this.getAttribute('rel'))[0];
-                         var byid = this.className=='combo';
-                         if(button) { // if *_button set submit search request
-                           JsHttpRequest.request(but_name);
-                         }
-                         return false;
-                       }
-                 };
-                 e.onkeyup = function() {
+               e.setAttribute('_last', e.value);
+               e.onblur=function() { 
+                 var but_name = this.name.substring(0, this.name.length-4)+'button';
+                 var button = document.getElementsByName(but_name)[0];
+                 var select = document.getElementsByName(this.getAttribute('rel'))[0];
+                 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);
+                 } else if(this.className=='combo2') {
+                               this.style.display = 'none';
+                               select.style.display = 'inline';
+                               setFocus(select);
+                 }
+                 return false;
+               };
+               e.onkeyup = function(ev) {
                        var select = document.getElementsByName(this.getAttribute('rel'))[0];
                        if(select && select.selectedIndex>=0) {
                          var len = select.length;
@@ -60,141 +77,232 @@ function _set_combo_input(e) {
                                }
                          }
                        }
-                 };
-         e.onkeydown = function(ev) { 
-//       this.lastkey = event.keyCode;
-                         this.back = (ev||window.event).shiftKey; // save shift state for onblur handler
-                 }
+               };
+       e.onkeydown = function(ev) { 
+                       ev = ev||window.event;
+                       key = ev.keyCode||ev.which;
+                       if(key == 13) {
+                         this.blur();
+                         return false;
+                       }
+               }
 }
 
-function _set_combo_select(e) {
-
-               e.onblur = function(event) {
-                       event = event||window.event;
-                       if(!this.back && this.selectedIndex>=0) {
-                               var sname = '_'+this.name+'_update';
-                               var box = document.getElementsByName(this.getAttribute('rel'))[0];
-                               var opt = this.options[this.selectedIndex];
-                               var byid = this.className=='combo';
-                               var update = document.getElementsByName(sname)[0];
-                               if (opt.value != 0) {
-                                 if(box) box.value = byid ? opt.value : opt.text;
-                                 if(update) {
-                                       if(update.className == 'combo_select') {
-                                         document.getElementsByName('_focus')[0].value=this.name;
-                                           JsHttpRequest.request(sname);
-                                       } else {
-                                         update.click();
-                                         this.focus();
-                                       }
-                                 } 
+function _update_box(s) {
+       var byid = s.className=='combo';
+       var rel = s.getAttribute('rel');
+       var box = document.getElementsByName(rel)[0];
+               if(box && s.selectedIndex>=0) {
+                         var opt = s.options[s.selectedIndex];
+                               if(box) {
+                                 box.value = byid ? opt.value : opt.text;
+                                 box.setAttribute('_last', box.value);
                                }
-                               this.size = 1;
-                       }
-                               return true;
+               }
+}
+
+function _set_combo_select(e) {
+               // When combo position is changed via js (eg from searchbox)
+               // no onchange event is generated. To ensure proper change 
+               // 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();
                }
                e.onchange = function() {
-                       if (this.options[this.selectedIndex].value==0)
-                               document.getElementsByName(this.getAttribute('rel'))[0].value='';
-               }
-/*             e.onkeydown = function(event) {
-                       event = event||window.event;
-                   if(event.keyCode==13) {
-                       var box = document.getElementsByName(this.getAttribute('rel'))[0];                      
-                       this.style.display='none';
-                       box.style.display='';
-                       this.back=true;
-                       box.focus();
-                   }
+                       var s = this;
+                       this.setAttribute('_last', this.selectedIndex);                 
+                       if(s.className=='combo')
+                           _update_box(s);
+                       if(s.selectedIndex>=0) {
+                                var sname = '_'+s.name+'_update';
+                                var update = document.getElementsByName(sname)[0];
+                                if(update) {
+                                           JsHttpRequest.request(update);
+                               } 
+                       }
+                       return true;
+               }
+               e.onkeydown = function(event) {
+                   event = event||window.event;
+                   key = event.keyCode||event.which;
+                   var box = document.getElementsByName(this.getAttribute('rel'))[0];
+                   if (box && key == 32 && this.className == 'combo2') {
+                           this.style.display = 'none';
+                           box.style.display = 'inline';
+                               box.value='';
+                               setFocus(box);
+                           return false;
+                        }
+               }
+}              
+
+function callEditor(key) {
+  var el = document.getElementsByName(editors[key][1])[0]; 
+  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 = {
-    '.amount': function(element) {
-               if(element.onblur==undefined) {
-                 var dec = element.getAttribute("dec");
-                 element.onblur = function() {
+       'input': function(e) {
+               if(e.onfocus==undefined) {
+                       e.onfocus = function() {
+                           save_focus(this);
+                               if (this.className == 'combo') 
+                                       this.select();
+                       };
+               }
+               if (e.className == 'combo' || e.className == 'combo2') {
+                               _set_combo_input(e);
+               } 
+               else
+               if(e.type == 'text' ) {
+                               e.onkeydown = function(ev) { 
+                                       ev = ev||window.event;
+                                       key = ev.keyCode||ev.which;
+                                       if(key == 13) {
+                                               if(e.className == 'searchbox') e.onblur();
+                                               return false;
+                                       } 
+                                       return true;
+                               }
+                       }
+       },
+       'input.combo2,input[aspect="fallback"]': 
+       function(e) {
+           // this hides search button for js enabled browsers
+           e.style.display = 'none';
+       },
+       'div.js_only': 
+       function(e) {
+           // this shows divs for js enabled browsers only
+           e.style.display = 'block';
+       },
+//     '.ajaxsubmit,.editbutton,.navibutton': // much slower on IE7
+       'button.ajaxsubmit,input.ajaxsubmit,input.editbutton,button.editbutton,button.navibutton': 
+       function(e) {
+                   e.onclick = function() {
+                           save_focus(e);
+                                       if (e.getAttribute('aspect') == 'process')
+                                               JsHttpRequest.request(this, null, 30000);
+                                       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') {
+                                       e.onclick = func;
+                               } else {
+                                       e.onclick = function() {
+                                               if(func()) 
+                                                       { old(); return true;}
+                                               else
+                                                       return false;
+                                       }
+                               }
+                       }
+               }
+       },
+*/    '.amount': function(e) {
+               if(e.onblur==undefined) {
+                 e.onblur = function() {
+                       var dec = this.getAttribute("dec");
                        price_format(this.name, get_amount(this.name), dec);
                  };
                }
        },
-       'select': function(element) {
-               if(element.onfocus==undefined) {
-                       element.onfocus = function() {
-                               document.getElementsByName('_focus')[0].value = element.name;
-                       };
-                       element.onkeydown = function(event) { 
-                         event = event||window.event;
-                         this.back = event.shiftKey; // save shift state for onblur handler
-                         this.lastkey = event.keyCode; 
-                         if (event.keyCode==32) {
-                          if(this.init_size==undefined)
-                               this.init_size = this.size;
-                         if(this.init_size<=1) {
-                          if(this.size>1) {
-                               this.size = 1;
-                          } else{
-                               var sel = this.selectedIndex;
-                               this.size = this.options.length;
-                               if(this.size>10) this.size = 10;
-                               this.selectedIndex = sel;
-                          }
-                         }
-                        }
-                       };
-                       element.onblur = function() { 
-                           if(this.init_size<=1)
-                               this.size = 1;
-                       };
-               var c = element.className;
-               if (c == 'combo' || c == 'combo2')
-//             if (element.onblur==undefined) {
-                       _set_combo_select(element);
-//             }
+       '.searchbox': // emulated onchange event handling for text inputs
+               function(e) {
+                       e.setAttribute('_last_val', e.value);
+                       e.setAttribute('autocomplete', 'off'); //must be off when calling onblur
+                       e.onblur = function() {
+                               var val = this.getAttribute('_last_val');
+                               if (val != this.value) {
+                                       this.setAttribute('_last_val', this.value);
+                                       JsHttpRequest.request('_'+this.name+'_changed', this.form);
+                               }
+                       }
+       },
+       'button[aspect=selector], input[aspect=selector]': function(e) {
+               e.onclick = function() {
+                       passBack(this.getAttribute('rel'));
+                       return false;
                }
        },
-       'input': function(element) { // we do not want to change focus on submit
-               if(element.type!='submit' && element.onfocus==undefined) {
-                       element.onfocus = function() {
-                               document.getElementsByName('_focus')[0].value = element.name;
+       'select': function(e) {
+               if(e.onfocus==undefined) {
+                       e.onfocus = function() {
+                           save_focus(this);
                        };
-                 var c = element.className;
-                 if (c == 'combo' || c == 'combo2') {
-                         if(element.onkeydown==undefined) {
-                               _set_combo_input(element);
-                         }
-                 }
+                 var c = e.className;
+                 if (c == 'combo' || c == 'combo2')
+                       _set_combo_select(e);
                }
        },
-       'input.combo_submit': function(element) {
-           // this hides search button for js enabled browsers
-           element.style.display = 'none';
-       },
-       'input.combo_select': function(element) {
-           // this hides select button for js enabled browsers
-           element.style.display = 'none';
-       },
-       'input.combo_reload': function(element) {
-           element.style.display = 'none';
+       'textarea,a': function(e) {
+               if(e.onfocus==undefined) {
+                       e.onfocus = function() {
+                           save_focus(this);
+                       };
+                       e.onmouseover = function(e) {
+                       setFocus(this);
+                               return false;
+                       }
+               }
        },
-       'input.ajaxsubmit': function(e) {
-           e.onclick = function() {
-               JsHttpRequest.request(this.name);
-               return false;
-           }
+       'a.printlink':  function(l) {
+               l.onclick = function() {
+                   save_focus(this);
+                       JsHttpRequest.request(this);
+                       return false;
+               }
        },
-       'input.editbutton': function(e) {
-           e.onclick = function() {
-               JsHttpRequest.request(this.name);
-               return false;
-           }
+       'a': function(e) { // traverse menu
+               e.onkeydown = function(ev) { 
+                       ev = ev||window.event;
+                       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;
+                       }
+               }
        },
        'ul.ajaxtabs':  function(ul) {
            var ulist=ul.getElementsByTagName("li");
-           for (var x=0; x<ulist.length; x++){ //loop through each LI element
+           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 modifiedurl=ulistlink.getAttribute("href").replace(/^http:\/\/[^\/]+\//i, "http://"+window.location.hostname+"/")
@@ -206,41 +314,132 @@ var inserts = {
                }
            }
        },
-       'input.navibutton': function(e) {
-           if(e.onclick==undefined) {
-            e.onclick = function() {
-               JsHttpRequest.request(this.name);
-               return false;
-            }
-           }
+/*     'tr.editrow': function(e) {
+                       e.onkeydown = function(ev) { 
+                       ev = ev||window.event;
+                       key = ev.keyCode||ev.which;
+                       if(key == 13) {
+                         // Find & click additem/update button
+                         
+                       } else  if(key == 27) {
+                         return false;
+                       }
+               }
+
+       },
+*//*   '#msgbox': function(e) {
+       // this is to avoid changing div height after ajax update in IE7
+         e.style.display = e.innerHTML.length ? 'block' : 'none';
        }
-//
-/* TODO
-       'a.date_picker':  function(element) {
+*//* TODO
+       'a.date_picker':  function(e) {
            // this un-hides data picker for js enabled browsers
-           element.href = date_picker(this.getAttribute('rel'));
-           element.style.display = '';
-           element.tabindex = -1; // skip in tabbing order
+           e.href = date_picker(this.getAttribute('rel'));
+           e.style.display = '';
+           e.tabindex = -1; // skip in tabbing order
        }
 */
 };
-
-Behaviour.register(inserts);
-
-function setFocus(name, byId) {
-  if(byId)
-       input = document.getElementById(name);
-  else
-       input = document.getElementsByName(name)[0];
-
-  if(input && input.focus)
-       input.focus();
+function stopEv(ev) {
+                       if(ev.preventDefault) {
+                               ev.preventDefault();
+                               ev.stopPropagation();
+                       } else {
+                               ev.returnValue = false;
+                               ev.cancelBubble = true;
+                               window.keycode = 0;
+                       }
+                       return false;
 }
+/*
+       Modified accesskey system. While Alt key is pressed letter keys moves 
+       focus to next marked link. Alt key release activates focused link.
+*/
+function setHotKeys() {
+       document.onkeydown = function(ev) {
+               ev = ev||window.event;
+               key = ev.keyCode||ev.which;
+               if (key == 18 && !ev.ctrlKey) { // start selection, skip Win AltGr
+                       _hotkeys.alt = true;
+                       _hotkeys.focus = -1;
+                       return stopEv(ev);
+               }
+               else if (_hotkeys.alt && ((key>47 && key<58) || (key>64 && key<91))) {
+                       var n = _hotkeys.focus;
+                       var l = document.links;
+                       var cnt = l.length;
+                       key = String.fromCharCode(key);
+                       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();};
+                                       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 ((asp=='selector') && (key==13 || key==27)) {
+                                               passBack(key==13 ? el.getAttribute('rel') : false);
+                                               ev.returnValue = false;
+                                               return false;
+                                       }
+                                       if ((asp=='default' && key==13)||(asp=='cancel' && key==27)) {
+                                               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) {
+               ev = ev||window.event;
+               key = ev.keyCode||ev.which;
 
-Behaviour.addLoadEvent(function() {
-    var inp = document.getElementsByName('_focus')[0];
-         if(inp!=null) {
-               setFocus(inp.value, 0);
-         }
+               if (_hotkeys.alt==true) {
+                       if (key == 18) {
+                               _hotkeys.alt = false;
+                               if (_hotkeys.focus>=0) {
+                                       var link = document.links[_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);
+Behaviour.addLoadEvent(setHotKeys);