2008-02-05 17:11:21 +01:00
|
|
|
var LSform = new Class({
|
|
|
|
initialize: function(){
|
2008-07-15 18:24:35 +02:00
|
|
|
this._modules=[];
|
2008-10-15 19:40:04 +02:00
|
|
|
this._elements=[];
|
|
|
|
|
2008-11-03 20:25:22 +01:00
|
|
|
if ($type($('LSform_idform'))) {
|
|
|
|
this.objecttype = $('LSform_objecttype').value;
|
|
|
|
this.objectdn = $('LSform_objectdn').value;
|
|
|
|
this.idform = $('LSform_idform').value;
|
|
|
|
}
|
2008-10-15 19:40:04 +02:00
|
|
|
|
|
|
|
this.initializeLSform();
|
2008-11-03 20:25:22 +01:00
|
|
|
this.initializeLSformLayout();
|
2008-07-15 18:24:35 +02:00
|
|
|
},
|
|
|
|
|
2008-10-15 19:40:04 +02:00
|
|
|
initializeLSform: function(el) {
|
2009-02-12 11:04:50 +01:00
|
|
|
this.params={};
|
2008-11-03 20:25:22 +01:00
|
|
|
if (this.idform) {
|
|
|
|
if (typeof(el) == 'undefined') {
|
|
|
|
el = document;
|
|
|
|
}
|
|
|
|
el.getElements('ul.LSform').each(function(ul) {
|
|
|
|
this._elements[ul.id] = new LSformElement(this,ul.id,ul);
|
|
|
|
}, this);
|
2009-02-12 11:04:50 +01:00
|
|
|
this.params=varLSdefault.LSjsConfig['LSform_'+this.idform];
|
|
|
|
if (!$type(this.params)) {
|
|
|
|
this.params={};
|
|
|
|
}
|
|
|
|
this._ajaxSubmit=this.params.ajaxSubmit;
|
2010-11-17 15:52:37 +01:00
|
|
|
|
|
|
|
this.warnBox = new LSinfosBox({
|
|
|
|
name: 'LSformWarnBox',
|
|
|
|
fxDuration: 600,
|
|
|
|
closeBtn: 1,
|
|
|
|
autoClose: 0
|
|
|
|
});
|
|
|
|
|
2010-11-17 15:15:56 +01:00
|
|
|
if ($type(this.params.warnings)) {
|
|
|
|
this.warnTxt = '<ul>';
|
|
|
|
this.params.warnings.each(function(w) {
|
|
|
|
this.warnTxt +='<li>'+w+'</li>';
|
|
|
|
},this);
|
|
|
|
this.warnTxt += '</ul>';
|
|
|
|
this.warnBox.display(this.warnTxt);
|
|
|
|
}
|
2009-02-12 11:04:50 +01:00
|
|
|
LSdebug(this.params);
|
2010-11-17 19:00:09 +01:00
|
|
|
|
|
|
|
this.listAvailableDataEntryForm=$('LSform_listAvailableDataEntryForm');
|
|
|
|
if ($type(this.listAvailableDataEntryForm)) {
|
|
|
|
this.listAvailableDataEntryForm.addEvent('change',this.onListAvailableDataEntryFormChange.bind(this));
|
|
|
|
}
|
2008-11-03 20:25:22 +01:00
|
|
|
}
|
2008-11-10 00:24:46 +01:00
|
|
|
|
|
|
|
LSforms = $$('form.LSform');
|
|
|
|
if ($type(LSforms[0])) {
|
|
|
|
this.LSform = LSforms[0];
|
|
|
|
this.LSform.addEvent('submit',this.ajaxSubmit.bindWithEvent(this));
|
|
|
|
}
|
2008-11-03 20:25:22 +01:00
|
|
|
},
|
|
|
|
|
|
|
|
initializeLSformLayout: function(el) {
|
|
|
|
$$('.LSform_layout').each(function(el) {
|
|
|
|
el.addClass('LSform_layout_active');
|
|
|
|
},this);
|
|
|
|
|
|
|
|
var LIs = $$('li.LSform_layout');
|
|
|
|
LIs.each(function(li) {
|
2009-02-12 11:04:50 +01:00
|
|
|
var Layout = this.getLayout(li);
|
|
|
|
if ($type(Layout)) {
|
|
|
|
if ($type(Layout.getElement('dt.LSform-errors'))) {
|
|
|
|
LSdebug('add');
|
|
|
|
li.addClass('LSform_layout_errors');
|
|
|
|
}
|
|
|
|
else {
|
|
|
|
if (!$type(Layout.getElement('dt'))) {
|
|
|
|
li.setStyle('display','none');
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2008-11-03 20:25:22 +01:00
|
|
|
li.getFirst('a').addEvent('click',this.onTabBtnClick.bindWithEvent(this,li));
|
|
|
|
},this);
|
|
|
|
|
|
|
|
if (LIs.length != 0) {
|
|
|
|
this._currentTab = 'default_value';
|
|
|
|
document.getElement('li.LSform_layout').getFirst('a').fireEvent('click');
|
|
|
|
}
|
|
|
|
},
|
2008-11-10 03:03:44 +01:00
|
|
|
|
|
|
|
getLayoutBtn: function(div) {
|
|
|
|
var getName = new RegExp('LSform_layout_div_(.*)');
|
|
|
|
var name = getName.exec(div.id);
|
|
|
|
if (!name) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
return $('LSform_layout_btn_'+name[1]);
|
|
|
|
},
|
|
|
|
|
|
|
|
getLayout: function(btn) {
|
|
|
|
var getName = new RegExp('LSform_layout_btn_(.*)');
|
|
|
|
var name = getName.exec(btn.id);
|
|
|
|
if (!name) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
return $('LSform_layout_div_'+name[1]);
|
|
|
|
},
|
2008-11-03 20:25:22 +01:00
|
|
|
|
|
|
|
onTabBtnClick: function(event,li) {
|
|
|
|
if ($type(event)) {
|
2008-11-04 14:30:17 +01:00
|
|
|
event = new Event(event);
|
|
|
|
event.stop();
|
2008-11-13 20:05:06 +01:00
|
|
|
if ($type(event.target.blur)) {
|
|
|
|
event.target.blur();
|
|
|
|
}
|
2008-11-03 20:25:22 +01:00
|
|
|
}
|
|
|
|
|
2008-11-10 03:03:44 +01:00
|
|
|
if (this._currentTab!=li) {
|
|
|
|
if (this._currentTab!='default_value') {
|
|
|
|
this._currentTab.removeClass('LSform_layout_current');
|
|
|
|
var oldDiv = this.getLayout(this._currentTab);
|
|
|
|
if ($type(oldDiv)) {
|
|
|
|
oldDiv.removeClass('LSform_layout_current');
|
|
|
|
}
|
2008-11-03 20:25:22 +01:00
|
|
|
}
|
2008-11-04 14:30:17 +01:00
|
|
|
|
2008-11-10 03:03:44 +01:00
|
|
|
this._currentTab = li;
|
|
|
|
li.addClass('LSform_layout_current');
|
|
|
|
var div = this.getLayout(li);
|
|
|
|
if ($type(div)) {
|
|
|
|
div.addClass('LSform_layout_current');
|
|
|
|
|
|
|
|
// Focus
|
|
|
|
var ul = div.getElement('ul.LSform');
|
|
|
|
if ($type(ul)) {
|
|
|
|
var el = ul.getElement('input');
|
|
|
|
if (!$type(el)) {
|
|
|
|
el = ul.getElement('textarea');
|
|
|
|
}
|
|
|
|
if (!$type(el)) {
|
|
|
|
el = ul.getElement('select');
|
|
|
|
}
|
|
|
|
if ($type(el)) {
|
|
|
|
if(el.type!='hidden') {
|
|
|
|
el.focus();
|
|
|
|
}
|
2008-11-04 14:30:17 +01:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2008-11-03 20:25:22 +01:00
|
|
|
}
|
|
|
|
|
2008-02-26 18:40:05 +01:00
|
|
|
},
|
|
|
|
|
2008-07-15 18:24:35 +02:00
|
|
|
addModule: function(name,obj) {
|
|
|
|
this._modules[name]=obj;
|
|
|
|
},
|
|
|
|
|
2008-10-15 19:40:04 +02:00
|
|
|
initializeModule: function(fieldType,li) {
|
|
|
|
if ($type(this._modules[fieldType])) {
|
|
|
|
try {
|
|
|
|
this._modules[fieldType].reinitialize(li);
|
|
|
|
}
|
|
|
|
catch(e) {
|
2009-02-17 14:46:41 +01:00
|
|
|
LSdebug('No reinitialize for ' + fieldType);
|
2008-07-15 18:24:35 +02:00
|
|
|
}
|
2008-02-08 18:39:24 +01:00
|
|
|
}
|
2008-10-31 13:12:31 +01:00
|
|
|
},
|
|
|
|
|
|
|
|
getValue: function(fieldName) {
|
|
|
|
var retVal = Array();
|
|
|
|
var ul = $(fieldName);
|
|
|
|
if ($type(ul)) {
|
|
|
|
var elements = ul.getElements('input');
|
|
|
|
elements.combine(ul.getElements('textarea'));
|
|
|
|
elements.combine(ul.getElements('select'));
|
|
|
|
|
|
|
|
var getName = new RegExp('([a-zA-Z0-9]*)(\[.*\])?');
|
|
|
|
elements.each(function(el){
|
|
|
|
var name = getName.exec(el.name);
|
|
|
|
LSdebug(name);
|
|
|
|
if (name) {
|
|
|
|
if (name[1]==fieldName) {
|
|
|
|
if ($type(el.value)) {
|
|
|
|
if (el.value!="") {
|
|
|
|
retVal.include(el.value);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},this);
|
|
|
|
}
|
|
|
|
return retVal;
|
2008-11-10 00:24:46 +01:00
|
|
|
},
|
|
|
|
|
|
|
|
ajaxSubmit: function(event) {
|
2009-02-12 11:04:50 +01:00
|
|
|
this.checkUploadFileDefined();
|
|
|
|
|
|
|
|
if (this._ajaxSubmit) {
|
|
|
|
event = new Event(event);
|
|
|
|
event.stop();
|
|
|
|
|
|
|
|
this.LSformAjaxInput = new Element('input');
|
|
|
|
this.LSformAjaxInput.setProperties ({
|
|
|
|
type: 'hidden',
|
|
|
|
name: 'ajax',
|
|
|
|
value: '1'
|
|
|
|
});
|
|
|
|
this.LSformAjaxInput.injectInside(this.LSform);
|
|
|
|
|
|
|
|
this.resetErrors();
|
|
|
|
|
|
|
|
this.LSform.set('send',{
|
|
|
|
data: this.LSform,
|
|
|
|
onSuccess: this.onAjaxSubmitComplete.bind(this),
|
|
|
|
url: this.LSform.get('action'),
|
|
|
|
imgload: varLSdefault.loadingImgDisplay($('LSform_title'),'inside')
|
|
|
|
});
|
|
|
|
this.LSform.send();
|
|
|
|
}
|
|
|
|
else {
|
|
|
|
if($type(this.LSformAjaxInput)) {
|
|
|
|
this.LSformAjaxInput.dispose();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
|
|
|
|
checkUploadFileDefined: function() {
|
|
|
|
this.LSform.getElements('input[type=file]').each(function(ipt) {
|
|
|
|
if (ipt.files.length!=0) {
|
|
|
|
this._ajaxSubmit=0;
|
|
|
|
}
|
|
|
|
}, this);
|
2008-11-10 00:24:46 +01:00
|
|
|
},
|
|
|
|
|
|
|
|
onAjaxSubmitComplete: function(responseText, responseXML) {
|
|
|
|
var data = JSON.decode(responseText);
|
|
|
|
if ( varLSdefault.checkAjaxReturn(data) ) {
|
2009-01-21 18:08:09 +01:00
|
|
|
if ($type(data.LSformErrors) == 'object') {
|
2008-11-10 00:24:46 +01:00
|
|
|
data.LSformErrors = new Hash(data.LSformErrors);
|
|
|
|
data.LSformErrors.each(this.addError,this);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
|
|
|
|
resetErrors: function() {
|
|
|
|
$$('dd.LSform-errors').each(function(dd) {
|
|
|
|
dd.destroy();
|
|
|
|
});
|
|
|
|
$$('dt.LSform-errors').each(function(dt) {
|
|
|
|
dt.removeClass('LSform-errors');
|
|
|
|
});
|
|
|
|
$$('li.LSform_layout_errors').each(function(li) {
|
|
|
|
li.removeClass('LSform_layout_errors');
|
|
|
|
});
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
addError: function(errors,name) {
|
|
|
|
var ul = $(name);
|
|
|
|
if ($type(ul)) {
|
|
|
|
errors = new Array(errors);
|
|
|
|
errors.each(function(txt){
|
|
|
|
var dd = new Element('dd');
|
|
|
|
dd.addClass('LSform');
|
|
|
|
dd.addClass('LSform-errors');
|
|
|
|
dd.set('html',txt);
|
|
|
|
dd.injectAfter(this.getParent());
|
|
|
|
},ul);
|
|
|
|
|
2010-04-15 18:21:18 +02:00
|
|
|
var dt = ul.getParent('dd.LSform').getPrevious('dt');
|
|
|
|
if ($type(dt)) {
|
|
|
|
dt.addClass('LSform-errors');
|
|
|
|
}
|
2008-11-10 00:24:46 +01:00
|
|
|
|
|
|
|
var layout = ul.getParent('div.LSform_layout_active');
|
|
|
|
if ($type(layout)) {
|
2008-11-10 15:07:59 +01:00
|
|
|
var li = this.getLayoutBtn(layout);
|
2008-11-10 00:24:46 +01:00
|
|
|
if($type(li)) {
|
|
|
|
li.addClass('LSform_layout_errors');
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2010-11-17 15:52:37 +01:00
|
|
|
else {
|
|
|
|
this.tmp=name+" :</br><ul>";
|
|
|
|
errors = new Array(errors);
|
|
|
|
errors.each(function(error){
|
|
|
|
this.tmp += "<li>"+error+"</li>";
|
|
|
|
},this);
|
|
|
|
this.tmp +="</ul>";
|
|
|
|
this.warnBox.display(this.tmp);
|
|
|
|
}
|
2010-11-17 19:00:09 +01:00
|
|
|
},
|
|
|
|
|
|
|
|
onListAvailableDataEntryFormChange: function() {
|
|
|
|
var url=window.location.pathname+"?LSobject="+this.objecttype
|
|
|
|
if (this.listAvailableDataEntryForm.value!="") {
|
|
|
|
url+="&LSform_dataEntryForm="+this.listAvailableDataEntryForm.value;
|
|
|
|
}
|
|
|
|
document.location=url;
|
2008-02-08 18:39:24 +01:00
|
|
|
}
|
2008-02-05 17:11:21 +01:00
|
|
|
});
|
|
|
|
window.addEvent(window.ie ? 'load' : 'domready', function() {
|
2008-02-08 18:39:24 +01:00
|
|
|
varLSform = new LSform();
|
2008-02-05 17:11:21 +01:00
|
|
|
});
|