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 set_fullmode() {
33 document.getElementById('ui_mode').value = 1;
34 document.loginform.submit();
38 function save_focus(e) {
39 _focus = e.name||e.id;
40 var h = document.getElementById('hints');
42 h.style.display = e.title && e.title.length ? 'inline' : 'none';
43 h.innerHTML = e.title ? e.title : '';
47 function _expand(tabobj) {
49 var ul = tabobj.parentNode.parentNode;
50 var alltabs=ul.getElementsByTagName("button");
51 var frm = tabobj.form;
53 if (ul.getAttribute("rel")){
54 for (var i=0; i<alltabs.length; i++){
55 alltabs[i].className = "ajaxbutton" //deselect all tabs // Review CP 2014-11 This will remove all other classes from the element.
57 tabobj.className = "current";
58 JsHttpRequest.request(tabobj)
62 //interface for selecting a tab (plus expand corresponding content)
63 function expandtab(tabcontentid, tabnumber) {
64 var tabs = document.getElementById(tabcontentid);
65 _expand(tabs.getElementsByTagName("input")[tabnumber]);
68 function _set_combo_input(e) {
69 e.setAttribute('_last', e.value);
71 var but_name = this.name.substring(0, this.name.length-4)+'button';
72 var button = document.getElementsByName(but_name)[0];
73 var select = document.getElementsByName(this.getAttribute('rel'))[0];
75 // submit request if there is submit_on_change option set and
76 // search field has changed.
78 if (button && (this.value != this.getAttribute('_last'))) {
79 JsHttpRequest.request(button);
80 } else if(string_contains(this.className, 'combo2')) {
81 this.style.display = 'none';
82 select.style.display = 'inline';
87 e.onkeyup = function(ev) {
88 var select = document.getElementsByName(this.getAttribute('rel'))[0];
89 if(select && select.selectedIndex>=0) {
90 var len = select.length;
91 var byid = string_contains(this.className, 'combo') || string_contains(this.className, 'combo3');
92 var ac = this.value.toUpperCase();
93 select.options[select.selectedIndex].selected = false;
94 for (i = 0; i < len; i++) {
95 var txt = byid ? select.options[i].value : select.options[i].text;
96 if (string_contains(this.className, 'combo3')) {
97 if(txt.toUpperCase().indexOf(ac) == 0) {
98 select.options[i].selected = true;
102 if(txt.toUpperCase().indexOf(ac) >= 0) {
103 select.options[i].selected = true;
110 e.onkeydown = function(ev) {
111 ev = ev||window.event;
112 key = ev.keyCode||ev.which;
120 function _update_box(s) {
121 var byid = string_contains(s.className, 'combo') || string_contains(s.className, 'combo3');
122 var rel = s.getAttribute('rel');
123 var box = document.getElementsByName(rel)[0];
124 if(box && s.selectedIndex>=0) {
125 var opt = s.options[s.selectedIndex];
128 box.value = byid ? opt.value : opt.text;
129 box.setAttribute('_last', box.value);
130 return old != box.value
135 function _set_combo_select(e) {
136 // When combo position is changed via js (eg from searchbox)
137 // no onchange event is generated. To ensure proper change
138 // signaling we must track selectedIndex in onblur handler.
139 e.setAttribute('_last', e.selectedIndex);
140 e.onblur = function() {
141 var box = document.getElementsByName(this.getAttribute('rel'))[0];
142 if ((this.selectedIndex != this.getAttribute('_last'))
143 ||((string_contains(this.className, 'combo') || string_contains(this.className, 'combo3')) && _update_box(this))
147 e.onchange = function() {
149 this.setAttribute('_last', this.selectedIndex);
150 if(string_contains(s.className, 'combo') || string_contains(this.className, 'combo3'))
152 if(s.selectedIndex>=0) {
153 var sname = '_'+s.name+'_update';
154 var update = document.getElementsByName(sname)[0];
156 JsHttpRequest.request(update);
161 e.onkeydown = function(event) {
162 event = event||window.event;
163 key = event.keyCode||event.which;
164 var box = document.getElementsByName(this.getAttribute('rel'))[0];
165 if(key == 8 || (key==37 && event.altKey)) {
166 event.returnValue = false;
169 if (box && (key == 32) && (string_contains(this.className, 'combo2'))) {
170 this.style.display = 'none';
171 box.style.display = 'inline';
176 if (key == 13 && !e.length) // prevent chrome issue (blocked cursor after CR on empty selector)
184 function callEditor(key) {
185 var el = document.getElementsByName(editors[key][1])[0];
186 if(_w) _w.close(); // this is really necessary to have window on top in FF2 :/
187 var left = (screen.width - editors[key][2]) / 2;
188 var top = (screen.height - editors[key][3]) / 2;
189 _w = open(editors[key][0]+el.value+'&popup=1',
190 "edit","scrollbars=yes,resizable=0,width="+editors[key][2]+",height="+editors[key][3]+",left="+left+",top="+top+",screenX="+left+",screenY="+top);
191 if (_w.opener == null)
193 editors._call = key; // store call point for passBack
197 function passBack(value) {
200 var back = o.editors[o.editors._call]; // form input bindings
201 var to = o.document.getElementsByName(back[1])[0];
203 if (to[0] != undefined)
204 to[0].value = value; // ugly hack to set selector to any value
206 // update page after item selection
207 o.JsHttpRequest.request('_'+to.name+'_update', to.form);
215 Normalize date format using previous input value to guess missing date elements.
216 Helps fast date input field change with only single or double numbers (for day or day-and-month fragments)
218 function fix_date(date, last)
220 var dat = last.split(user.datesep);
221 var cur = date.split(user.datesep);
222 var day, month, year;
224 // TODO: user.date as default?
225 // TODO: user.datesys
226 if (date == "" || date == last) // should we return an empty date or should we return last?
228 if (user.datefmt == 0 || user.datefmt == 3) // set defaults
230 day = dat[1]; month = dat[0]; year = dat[2];
231 } else if (user.datefmt == 1 || user.datefmt == 4){
232 day = dat[0]; month = dat[1]; year = dat[2];
234 day = dat[2]; month = dat[1]; year = dat[0];
236 if (cur[1] != undefined && cur[1] != "") // day or month entered, could be string 3
238 if (user.datefmt == 0 || user.datefmt == 3 || ((user.datefmt == 2 || user.datefmt == 5) && (cur[2] == undefined || cur[2] == "")))
243 if (cur[0] != undefined && cur[0] != "") // day or month entered. could be string 3
245 if (cur[1] == undefined || cur[1] == "")
247 else if (user.datefmt == 0 || user.datefmt == 3 || ((user.datefmt == 2 || user.datefmt == 5) && (cur[2] == undefined || cur[2] == "")))
249 else if (user.datefmt == 2 || user.datefmt == 5)
254 if (cur[2] != undefined && cur[2] != "") // year,
256 if (user.datefmt == 2 || user.datefmt == 5)
261 if (user.datefmt<3) {
262 if (day<10) day = '0'+parseInt(day, 10);
263 if (month<10) month = '0'+parseInt(month, 10);
265 if (year<100) year = year<60 ? (2000+parseInt(year,10)) : (1900+parseInt(year,10));
267 // console.info(day,month,year)
268 if (user.datefmt == 0 || user.datefmt==3)
269 return month+user.datesep+day+user.datesep+year;
270 if (user.datefmt == 1 || user.datefmt==4)
271 return day+user.datesep+month+user.datesep+year;
272 return year+user.datesep+month+user.datesep+day;
276 Behaviour definitions
279 'input': function(e) {
280 if(e.onfocus==undefined) {
281 e.onfocus = function() {
283 if (string_contains(this.className, 'combo') || string_contains(this.className, 'combo3'))
287 if (string_contains(e.className, 'combo') || string_contains(e.className, 'combo2') || string_contains(e.className, 'combo3')) {
291 if(e.type == 'text' ) {
292 e.onkeydown = function(ev) {
293 ev = ev||window.event;
294 key = ev.keyCode||ev.which;
296 if(e.className == 'searchbox') e.onblur();
303 'input.combo2,input[aspect="fallback"]':
305 // this hides search button for js enabled browsers
306 e.style.display = 'none';
310 // this shows divs for js enabled browsers only
311 e.style.display = 'block';
313 'button': function(e) {
314 e.onclick = function(){
316 setTimeout(function() { var asp = e.getAttribute('aspect');
317 if (asp && asp.indexOf('download') === -1)
318 set_mark((asp && ((asp.indexOf('process') !== -1) || (asp.indexOf('nonajax') !== -1))) ? 'progressbar.gif' : 'ajax-loader.gif');
324 e.onkeydown = function(ev) { // block unintentional page escape with 'history back' key pressed on buttons
325 ev = ev||window.event;
326 key = ev.keyCode||ev.which;
327 if(key == 8 || (key==37 && ev.altKey)) {
328 ev.returnValue = false;
334 // '.ajaxsubmit,.editbutton,.navibutton': // much slower on IE7
335 'button.ajaxsubmit,input.ajaxsubmit,input.editbutton,button.editbutton,button.navibutton':
337 e.onclick = function() {
340 var asp = e.getAttribute('aspect')
341 if (asp && (asp.indexOf('process') !== -1))
342 JsHttpRequest.request(this, null, 600000); // ten minutes for backup
344 JsHttpRequest.request(this);
349 '.amount': function(e) {
350 if (e.onblur == undefined) {
351 e.setAttribute('_last_val', e.value);
352 e.onblur = function() {
353 var dec = this.getAttribute("dec");
354 var val = this.getAttribute('_last_val');
355 if (val != get_amount(this.name)) {
356 this.setAttribute('_last_val', get_amount(this.name));
357 price_format(this.name, get_amount(this.name), dec);
358 if (e.className.match(/\bactive\b/))
359 JsHttpRequest.request('_'+this.name+'_changed', this.form);
364 '.searchbox': // emulated onchange event handling for text inputs
366 e.setAttribute('_last_val', e.value);
367 e.setAttribute('autocomplete', 'off'); //must be off when calling onblur
368 e.onblur = function() {
369 var val = this.getAttribute('_last_val');
370 if (val != this.value) {
371 this.setAttribute('_last_val', this.value);
372 JsHttpRequest.request('_'+this.name+'_changed', this.form);
378 e.setAttribute('_last_val', e.value);
379 e.setAttribute('autocomplete', 'off');
380 e.onblur = function() {
381 var val = this.getAttribute('_last_val');
382 if (val != this.value) {
383 this.value = fix_date(this.value, val);
384 this.setAttribute('_last_val', this.value);
385 if (e.className.match(/\bactive\b/))
386 JsHttpRequest.request('_'+this.name+'_changed', this.form);
390 'button[aspect*selector], button[aspect*abort], input[aspect*selector]': function(e) {
391 e.onclick = function() {
392 passBack(this.getAttribute('rel'));
396 'button[aspect=popup]': function(e) {
397 e.onclick = function() {
398 if(_w) _w.close(); // this is really necessary to have window on top in FF2 :/
399 var left = (screen.width - 800)/2;
400 var top = (screen.height - 600)/2;
401 _w = open(document.location+'popup=1',
402 "edit","Scrollbars=0,resizable=0,width=800,height=600, top="+top+",left="+left+",screenX="+left+",screenY="+top);
403 if (_w.opener == null)
405 // editors._call = key; // store call point for passBack
406 // _w.moveTo(50, 50);
411 'select': function(e) {
412 if(e.onfocus==undefined) {
413 e.onfocus = function() {
418 if (string_contains(c, 'combo') || string_contains(c, 'combo2') || string_contains(c, 'combo3'))
419 _set_combo_select(e);
421 e.onkeydown = function(ev) { // block unintentional page escape with 'history back' key pressed on buttons
422 ev = ev||window.event;
423 key = ev.keyCode||ev.which;
424 if(key == 8 || (key=37 && ev.altKey)) {
425 ev.returnValue = false;
431 'a.printlink': function(l) {
432 l.onclick = function() {
434 JsHttpRequest.request(this, null, 60000);
438 'a.repopts_link': function(l) {
439 l.onclick = function() {
441 var replinks = document.getElementsBySelector('a.repopts_link');
442 for(var i in replinks)
443 replinks[i].style.fontWeight = replinks[i]==this ? 'bold' : 'normal';
444 JsHttpRequest.request(this, null);
448 'a': function(e) { // traverse menu
449 e.onkeydown = function(ev) {
450 ev = ev||window.event;
451 key = ev.keyCode||ev.which;
452 if(key==37 || key==38 || key==39 || key==40) {
453 move_focus(key, e, document.links);
454 ev.returnValue = false;
458 // prevent unneeded transaction entry abortion
459 if (e.className == 'shortcut'
460 || e.className == 'menu_option'
461 || e.className == 'menu_tab'
462 || e.className == 'selected')
463 e.onclick = function(ev) {
464 if (_validate._processing
465 && _validate._modified
466 && !confirm(_validate._processing)) {
467 ev.returnValue = false;
470 if (_hotkeys.alt) // ommit Chrome accesskeys
472 window.location = e.href;
475 'ul.ajaxtabs': function(ul) {
476 var ulist=ul.getElementsByTagName("li");
477 for (var x=0; x<ulist.length; x++){ //loop through each LI e
478 var tab=ulist[x].getElementsByTagName("button")[0];
479 var url = tab.form.action
480 tab.onclick=function(){
481 if (!_hotkeys.alt && !this.disabled)
488 'textarea': function(e) {
489 if(e.onfocus==undefined) {
490 e.onfocus = function() {
496 'a.date_picker': function(e) {
497 // this un-hides data picker for js enabled browsers
498 e.href = date_picker(this.getAttribute('rel'));
499 e.style.display = '';
500 e.tabindex = -1; // skip in tabbing order
505 function stopEv(ev) {
506 if(ev.preventDefault) {
508 ev.stopPropagation();
510 ev.returnValue = false;
511 ev.cancelBubble = true;
517 Modified accesskey system. While Alt key is pressed letter keys moves
518 focus to next marked link. Alt key release activates focused link.
520 function setHotKeys() {
521 document.onkeydown = function(ev) {
522 ev = ev||window.event;
523 key = ev.keyCode||ev.which;
524 if (key == 18 && !ev.ctrlKey) { // start selection, skip Win AltGr
529 else if (ev.altKey && !ev.ctrlKey && ((key>47 && key<58) || (key>64 && key<91))) {
530 key = String.fromCharCode(key);
531 var n = _hotkeys.focus;
532 var l = document.getElementsBySelector('[accesskey='+key+']');
535 for (var i=0; i<cnt; i++) {
537 // check also if the link is visible
538 if (l[n].accessKey==key && (l[n].offsetWidth || l[n].offsetHeight)) {
540 // The timeout is needed to prevent unpredictable behaviour on IE.
541 var tmp = function() {l[_hotkeys.focus].focus();};
548 if((ev.ctrlKey && key == 13) || key == 27) {
549 _hotkeys.alt = false; // cancel link selection
551 ev.cancelBubble = true;
552 if(ev.stopPropagation) ev.stopPropagation();
553 // activate submit/escape form
554 for(var j=0; j<this.forms.length; j++) {
555 var form = this.forms[j];
556 for (var i=0; i<form.elements.length; i++){
557 var el = form.elements[i];
558 var asp = el.getAttribute('aspect');
560 if (!string_contains(el.className, 'editbutton') && (asp && asp.indexOf('selector') !== -1) && (key==13 || key==27)) {
561 passBack(key==13 ? el.getAttribute('rel') : false);
562 ev.returnValue = false;
565 if (((asp && asp.indexOf('default') !== -1) && key==13)||((asp && asp.indexOf('cancel') !== -1) && key==27)) {
567 if (asp.indexOf('nonajax') !== -1)
570 if (asp.indexOf('process') !== -1)
571 JsHttpRequest.request(el, null, 600000);
573 JsHttpRequest.request(el);
575 ev.returnValue = false;
580 ev.returnValue = false;
583 if (editors!=='undefined' && editors[key]) {
585 return stopEv(ev); // prevent default binding
589 document.onkeyup = function(ev) {
590 ev = ev||window.event;
591 key = ev.keyCode||ev.which;
593 if (_hotkeys.alt==true) {
595 _hotkeys.alt = false;
596 if (_hotkeys.focus >= 0) {
597 var link = _hotkeys.list[_hotkeys.focus];
601 if (link.target=='_blank') {
602 window.open(link.href,'','toolbar=no,scrollbar=no,resizable=yes,menubar=no,width=900,height=500');
603 openWindow(link.href,'_blank');
605 window.location = link.href;
614 Behaviour.register(inserts);
616 Behaviour.addLoadEvent(setFocus);
617 Behaviour.addLoadEvent(setHotKeys);