X-Git-Url: https://delta.frontaccounting.com/gitweb/?a=blobdiff_plain;f=js%2Finserts.js;h=ccc8024c2d2ca1158dfdfb620c9bb02b18c7ae63;hb=67100a2b9c55e5ed9126bbf28aafb54d829066df;hp=9d00636dff27cba9b04be6c8d5f6f92763a7ce97;hpb=0c93df8a4c96255d8dd2bcc3f8c36a7b93fcaecd;p=fa-stable.git diff --git a/js/inserts.js b/js/inserts.js index 9d00636d..ccc8024c 100644 --- a/js/inserts.js +++ b/js/inserts.js @@ -1,114 +1,608 @@ +/********************************************************************** + 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 . +***********************************************************************/ +var _focus; +var _hotkeys = { + 'alt': false, // whether is the Alt key pressed + 'list': false, // list of all elements with hotkey used recently + 'focus': -1 // currently selected list element +}; + +function validate(e) { + if (e.name && (typeof _validate[e.name] == 'function')) + return _validate[e.name](e); + else { + var n = e.name.indexOf('['); + if(n!=-1) { + var key = e.name.substring(n+1, e.name.length-1); + if (key.length>1 && _validate[e.name.substring(0,n)]) + return _validate[e.name.substring(0,n)][key](e); + } + } + return true; +} + +function set_fullmode() { + document.getElementById('ui_mode').value = 1; + document.loginform.submit(); + return true; +} + +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) { + + var ul = tabobj.parentNode.parentNode; + var alltabs=ul.getElementsByTagName("button"); + var frm = tabobj.form; + + if (ul.getAttribute("rel")){ + for (var i=0; i=0) { + var len = select.length; + var byid = string_contains(this.className, 'combo') || string_contains(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 (string_contains(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; + } + } + } + } + }; + e.onkeydown = function(ev) { + ev = ev||window.event; + key = ev.keyCode||ev.which; + if(key == 13) { + this.blur(); + return false; + } + } +} + +function _update_box(s) { + var byid = string_contains(s.className, 'combo') || string_contains(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 + } + } +} + +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() { + var box = document.getElementsByName(this.getAttribute('rel'))[0]; + if ((this.selectedIndex != this.getAttribute('_last')) + ||((string_contains(this.className, 'combo') || string_contains(this.className, 'combo3')) && _update_box(this)) + ) + this.onchange(); + } + e.onchange = function() { + var s = this; + this.setAttribute('_last', this.selectedIndex); + if(string_contains(s.className, 'combo') || string_contains(this.className, 'combo3')) + _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(key == 8 || (key==37 && event.altKey)) { + event.returnValue = false; + return false; + } + if (box && (key == 32) && (string_contains(this.className, 'combo2'))) { + this.style.display = 'none'; + box.style.display = 'inline'; + box.value=''; + setFocus(box); + return false; + } else { + if (key == 13 && !e.length) // prevent chrome issue (blocked cursor after CR on empty selector) + return false; + } + } +} + +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 :/ + var left = (screen.width - editors[key][2]) / 2; + var top = (screen.height - editors[key][3]) / 2; + _w = open(editors[key][0]+el.value+'&popup=1', + "edit","scrollbars=yes,resizable=0,width="+editors[key][2]+",height="+editors[key][3]+",left="+left+",top="+top+",screenX="+left+",screenY="+top); + 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(); +} + +/* + Normalize date format using previous input value to guess missing date elements. + Helps fast date input field change with only single or double numbers (for day or day-and-month fragments) +*/ +function fix_date(date, last) +{ + var dat = last.split(user.datesep); + var cur = date.split(user.datesep); + var day, month, year; + +// TODO: user.date as default? +// TODO: user.datesys + if (date == "" || date == last) // should we return an empty date or should we return last? + return date; + if (user.datefmt == 0 || user.datefmt == 3) // set defaults + { + day = dat[1]; month = dat[0]; year = dat[2]; + } else if (user.datefmt == 1 || user.datefmt == 4){ + day = dat[0]; month = dat[1]; year = dat[2]; + } else { + day = dat[2]; month = dat[1]; year = dat[0]; + } + if (cur[1] != undefined && cur[1] != "") // day or month entered, could be string 3 + { + if (user.datefmt == 0 || user.datefmt == 3 || ((user.datefmt == 2 || user.datefmt == 5) && (cur[2] == undefined || cur[2] == ""))) + day = cur[1]; + else + month = cur[1]; + } + if (cur[0] != undefined && cur[0] != "") // day or month entered. could be string 3 + { + if (cur[1] == undefined || cur[1] == "") + day = cur[0]; + else if (user.datefmt == 0 || user.datefmt == 3 || ((user.datefmt == 2 || user.datefmt == 5) && (cur[2] == undefined || cur[2] == ""))) + month = cur[0]; + else if (user.datefmt == 2 || user.datefmt == 5) + year = cur[0]; + else + day = cur[0]; + } + if (cur[2] != undefined && cur[2] != "") // year, + { + if (user.datefmt == 2 || user.datefmt == 5) + day = cur[2]; + else + year = cur[2]; + } + if (user.datefmt<3) { + if (day<10) day = '0'+parseInt(day, 10); + if (month<10) month = '0'+parseInt(month, 10); + } + if (year<100) year = year<60 ? (2000+parseInt(year,10)) : (1900+parseInt(year,10)); + +// console.info(day,month,year) + if (user.datefmt == 0 || user.datefmt==3) + return month+user.datesep+day+user.datesep+year; + if (user.datefmt == 1 || user.datefmt==4) + return day+user.datesep+month+user.datesep+year; + return year+user.datesep+month+user.datesep+day; +} + /* 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 (string_contains(this.className, 'combo') || string_contains(this.className, 'combo3')) + this.select(); + }; + } + if (string_contains(e.className, 'combo') || string_contains(e.className, 'combo2') || string_contains(e.className, 'combo3')) { + _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'; + }, + 'button': function(e) { + e.onclick = function(){ + if (validate(e)) { + setTimeout(function() { var asp = e.getAttribute('aspect'); + set_mark((asp && ((asp.indexOf('process') !== -1) || (asp.indexOf('nonajax') !== -1))) ? 'progressbar.gif' : 'ajax-loader.gif'); + }, 100); + return true; + } + }, + e.onkeydown = function(ev) { // block unintentional page escape with 'history back' key pressed on buttons + ev = ev||window.event; + key = ev.keyCode||ev.which; + if(key == 8 || (key==37 && ev.altKey)) { + ev.returnValue = false; + return false; + } + } + + }, +// '.ajaxsubmit,.editbutton,.navibutton': // much slower on IE7 + 'button.ajaxsubmit,input.ajaxsubmit,input.editbutton,button.editbutton,button.navibutton': + function(e) { + e.onclick = function() { + if (validate(e)) { + save_focus(e); + var asp = e.getAttribute('aspect') + if (asp && (asp.indexOf('process') !== -1)) + JsHttpRequest.request(this, null, 600000); // ten minutes for backup + else + JsHttpRequest.request(this); + } + 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) { - 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; - } - } - } + '.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); + } } - element.onblur = function(event) { - if(this.init_size<=1) - this.size = 1; + }, + '.date': + function(e) { + e.setAttribute('_last_val', e.value); + e.setAttribute('autocomplete', 'off'); + e.onblur = function() { + var val = this.getAttribute('_last_val'); + if (val != this.value) { + this.value = fix_date(this.value, val); + this.setAttribute('_last_val', this.value); + if (e.className.match(/\bactive\b/)) + JsHttpRequest.request('_'+this.name+'_changed', this.form); + } } + }, + '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) { + e.onclick = function() { + if(_w) _w.close(); // this is really necessary to have window on top in FF2 :/ + var left = (screen.width - 800)/2; + var top = (screen.height - 600)/2; + _w = open(document.location+'popup=1', + "edit","Scrollbars=0,resizable=0,width=800,height=600, top="+top+",left="+left+",screenX="+left+",screenY="+top); + if (_w.opener == null) + _w.opener = self; + // editors._call = key; // store call point for passBack +// _w.moveTo(50, 50); + _w.focus(); + 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 = e.className; + if (string_contains(c, 'combo') || string_contains(c, 'combo2') || string_contains(c, 'combo3')) + _set_combo_select(e); + else { + e.onkeydown = function(ev) { // block unintentional page escape with 'history back' key pressed on buttons + ev = ev||window.event; + key = ev.keyCode||ev.which; + if(key == 8 || (key=37 && ev.altKey)) { + ev.returnValue = false; + return false; + } + } + } }, - // combo: text input and related selector - 'input.combo': function(element) { - if(element.onkeydown==undefined) { - element.onkeydown=function(event) { - if (event.keyCode==13) event.keyCode=9; - }; - element.onkeyup = function() { - var select = document.getElementsByName(this.getAttribute('rel'))[0]; - var len = select.length; - var ac = this.value; - var txt; - select.options[select.selectedIndex].selected = false; - for (i = 0; i < len; i++) { -// txt = select.options[i].text; - txt = select.options[i].value; - if (txt.indexOf(ac) >= 0) { - select.options[i].selected = true; - break; - } + 'a.printlink': function(l) { + l.onclick = function() { + save_focus(this); + JsHttpRequest.request(this, null, 60000); + return false; + } + }, + 'a.repopts_link': function(l) { + l.onclick = function() { + save_focus(this); + var replinks = document.getElementsBySelector('a.repopts_link'); + for(var i in replinks) + replinks[i].style.fontWeight = replinks[i]==this ? 'bold' : 'normal'; + JsHttpRequest.request(this, null); + 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; } - }; - element.onblur = function() { - var button = document.getElementsByName(this.name+'_button')[0]; - var select = document.getElementsByName(this.getAttribute('rel'))[0]; -// var val = select.options[select.selectedIndex].text; - var val = select.options[select.selectedIndex].value; TODO - if (this.value != "") - this.value = val; - return true; - }; } + // prevent unneeded transaction entry abortion + if (e.className == 'shortcut' + || e.className == 'menu_option' + || e.className == 'menu_tab' + || e.className == 'selected') + e.onclick = function(ev) { + if (_validate._processing + && _validate._modified + && !confirm(_validate._processing)) { + ev.returnValue = false; + return false; + } + if (_hotkeys.alt) // ommit Chrome accesskeys + return false; + window.location = e.href; + } }, - 'select.combo': function(element) { - element.onblur = function() { - var box = document.getElementsByName(this.getAttribute('rel'))[0]; - val = this.options[this.selectedIndex].value; - box.value = val; - this.size = 1; - return true; - } + 'ul.ajaxtabs': function(ul) { + var ulist=ul.getElementsByTagName("li"); + for (var x=0; x47 && key<58) || (key>64 && key<91))) { + key = String.fromCharCode(key); + var n = _hotkeys.focus; + var l = document.getElementsBySelector('[accesskey='+key+']'); + var cnt = l.length; + _hotkeys.list = l; + for (var i=0; i= 0) { + 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); +Behaviour.addLoadEvent(setHotKeys);