admingit/altocompta
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

correct syntax

Browse source
This commit is contained in:
Dany De Bontridder 2017-01-14 10:11:14 +01:00
parent 494c0b9da5
commit bda0fbc874
1 changed files with 145 additions and 143 deletions
Download patch file Download diff file Expand all files Collapse all files

288
html/js/managetable.js
View file

@ -1,5 +1,4 @@
<script>
/*
/*
* This file is part of NOALYSS.
*
* NOALYSS is free software; you can redistribute it and/or modify
@ -28,184 +27,187 @@
*@param p_table_name the data table on which we're working
in javascript , to create an object to manipulate the table
version.
Example of code
Example of code
@code
// Version will manage the table "version"
var version=new ManageTable("version");
// the file ajax_my.php will be called
version.set_callback("ajax_my.php");
// Add supplemental parameter to this file
version.param_add ({"plugin_code":"OIC"};
// Set the id of dialog box , table and tr prefix
version.set_control("dialbox1");
@endcode
The answer from ajax must be like this template
@verbatim
<xml>
<ctl> id of the control to update for diag.box, row </ctl>
<status> OK , FAIL ...</status>
<html> Html to display</html>
</xml>
@endverbatim
List of function
- set_control(p_ctl_name)
- set_callback (p_new_callback)
- param_add (json object)
- parseXML (private function)
- save
- delete
- input
*/
The answer from ajax must be like this template
@verbatim
<xml>
<ctl> id of the control to update for diag.box, row </ctl>
<status> OK , FAIL ...</status>
<html> Html to display</html>
</xml>
@endverbatim
List of function
- set_control(p_ctl_name)
- set_callback (p_new_callback)
- param_add (json object)
- parseXML (private function)
- save
- delete
- input
*/
var ManageTable=function(p_table_name)
var ManageTable = function (p_table_name)
{
this.callback="ajax.php"; //!< File to call
this.control="dtr"; //<! Prefix Id of dialog box, table, row
this.param={"table":p_table_name,"ctl_id":this.control}; //<! default value to pass
var answer={};
this.callback = "ajax.php"; //!< File to call
this.control = "dtr"; //<! Prefix Id of dialog box, table, row
this.param = {"table": p_table_name, "ctl_id": this.control}; //<! default value to pass
var answer = {};
/**
*@fn ManageTable.set_control
*@brief Set the id of the control name , used as
* prefix for dialog box , table id and row
*@param string p_ctl_name id of dialog box
*/
this.set_control(p_ctl_name) {
this.control=p_ctl_name;
}
this.set_control = function (p_ctl_name) {
this.control = p_ctl_name;
};
/**
*@brief set the name of the callback file to
* call by default it is ajax.php
*/
this.set_callback=function(p_new_callback) {
this.callback=p_new_callback;
this.set_callback = function (p_new_callback) {
this.callback = p_new_callback;
};
/**
*@brief By default send the json param variable
* you can add a json object to it in order to
* send it to the callback function
*/
this.param_add= function(p_obj) {
var result={};
for ( var key in this.param) {
result[key]=this.param[key];
}
for ( var key in p_obj) {
result[key]=p_obj[key];
}
this.param=result;
return this.param;
this.param_add = function (p_obj) {
var result = {};
for (var key in this.param) {
result[key] = this.param[key];
}
for (var key in p_obj) {
result[key] = p_obj[key];
}
this.param = result;
return this.param;
};
/**
@brief receive answer from ajax and fill up the
private object "answer"
@param req Ajax answer
*/
var parseXML=function (req) {
var xml=req.responseXML;
var status =getElementsByTagName("status");
var ctl=xml.getElementsByTagName("ctl");
var html=xml.getElementsByTagName("html");
if ( status.length==0 || ctl.length == 0 || html.length == 0 )
{
throw "Invalid answer "+req.responseText;
}
answer['status']=getNodeText(status[0]);
answer['ctl']=getNodeText(ctl[0]);
answer['html']=getNodeText(html[0]);
*/
var parseXML = function (req) {
var xml = req.responseXML;
var status = getElementsByTagName("status");
var ctl = xml.getElementsByTagName("ctl");
var html = xml.getElementsByTagName("html");
if (status.length == 0 || ctl.length == 0 || html.length == 0)
{
throw "Invalid answer " + req.responseText;
}
answer['status'] = getNodeText(status[0]);
answer['ctl'] = getNodeText(ctl[0]);
answer['html'] = getNodeText(html[0]);
};
/**
*@brief call the ajax with the action save
*@details update or append
* As a hidden parameter the Manage_Table:object_name must be
* set
*/
this.save=function(form_id) {
waiting_box();
var form=$F(form_id);
this.param_add(form);
new Ajax.Request(this.callback,{
parameters:this.param,
method:"post",
onSuccess:function(req) {
/// Display the result of the update
/// or add , the name of the row in the table has the
/// if p_ctl_row does not exist it means it is a new
/// row , otherwise an update
parseXML(req);
if (answer ['status'] == 'OK' ) {
if ( $(answer['ctl'])) {
$(answer['ctl']).update(answer['html']);
} else {
var new_row=new Element("tr");
new_row.id=answer['ctl'];
new_row.innerHTML=answer['html'];
$("tb"+this.control).appendChild(new_row);
}
} else {
console.error("Error in save");
throw Exception "error in save";
}
}
/**
*@brief call the ajax with the action save
*@details update or append
* As a hidden parameter the Manage_Table:object_name must be
* set
*/
this.save = function (form_id) {
waiting_box();
var form = $F(form_id);
this.param_add(form);
new Ajax.Request(this.callback, {
parameters: this.param,
method: "post",
onSuccess: function (req) {
/// Display the result of the update
/// or add , the name of the row in the table has the
/// if p_ctl_row does not exist it means it is a new
/// row , otherwise an update
parseXML(req);
if (answer ['status'] == 'OK') {
if ($(answer['ctl'])) {
$(answer['ctl']).update(answer['html']);
} else {
var new_row = new Element("tr");
new_row.id = answer['ctl'];
new_row.innerHTML = answer['html'];
$("tb" + this.control).appendChild(new_row);
}
} else {
console.error("Error in save");
throw "error in save";
}
};
/**
*@brief call the ajax with action delete
*@param id (pk) of the data row
*/
this.delete=function (p_id,p_ctl_row) {
this.param['p_id']=p_id;
this.param['action']='delete';
new Ajax.Request(this.callback,{
parameters:this.parm,
method:"get",
onSuccess:function (req) {
parseXML(req);
if ( answer['status'] == 'OK') {
$(answer['ctl']).hide();}
}
};
/**
*@brief display a dialog box with the information
* of the data row
*@param id (pk) of the data row
*/
this.input=function (p_id,p_ctl_row) {
waiting_box();
this.param['p_id']=p_id;
this.param['action']='input';
this.param['ctl_row']=p_ctl_row;
// display the form to enter data
new Ajax.Request(this.callback,{
parameters : this.param,
method:"get",
onSuccess:function (req) {
remove_waiting_box();
var obj={"id":this.control,"cssclass":"inner_box","html":loading()};
create_div(obj);
var pos=calcy(250);
$(this.control).setStyle({top:pos+'px'});
obj.update(req.responseText);
}
})
};
/**
*@brief call the ajax with action delete
*@param id (pk) of the data row
*/
this.delete = function (p_id, p_ctl_row) {
this.param['p_id'] = p_id;
this.param['action'] = 'delete';
new Ajax.Request(this.callback, {
parameters: this.parm,
method: "get",
onSuccess: function (req) {
parseXML(req);
if (answer['status'] == 'OK') {
$(answer['ctl']).hide();
}
}
});
}
/**
*@brief display a dialog box with the information
* of the data row
*@param id (pk) of the data row
*/
this.input = function (p_id, p_ctl_row) {
waiting_box();
this.param['p_id'] = p_id;
this.param['action'] = 'input';
this.param['ctl_row'] = p_ctl_row;
// display the form to enter data
new Ajax.Request(this.callback, {
parameters: this.param,
method: "get",
onSuccess: function (req) {
remove_waiting_box();
var obj = {"id": this.control, "cssclass": "inner_box", "html": loading()};
create_div(obj);
var pos = calcy(250);
$(this.control).setStyle({top: pos + 'px'});
obj.update(req.responseText);
}
});
};
}
});
};
}
</script>