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 ***********************************************************************/
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
18 function validate(e) {
19 if (e.name && (typeof _validate[e.name] == 'function'))
20 return _validate[e.name](e);
22 var n = e.name.indexOf('[');
24 var key = e.name.substring(n+1, e.name.length-1);
25 if (key.length>1 && _validate[e.name.substring(0,n)])
26 return _validate[e.name.substring(0,n)][key](e);
32 function save_focus(e) {
33 _focus = e.name||e.id;
34 var h = document.getElementById('hints');
36 h.style.display = e.title && e.title.length ? 'inline' : 'none';
37 h.innerHTML = e.title ? e.title : '';
41 function _expand(tabobj) {
43 var ul = tabobj.parentNode.parentNode;
44 var alltabs=ul.getElementsByTagName("button");
45 var frm = tabobj.form;
47 if (ul.getAttribute("rel")){
48 for (var i=0; i<alltabs.length; i++){
49 alltabs[i].className = "ajaxbutton" //deselect all tabs
51 tabobj.className = "current";
52 JsHttpRequest.request(tabobj)
56 //interface for selecting a tab (plus expand corresponding content)
57 function expandtab(tabcontentid, tabnumber) {
58 var tabs = document.getElementById(tabcontentid);
59 _expand(tabs.getElementsByTagName("input")[tabnumber]);
62 function _set_combo_input(e) {
63 e.setAttribute('_last', e.value);
65 var but_name = this.name.substring(0, this.name.length-4)+'button';
66 var button = document.getElementsByName(but_name)[0];
67 var select = document.getElementsByName(this.getAttribute('rel'))[0];
69 // submit request if there is submit_on_change option set and
70 // search field has changed.
72 if (button && (this.value != this.getAttribute('_last'))) {
73 JsHttpRequest.request(button);
74 } else if(this.className=='combo2') {
75 this.style.display = 'none';
76 select.style.display = 'inline';
81 e.onkeyup = function(ev) {
82 var select = document.getElementsByName(this.getAttribute('rel'))[0];
83 if(select && select.selectedIndex>=0) {
84 var len = select.length;
85 var byid = this.className=='combo' || this.className=='combo3';
86 var ac = this.value.toUpperCase();
87 select.options[select.selectedIndex].selected = false;
88 for (i = 0; i < len; i++) {
89 var txt = byid ? select.options[i].value : select.options[i].text;
90 if (this.className=='combo3') {
91 if(txt.toUpperCase().indexOf(ac) == 0) {
92 select.options[i].selected = true;
96 if(txt.toUpperCase().indexOf(ac) >= 0) {
97 select.options[i].selected = true;
104 e.onkeydown = function(ev) {
105 ev = ev||window.event;
106 key = ev.keyCode||ev.which;
114 function _update_box(s) {
115 var byid = s.className=='combo' || s.className=='combo3';
116 var rel = s.getAttribute('rel');
117 var box = document.getElementsByName(rel)[0];
118 if(box && s.selectedIndex>=0) {
119 var opt = s.options[s.selectedIndex];
122 box.value = byid ? opt.value : opt.text;
123 box.setAttribute('_last', box.value);
124 return old != box.value
129 function _set_combo_select(e) {
130 // When combo position is changed via js (eg from searchbox)
131 // no onchange event is generated. To ensure proper change
132 // signaling we must track selectedIndex in onblur handler.
133 e.setAttribute('_last', e.selectedIndex);
134 e.onblur = function() {
135 var box = document.getElementsByName(this.getAttribute('rel'))[0];
136 // if(this.className=='combo')
137 // _update_box(this);
138 if ((this.selectedIndex != this.getAttribute('_last'))
139 ||((this.className=='combo' || this.className=='combo3') && _update_box(this))
143 e.onchange = function() {
145 this.setAttribute('_last', this.selectedIndex);
146 if(s.className=='combo' || this.className=='combo3')
148 if(s.selectedIndex>=0) {
149 var sname = '_'+s.name+'_update';
150 var update = document.getElementsByName(sname)[0];
152 JsHttpRequest.request(update);
157 e.onkeydown = function(event) {
158 event = event||window.event;
159 key = event.keyCode||event.which;
160 var box = document.getElementsByName(this.getAttribute('rel'))[0];
161 if(key == 8 || (key==37 && event.altKey)) {
162 event.returnValue = false;
165 if (box && (key == 32) && (this.className == 'combo2')) {
166 this.style.display = 'none';
167 box.style.display = 'inline';
172 if (key == 13 && !e.length) // prevent chrome issue (blocked cursor after CR on empty selector)
180 function callEditor(key) {
181 var el = document.getElementsByName(editors[key][1])[0];
182 if(_w) _w.close(); // this is really necessary to have window on top in FF2 :/
183 var left = (screen.width - editors[key][2]) / 2;
184 var top = (screen.height - editors[key][3]) / 2;
185 _w = open(editors[key][0]+el.value+'&popup=1',
186 "edit","scrollbars=yes,resizable=0,width="+editors[key][2]+",height="+editors[key][3]+",left="+left+",top="+top+",screenX="+left+",screenY="+top);
187 if (_w.opener == null)
189 editors._call = key; // store call point for passBack
193 function passBack(value) {
196 var back = o.editors[o.editors._call]; // form input bindings
197 var to = o.document.getElementsByName(back[1])[0];
199 if (to[0] != undefined)
200 to[0].value = value; // ugly hack to set selector to any value
202 // update page after item selection
203 o.JsHttpRequest.request('_'+to.name+'_update', to.form);
211 Normalize date format using previous input value to guess missing date elements.
212 Helps fast date input field change with only single or double numbers (for day or day-and-month fragments)
214 function fix_date(date, last)
216 var dat = last.split(user.datesep);
217 var cur = date.split(user.datesep);
218 var day, month, year;
219 var day1, month1, year1;
221 // TODO: user.date as default?
222 // TODO: user.datesys
223 if (date == "" || date == last) // should we return an empty date or should we return last?
225 if (user.datefmt == 0 || user.datefmt == 3) // set defaults
227 day = dat[1]; month = dat[0]; year = dat[2];
228 day1 = cur[1]; month1 = cur[0]; year1 = cur[2];
229 } else if (user.datefmt == 1 || user.datefmt == 4){
230 day = dat[0]; month = dat[1]; year = dat[2];
231 day1 = cur[0]; month1 = cur[1]; year1 = cur[2];
233 day = dat[2]; month = dat[1]; year = dat[0];
234 day1 = cur[2]; month1 = cur[1]; year1 = cur[0];
236 if (day1 != undefined && day1 != "") // day entered
238 if (month1 != undefined && month1 != "") // month entered
240 if (year1 != undefined && year1 != "") // year entered
242 if (user.datefmt<3 && day<10) day = '0'+parseInt(day, 10);
243 if (user.datefmt<3 && month<10) month = '0'+parseInt(month, 10);
244 if (year<100) year = year<60 ? (2000+parseInt(year,10)) : (1900+parseInt(year,10));
246 // console.info(day,month,year)
247 if (user.datefmt == 0 || user.datefmt==3)
248 return month+user.datesep+day+user.datesep+year;
249 if (user.datefmt == 1 || user.datefmt==4)
250 return day+user.datesep+month+user.datesep+year;
251 return year+user.datesep+month+user.datesep+day;
255 Behaviour definitions
258 'input': function(e) {
259 if(e.onfocus==undefined) {
260 e.onfocus = function() {
262 if (this.className == 'combo' || this.className == 'combo3')
266 if (e.className == 'combo' || e.className == 'combo2' || e.className == 'combo3') {
270 if(e.type == 'text' ) {
271 e.onkeydown = function(ev) {
272 ev = ev||window.event;
273 key = ev.keyCode||ev.which;
275 if(e.className == 'searchbox') e.onblur();
282 'input.combo2,input[aspect="fallback"]':
284 // this hides search button for js enabled browsers
285 e.style.display = 'none';
289 // this shows divs for js enabled browsers only
290 e.style.display = 'block';
292 'button': function(e) {
293 e.onclick = function(){
295 setTimeout(function() { var asp = e.getAttribute('aspect');
296 set_mark((asp && (asp.indexOf('process') !== -1)) ? 'progressbar.gif' : 'ajax-loader.gif');
301 e.onkeydown = function(ev) { // block unintentional page escape with 'history back' key pressed on buttons
302 ev = ev||window.event;
303 key = ev.keyCode||ev.which;
304 if(key == 8 || (key==37 && ev.altKey)) {
305 ev.returnValue = false;
311 // '.ajaxsubmit,.editbutton,.navibutton': // much slower on IE7
312 'button.ajaxsubmit,input.ajaxsubmit,input.editbutton,button.editbutton,button.navibutton':
314 e.onclick = function() {
317 var asp = e.getAttribute('aspect')
318 if (asp && (asp.indexOf('process') !== -1))
319 JsHttpRequest.request(this, null, 600000); // ten minutes for backup
321 JsHttpRequest.request(this);
326 '.amount': function(e) {
327 if(e.onblur==undefined) {
328 e.onblur = function() {
329 var dec = this.getAttribute("dec");
330 price_format(this.name, get_amount(this.name), dec);
334 '.searchbox': // emulated onchange event handling for text inputs
336 e.setAttribute('_last_val', e.value);
337 e.setAttribute('autocomplete', 'off'); //must be off when calling onblur
338 e.onblur = function() {
339 var val = this.getAttribute('_last_val');
340 if (val != this.value) {
341 this.setAttribute('_last_val', this.value);
342 JsHttpRequest.request('_'+this.name+'_changed', this.form);
348 e.setAttribute('_last_val', e.value);
349 e.setAttribute('autocomplete', 'off');
350 e.onblur = function() {
351 var val = this.getAttribute('_last_val');
352 if (val != this.value) {
353 this.value = fix_date(this.value, val);
354 this.setAttribute('_last_val', this.value);
355 if (e.className.match(/\bactive\b/))
356 JsHttpRequest.request('_'+this.name+'_changed', this.form);
360 'button[aspect*selector], button[aspect*abort], input[aspect*selector]': function(e) {
361 e.onclick = function() {
362 passBack(this.getAttribute('rel'));
366 'button[aspect=popup]': function(e) {
367 e.onclick = function() {
368 if(_w) _w.close(); // this is really necessary to have window on top in FF2 :/
369 var left = (screen.width - 800)/2;
370 var top = (screen.height - 600)/2;
371 _w = open(document.location+'popup=1',
372 "edit","Scrollbars=0,resizable=0,width=800,height=600, top="+top+",left="+left+",screenX="+left+",screenY="+top);
373 if (_w.opener == null)
375 // editors._call = key; // store call point for passBack
376 // _w.moveTo(50, 50);
381 'select': function(e) {
382 if(e.onfocus==undefined) {
383 e.onfocus = function() {
388 if (c == 'combo' || c == 'combo2' || c == 'combo3')
389 _set_combo_select(e);
391 e.onkeydown = function(ev) { // block unintentional page escape with 'history back' key pressed on buttons
392 ev = ev||window.event;
393 key = ev.keyCode||ev.which;
394 if(key == 8 || (key=37 && ev.altKey)) {
395 ev.returnValue = false;
401 'a.printlink': function(l) {
402 l.onclick = function() {
404 JsHttpRequest.request(this, null, 60000);
408 'a.repopts_link': function(l) {
409 l.onclick = function() {
411 var replinks = document.getElementsBySelector('a.repopts_link');
412 for(var i in replinks)
413 replinks[i].style.fontWeight = replinks[i]==this ? 'bold' : 'normal';
414 JsHttpRequest.request(this, null);
418 'a': function(e) { // traverse menu
419 e.onkeydown = function(ev) {
420 ev = ev||window.event;
421 key = ev.keyCode||ev.which;
422 if(key==37 || key==38 || key==39 || key==40) {
423 move_focus(key, e, document.links);
424 ev.returnValue = false;
428 // prevent unneeded transaction entry abortion
429 if (e.className == 'shortcut'
430 || e.className == 'menu_option'
431 || e.className == 'menu_tab'
432 || e.className == 'selected')
433 e.onclick = function(ev) {
434 if (_validate._processing
435 && _validate._modified
436 && !confirm(_validate._processing)) {
437 ev.returnValue = false;
440 window.location = e.href;
443 'ul.ajaxtabs': function(ul) {
444 var ulist=ul.getElementsByTagName("li");
445 for (var x=0; x<ulist.length; x++){ //loop through each LI e
446 var tab=ulist[x].getElementsByTagName("button")[0];
447 // if(tab.onclick==undefined) {
448 // ? var modifiedurl=ulistlink.getAttribute("href").replace(/^http:\/\/[^\/]+\//i, "http://"+window.location.hostname+"/")
449 var url = tab.form.action
450 tab.onclick=function(){
457 'textarea': function(e) {
458 if(e.onfocus==undefined) {
459 e.onfocus = function() {
464 /* 'tr.editrow': function(e) {
465 e.onkeydown = function(ev) {
466 ev = ev||window.event;
467 key = ev.keyCode||ev.which;
469 // Find & click additem/update button
471 } else if(key == 27) {
477 *//* '#msgbox': function(e) {
478 // this is to avoid changing div height after ajax update in IE7
479 e.style.display = e.innerHTML.length ? 'block' : 'none';
482 'a.date_picker': function(e) {
483 // this un-hides data picker for js enabled browsers
484 e.href = date_picker(this.getAttribute('rel'));
485 e.style.display = '';
486 e.tabindex = -1; // skip in tabbing order
491 function stopEv(ev) {
492 if(ev.preventDefault) {
494 ev.stopPropagation();
496 ev.returnValue = false;
497 ev.cancelBubble = true;
503 Modified accesskey system. While Alt key is pressed letter keys moves
504 focus to next marked link. Alt key release activates focused link.
506 function setHotKeys() {
507 document.onkeydown = function(ev) {
508 ev = ev||window.event;
509 key = ev.keyCode||ev.which;
510 if (key == 18 && !ev.ctrlKey) { // start selection, skip Win AltGr
515 else if (ev.altKey && !ev.ctrlKey && ((key>47 && key<58) || (key>64 && key<91))) {
516 key = String.fromCharCode(key);
517 var n = _hotkeys.focus;
518 var l = document.getElementsBySelector('[accesskey='+key+']');
521 for (var i=0; i<cnt; i++) {
523 // check also if the link is visible
524 if (l[n].accessKey==key && l[n].scrollWidth) {
526 // The timeout is needed to prevent unpredictable behaviour on IE.
527 var tmp = function() {l[_hotkeys.focus].focus();};
534 if((ev.ctrlKey && key == 13) || key == 27) {
535 _hotkeys.alt = false; // cancel link selection
537 ev.cancelBubble = true;
538 if(ev.stopPropagation) ev.stopPropagation();
539 // activate submit/escape form
540 for(var j=0; j<this.forms.length; j++) {
541 var form = this.forms[j];
542 for (var i=0; i<form.elements.length; i++){
543 var el = form.elements[i];
544 var asp = el.getAttribute('aspect');
546 if (el.className!='editbutton' && (asp && asp.indexOf('selector') !== -1) && (key==13 || key==27)) {
547 passBack(key==13 ? el.getAttribute('rel') : false);
548 ev.returnValue = false;
551 if (((asp && asp.indexOf('default') !== -1) && key==13)||((asp && asp.indexOf('cancel') !== -1) && key==27)) {
553 if (asp.indexOf('nonajax') !== -1)
556 if (asp.indexOf('process') !== -1)
557 JsHttpRequest.request(el, null, 600000);
559 JsHttpRequest.request(el);
561 ev.returnValue = false;
566 ev.returnValue = false;
569 if (editors!=='undefined' && editors[key]) {
571 return stopEv(ev); // prevent default binding
575 document.onkeyup = function(ev) {
576 ev = ev||window.event;
577 key = ev.keyCode||ev.which;
579 if (_hotkeys.alt==true) {
581 _hotkeys.alt = false;
582 if (_hotkeys.focus >= 0) {
583 var link = _hotkeys.list[_hotkeys.focus];
587 if (link.target=='_blank') {
588 window.open(link.href,'','toolbar=no,scrollbar=no,resizable=yes,menubar=no,width=900,height=500');
589 openWindow(link.href,'_blank');
591 window.location = link.href;
600 Behaviour.register(inserts);
602 Behaviour.addLoadEvent(setFocus);
603 Behaviour.addLoadEvent(setHotKeys);