forked from Wavyzz/dolibarr
338 lines
11 KiB
JavaScript
338 lines
11 KiB
JavaScript
// Copyright (C) 2011-2012 Regis Houssin <regis@dolibarr.fr>
|
|
// Copyright (C) 2011 Laurent Destailleur <eldy@users.sourceforge.net>
|
|
//
|
|
// This program is free software; you can redistribute it and/or modify
|
|
// it under the terms of the GNU General Public License as published by
|
|
// the Free Software Foundation; either version 2 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
|
|
// GNU General Public License for more details.
|
|
//
|
|
// You should have received a copy of the GNU General Public License
|
|
// along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
// or see http://www.gnu.org/
|
|
//
|
|
|
|
//
|
|
// \file htdocs/core/js/editinplace.js
|
|
// \brief File that include javascript functions for edit in place
|
|
//
|
|
|
|
$(document).ready(function() {
|
|
var element = $('#jeditable_element').html();
|
|
var table_element = $('#jeditable_table_element').html();
|
|
var fk_element = $('#jeditable_fk_element').html();
|
|
|
|
$('.editval_textarea').editable(urlSaveInPlace, {
|
|
type : 'textarea',
|
|
rows : 4,
|
|
id : 'field',
|
|
tooltip : tooltipInPlace,
|
|
placeholder : ' ',
|
|
cancel : cancelInPlace,
|
|
submit : submitInPlace,
|
|
indicator : indicatorInPlace,
|
|
loadurl : urlLoadInPlace,
|
|
loaddata : function(result, settings) {
|
|
var htmlname = $(this).attr('id').substr(8);
|
|
return getParameters('textarea', htmlname);
|
|
},
|
|
submitdata : function(result, settings) {
|
|
var htmlname = $(this).attr('id').substr(8);
|
|
return getParameters('textarea', htmlname);
|
|
},
|
|
callback : function(result, settings) {
|
|
getResult(this, result);
|
|
},
|
|
onreset : function(result, settings) {
|
|
$('#editval_' + $('.editval_textarea').attr('id').substr(8)).hide();
|
|
$('#viewval_' + $('.editval_textarea').attr('id').substr(8)).show();
|
|
}
|
|
});
|
|
$('.editkey_textarea').hover(
|
|
function () {
|
|
$('#viewval_' + $(this).attr('id')).addClass("viewval_hover");
|
|
},
|
|
function () {
|
|
$('#viewval_' + $(this).attr('id')).removeClass("viewval_hover");
|
|
}
|
|
);
|
|
$('.editkey_textarea').click(function() {
|
|
$('#viewval_' + $(this).attr('id')).click();
|
|
});
|
|
$('.viewval_textarea.active').click(function() {
|
|
$('#viewval_' + $(this).attr('id').substr(8)).hide();
|
|
$('#editval_' + $(this).attr('id').substr(8)).show().click();
|
|
});
|
|
$('.editkey_textarea').click(function() {
|
|
$('#viewval_' + $(this).attr('id')).hide();
|
|
$('#editval_' + $(this).attr('id')).show().click();
|
|
});
|
|
|
|
$('.editval_ckeditor').editable(urlSaveInPlace, {
|
|
type : 'ckeditor',
|
|
id : 'field',
|
|
onblur : 'ignore',
|
|
tooltip : tooltipInPlace,
|
|
placeholder : ' ',
|
|
cancel : cancelInPlace,
|
|
submit : submitInPlace,
|
|
indicator : indicatorInPlace,
|
|
ckeditor : {
|
|
customConfig: ckeditorConfig,
|
|
toolbar: $('#ckeditor_toolbar').val()
|
|
},
|
|
submitdata : function(result, settings) {
|
|
var htmlname = $(this).attr('id').substr(8);
|
|
return getParameters('ckeditor', htmlname);
|
|
},
|
|
callback : function(result, settings) {
|
|
getResult(this, result);
|
|
},
|
|
onreset : function(result, settings) {
|
|
$('#editval_' + $('.editval_ckeditor').attr('id').substr(8)).hide();
|
|
$('#viewval_' + $('.editval_ckeditor').attr('id').substr(8)).show();
|
|
}
|
|
});
|
|
$('.editkey_ckeditor').hover(
|
|
function () {
|
|
$('#viewval_' + $(this).attr('id')).addClass("viewval_hover");
|
|
},
|
|
function () {
|
|
$('#viewval_' + $(this).attr('id')).removeClass("viewval_hover");
|
|
}
|
|
);
|
|
$('.editkey_ckeditor').click(function() {
|
|
$( '#viewval_' + $(this).attr('id') ).click();
|
|
});
|
|
$('.viewval_ckeditor.active').click(function() {
|
|
$('#viewval_' + $(this).attr('id').substr(8)).hide();
|
|
$('#editval_' + $(this).attr('id').substr(8)).show().click();
|
|
});
|
|
$('.editkey_ckeditor').click(function() {
|
|
$('#viewval_' + $(this).attr('id')).hide();
|
|
$('#editval_' + $(this).attr('id')).show().click();
|
|
});
|
|
|
|
$('.editval_string').editable(urlSaveInPlace, {
|
|
type : 'text',
|
|
id : 'field',
|
|
width : 300,
|
|
tooltip : tooltipInPlace,
|
|
placeholder : placeholderInPlace,
|
|
cancel : cancelInPlace,
|
|
submit : submitInPlace,
|
|
indicator : indicatorInPlace,
|
|
submitdata : function(result, settings) {
|
|
var htmlname = $(this).attr('id').substr(8);
|
|
return getParameters('string', htmlname);
|
|
},
|
|
callback : function(result, settings) {
|
|
getResult(this, result);
|
|
},
|
|
onreset : function(result, settings) {
|
|
$('#editval_' + $('.editval_string').attr('id').substr(8)).hide();
|
|
$('#viewval_' + $('.editval_string').attr('id').substr(8)).show();
|
|
}
|
|
});
|
|
$('.editkey_string').hover(
|
|
function () {
|
|
$('#viewval_' + $(this).attr('id')).addClass("viewval_hover");
|
|
},
|
|
function () {
|
|
$('#viewval_' + $(this).attr('id')).removeClass("viewval_hover");
|
|
}
|
|
);
|
|
$('.editkey_string').click(function() {
|
|
$( '#viewval_' + $(this).attr('id') ).click();
|
|
});
|
|
$('.viewval_string.active').click(function() {
|
|
$('#viewval_' + $(this).attr('id').substr(8)).hide();
|
|
$('#editval_' + $(this).attr('id').substr(8)).show().click();
|
|
});
|
|
$('.editkey_string').click(function() {
|
|
$('#viewval_' + $(this).attr('id')).hide();
|
|
$('#editval_' + $(this).attr('id')).show().click();
|
|
});
|
|
|
|
$('.editval_numeric').editable(urlSaveInPlace, {
|
|
type : 'text',
|
|
id : 'field',
|
|
width : 100,
|
|
tooltip : tooltipInPlace,
|
|
placeholder : placeholderInPlace,
|
|
cancel : cancelInPlace,
|
|
submit : submitInPlace,
|
|
indicator : indicatorInPlace,
|
|
submitdata : function(result, settings) {
|
|
var htmlname = $(this).attr('id').substr(8);
|
|
return getParameters('numeric', htmlname);
|
|
},
|
|
callback : function(result, settings) {
|
|
getResult(this, result);
|
|
},
|
|
onreset : function(result, settings) {
|
|
$('#editval_' + $('.editval_numeric').attr('id').substr(8)).hide();
|
|
$('#viewval_' + $('.editval_numeric').attr('id').substr(8)).show();
|
|
}
|
|
});
|
|
$('.editkey_numeric').hover(
|
|
function () {
|
|
$( '#viewval_' + $(this).attr('id') ).addClass("viewval_hover");
|
|
},
|
|
function () {
|
|
$( '#viewval_' + $(this).attr('id') ).removeClass("viewval_hover");
|
|
}
|
|
);
|
|
$('.editkey_numeric').click(function() {
|
|
$( '#viewval_' + $(this).attr('id') ).click();
|
|
});
|
|
$('.viewval_numeric.active').click(function() {
|
|
$('#viewval_' + $(this).attr('id').substr(8)).hide();
|
|
$('#editval_' + $(this).attr('id').substr(8)).show().click();
|
|
});
|
|
$('.editkey_numeric').click(function() {
|
|
$('#viewval_' + $(this).attr('id')).hide();
|
|
$('#editval_' + $(this).attr('id')).show().click();
|
|
});
|
|
|
|
$('.editval_datepicker').editable(urlSaveInPlace, {
|
|
type : 'datepicker',
|
|
id : 'field',
|
|
onblur : 'ignore',
|
|
tooltip : tooltipInPlace,
|
|
placeholder : ' ',
|
|
cancel : cancelInPlace,
|
|
submit : submitInPlace,
|
|
indicator : indicatorInPlace,
|
|
submitdata : function(result, settings) {
|
|
var htmlname = $(this).attr('id').substr(8);
|
|
return getParameters('datepicker', htmlname);
|
|
},
|
|
callback : function(result, settings) {
|
|
getResult(this, result);
|
|
},
|
|
onreset : function(result, settings) {
|
|
$('#editval_' + $('.editval_datepicker').attr('id').substr(8)).hide();
|
|
$('#viewval_' + $('.editval_datepicker').attr('id').substr(8)).show();
|
|
}
|
|
});
|
|
$('.editkey_datepicker').hover(
|
|
function () {
|
|
$('#viewval_' + $(this).attr('id')).addClass("viewval_hover");
|
|
},
|
|
function () {
|
|
$('#viewval_' + $(this).attr('id')).removeClass("viewval_hover");
|
|
}
|
|
);
|
|
$('.viewval_datepicker.active').click(function() {
|
|
$('#viewval_' + $(this).attr('id').substr(8)).hide();
|
|
$('#editval_' + $(this).attr('id').substr(8)).show().click();
|
|
});
|
|
$('.editkey_datepicker').click(function() {
|
|
$('#viewval_' + $(this).attr('id')).hide();
|
|
$('#editval_' + $(this).attr('id')).show().click();
|
|
});
|
|
|
|
$('.editval_select').editable(urlSaveInPlace, {
|
|
type : 'select',
|
|
id : 'field',
|
|
onblur : 'ignore',
|
|
cssclass : 'flat',
|
|
tooltip : tooltipInPlace,
|
|
placeholder : ' ',
|
|
cancel : cancelInPlace,
|
|
submit : submitInPlace,
|
|
indicator : indicatorInPlace,
|
|
loadurl : urlLoadInPlace,
|
|
loaddata : function(result, settings) {
|
|
var htmlname = $(this).attr('id').substr(8);
|
|
return getParameters('select', htmlname);
|
|
},
|
|
submitdata : function(result, settings) {
|
|
var htmlname = $(this).attr('id').substr(8);
|
|
return getParameters('select', htmlname);
|
|
},
|
|
callback : function(result, settings) {
|
|
getResult(this, result);
|
|
},
|
|
onreset : function(result, settings) {
|
|
$('#editval_' + $('.editval_select').attr('id').substr(8)).hide();
|
|
$('#viewval_' + $('.editval_select').attr('id').substr(8)).show();
|
|
}
|
|
});
|
|
$('.editkey_select').hover(
|
|
function () {
|
|
$('#viewval_' + $(this).attr('id')).addClass("viewval_hover");
|
|
},
|
|
function () {
|
|
$('#viewval_' + $(this).attr('id')).removeClass("viewval_hover");
|
|
}
|
|
);
|
|
$('.viewval_select.active').click(function() {
|
|
$('#viewval_' + $(this).attr('id').substr(8)).hide();
|
|
$('#editval_' + $(this).attr('id').substr(8)).show().click();
|
|
});
|
|
$('.editkey_select').click(function() {
|
|
$('#viewval_' + $(this).attr('id')).hide();
|
|
$('#editval_' + $(this).attr('id')).show().click();
|
|
});
|
|
|
|
function getParameters(type, htmlname) {
|
|
var element = $('#element_' + htmlname).val();
|
|
var table_element = $('#table_element_' + htmlname).val();
|
|
var fk_element = $('#fk_element_' + htmlname).val();
|
|
var loadmethod = $('#loadmethod_' + htmlname).val();
|
|
var savemethod = $('#savemethod_' + htmlname).val();
|
|
var ext_element = $('#ext_element_' + htmlname).val();
|
|
var timestamp = $('#timestamp').val();
|
|
//var ext_table_element = $( '#ext_table_element_' + htmlname ).val();
|
|
//var ext_fk_element = $( '#ext_fk_element_' + htmlname ).val();
|
|
|
|
return {
|
|
type: type,
|
|
element: element,
|
|
table_element: table_element,
|
|
fk_element: fk_element,
|
|
loadmethod: loadmethod,
|
|
savemethod: savemethod,
|
|
timestamp: timestamp,
|
|
ext_element: ext_element,
|
|
//ext_table_element: ext_table_element,
|
|
//ext_fk_element: ext_fk_element
|
|
};
|
|
}
|
|
|
|
function getResult(obj, result) {
|
|
var res = $.parseJSON(result);
|
|
if (res.error) {
|
|
$(obj).html(obj.revert);
|
|
$.jnotify(res.error, "error", true);
|
|
} else {
|
|
var htmlname = $(obj).attr('id').substr(8);
|
|
var success = $( '#success_' + htmlname ).val();
|
|
if (success != undefined) {
|
|
$.jnotify(success, "ok");
|
|
}
|
|
$(obj).html(res.value);
|
|
$(obj).hide();
|
|
$('#viewval_' + htmlname).html(res.view);
|
|
$('#viewval_' + htmlname).show();
|
|
}
|
|
}
|
|
|
|
$('.edit_autocomplete').editable(urlSaveInPlace, {
|
|
type : 'autocomplete',
|
|
id : 'field',
|
|
onblur : 'submit',
|
|
tooltip : tooltipInPlace,
|
|
indicator : indicatorInPlace,
|
|
autocomplete : {
|
|
data : ["Aberdeen", "Ada", "Adamsville", "Addyston", "Adelphi", "Adena", "Adrian", "Akron"]
|
|
}
|
|
});
|
|
});
|