Adding some updates to the ajax function and also, the Ajax call to the variable picker form

This commit is contained in:
user
2012-11-23 15:23:44 -04:00
parent 2d3f7bc8cc
commit 209cdfbed7
4 changed files with 166 additions and 198 deletions

View File

@@ -111,7 +111,7 @@ class XmlForm_Field_WYSIWYG_EDITOR extends XmlForm_Field
tinyMCE.baseURL = "/js/tinymce/jscripts/tiny_mce" tinyMCE.baseURL = "/js/tinymce/jscripts/tiny_mce"
tinyMCE.init({ tinyMCE.init({
theme : "advanced", theme : "advanced",
plugins : "fullpage, pmSimpleUploader, pmVariablePicker", plugins : "fullpage, pmSimpleUploader, pmVariablePicker, inlinepopups",
mode : "specific_textareas", mode : "specific_textareas",
editor_selector : "tmceEditor", editor_selector : "tmceEditor",
width : "770", width : "770",

View File

@@ -1,3 +1,25 @@
var getValue = function (list) {
console.log(list.value);
}
var getVariableList = function (queryText, proUid, varType){
varType = varType.toLowerCase();
var response
var oRPC = new leimnud.module.rpc.xmlhttp({
url : "../processes/processes_Ajax",
async : false,
method: "POST",
args : "action=getVariableList&process="+proUid+"&queryText="+queryText+"&type="+varType
});
oRPC.callback = function(rpc){
console.log(rpc.xmlhttp.responseText);
response = eval(rpc.xmlhttp.responseText);
}.extend(this);
oRPC.make();
console.log(response);
}
leimnud.event.add(document.getElementById('type_variables'), 'change', function(event) { leimnud.event.add(document.getElementById('type_variables'), 'change', function(event) {
console.log('Dropdown Type of Variables'); console.log('Dropdown Type of Variables');
}); });
@@ -11,8 +33,13 @@ leimnud.event.add(document.getElementById('search'), 'keypress', function(event)
var tecla = event.keyCode; var tecla = event.keyCode;
if(tecla == '13') if(tecla == '13')
{ {
console.log('Has pulsado enter'); var list = getVariableList('nuev','2527075735085b447a58523099748463','system');
return false; console.log(list);
for (var i in list){
console.log(list[i]);
}
console.log('Has pulsado enter');
return false;
} }
}); });
@@ -20,6 +47,3 @@ leimnud.event.add(document.getElementById('type_variables'), 'change', function(
console.log('Dropdown Type of Variables'); console.log('Dropdown Type of Variables');
}); });
function getValue(list) {
console.log(list.value);
}

View File

@@ -22,50 +22,58 @@
* Coral Gables, FL, 33134, USA, or email info@colosa.com. * Coral Gables, FL, 33134, USA, or email info@colosa.com.
*/ */
$html = '<form action="uploader.php?'.$_SERVER["QUERY_STRING"].'&q=upload" method="post" enctype="multipart/form-data" onsubmit="">'; $html = '<form action="uploader.php?'.$_SERVER["QUERY_STRING"].'&q=upload" method="post" enctype="multipart/form-data" onsubmit="">';
$html .= '<div id="d_variables">'; $html .= '<div id="d_variables">';
$html .= '<table width="90%" align="center">';
$html .= '<tr>';
$html .= '<td width="50%">';
$html .= '<label for="type_label">Type Variable</label>';
$html .= '</td>';
$html .= '<td width="25%">';
$html .= '<label for="prefix_label">Prefix</label>';
$html .= '</td>';
$html .= '<td width="25%">';
$html .= '<label for="variables_label">Search</label>';
$html .= '</td>';
$html .= '</tr>';
$html .= '<table width="90%" align="center">';
$html .= '<tr>'; $html .= '<tr>';
$html .= '<td width="25%">'; $html .= '<td width="50%">';
$html .= '<select name="type_variables" id="type_variables">'; $html .= '<label for="type_label">Type Variable</label>';
$html .= '<option value="all">All Variables</option>';
$html .= '<option value="system">System Variables</option>';
$html .= '<option value="process">Process Variables</option>';
$html .= '</select> &nbsp;&nbsp;&nbsp;&nbsp;';
$html .= '</td>';
$html .= '<td width="25%">';
//$html .= '<select name="prefix" id="prefix" onChange="Seleccionar(this);">';
$html .= '<select name="prefix" id="prefix">';
$html .= '<option value="ID_TO_FLOAT">@#</option>';
$html .= '<option value="ID_TO_STRING">@@</option>';
$html .= '<option value="ID_TO_INTEGER">@%</option>';
$html .= '<option value="ID_TO_URL">@?</option>';
$html .= '<option value="ID_SQL_ESCAPE">@$</option>';
$html .= '<option value="ID_REPLACE_WITHOUT_CHANGES">@=</option>';
$html .= '</select> &nbsp;&nbsp;&nbsp;&nbsp;';
$html .= '</td>'; $html .= '</td>';
$html .= '<td width="20%">'; $html .= '<td width="25%">';
$html .= '<label for="prefix_label">Prefix</label>';
$html .= '</td>';
$html .= '<td width="25%">';
$html .= '<label for="variables_label">Search</label>';
$html .= '</td>';
$html .= '</tr>';
$html = '<form action="uploader.php?'.$_SERVER["QUERY_STRING"].'&q=upload" method="post" enctype="multipart/form-data" onsubmit="">';
$html .= '<div id="d_variables">';
$html .= '<table width="90%" align="center">';
$html .= '<tr>';
$html .= '<td width="50%">';
$html .= '<label for="type_label">Type Variable</label>';
$html .= '</td>';
$html .= '<tr>';
$html .= '<td width="25%">';
$html .= '<select name="type_variables" id="type_variables">';
$html .= '<option value="all">All Variables</option>';
$html .= '<option value="system">System Variables</option>';
$html .= '<option value="process">Process Variables</option>';
$html .= '</select> &nbsp;&nbsp;&nbsp;&nbsp;';
$html .= '</td>';
$html .= '<td width="25%">';
//$html .= '<select name="prefix" id="prefix" onChange="Seleccionar(this);">';
$html .= '<select name="prefix" id="prefix">';
$html .= '<option value="ID_TO_FLOAT">@#</option>';
$html .= '<option value="ID_TO_STRING">@@</option>';
$html .= '<option value="ID_TO_INTEGER">@%</option>';
$html .= '<option value="ID_TO_URL">@?</option>';
$html .= '<option value="ID_SQL_ESCAPE">@$</option>';
$html .= '<option value="ID_REPLACE_WITHOUT_CHANGES">@=</option>';
$html .= '</select> &nbsp;&nbsp;&nbsp;&nbsp;';
$html .= '</td>';
$html .= '<td width="20%">';
//$html .= '<input type="text" id="search" size="15" onkeydown="validartexto(event);">'; //$html .= '<input type="text" id="search" size="15" onkeydown="validartexto(event);">';
$html .= '<input type="text" id="search" size="15">'; $html .= '<input type="text" id="search" size="15">';
$html .= '</td>'; $html .= '</td>';
$html .= '</tr>'; $html .= '</tr>';
@@ -73,70 +81,70 @@ $html .= '<br>';
$html .= '<tr><td>&nbsp;</td></tr>'; $html .= '<tr><td>&nbsp;</td></tr>';
$html .= '<tr>'; $html .= '<tr>';
$html .= '<br>'; $html .= '<br>';
$html .= '<tr><td><label for="prefix_label">Variables</label></td></tr>'; $html .= '<tr><td><label for="prefix_label">Variables</label></td></tr>';
$html .= '<tr>'; $html .= '<tr>';
//onChange="Seleccionar(this); //onChange="Seleccionar(this);
$html .= '<td colspan="3">'; $html .= '<td colspan="3">';
G::LoadClass( 'xmlfield_InputPM' ); G::LoadClass( 'xmlfield_InputPM' );
$aFields = getDynaformsVars( $_POST['sProcess'], true, isset( $_POST['bIncMulSelFields'] ) ? $_POST['bIncMulSelFields'] : 0 ); $aFields = getDynaformsVars( $_POST['sProcess'], true, isset( $_POST['bIncMulSelFields'] ) ? $_POST['bIncMulSelFields'] : 0 );
//$html .= '<select name="_Var_Form_" id="_Var_Form_" size="' . count( $aFields ) . '" style="width:100%;' . (! isset( $_POST['sNoShowLeyend'] ) ? 'height:50%;' : '') . '" ondblclick="insertFormVar(\'' . $_POST['sFieldName'] . '\', this.value);">'; //$html .= '<select name="_Var_Form_" id="_Var_Form_" size="' . count( $aFields ) . '" style="width:100%;' . (! isset( $_POST['sNoShowLeyend'] ) ? 'height:50%;' : '') . '" ondblclick="insertFormVar(\'' . $_POST['sFieldName'] . '\', this.value);">';
$html .= '<select name="_Var_Form_" id="_Var_Form_" size="4" style="width:100%;' . (! isset( $_POST['sNoShowLeyend'] ) ? 'height:50%;' : '') . '" ondblclick="getValue(this);">'; $html .= '<select name="_Var_Form_" id="_Var_Form_" size="4" style="width:100%;' . (! isset( $_POST['sNoShowLeyend'] ) ? 'height:50%;' : '') . '" ondblclick="getValue(this);">';
foreach ($aFields as $aField) { foreach ($aFields as $aField) {
$html .= '<option value="' . $_POST['sSymbol'] . $aField['sName'] . '">' . $_POST['sSymbol'] . $aField['sName'] . ' (' . $aField['sType'] . ')</option>'; $html .= '<option value="' . $_POST['sSymbol'] . $aField['sName'] . '">' . $_POST['sSymbol'] . $aField['sName'] . ' (' . $aField['sType'] . ')</option>';
} }
$aRows[0] = Array ('fieldname' => 'char','variable' => 'char','type' => 'type','label' => 'char'); $aRows[0] = Array ('fieldname' => 'char','variable' => 'char','type' => 'type','label' => 'char');
foreach ($aFields as $aField) { foreach ($aFields as $aField) {
$aRows[] = Array ('fieldname' => $_POST['sFieldName'],'variable' => $_POST['sSymbol'] . $aField['sName'],'variable_label' => '<div class="pm__dynavars"> <a id="dynalink" href=# onclick="insertFormVar(\'' . $_POST['sFieldName'] . '\',\'' . $_POST['sSymbol'] . $aField['sName'] . '\');">' . $_POST['sSymbol'] . $aField['sName'] . '</a></div>','type' => $aField['sType'],'label' => $aField['sLabel'] $aRows[] = Array ('fieldname' => $_POST['sFieldName'],'variable' => $_POST['sSymbol'] . $aField['sName'],'variable_label' => '<div class="pm__dynavars"> <a id="dynalink" href=# onclick="insertFormVar(\'' . $_POST['sFieldName'] . '\',\'' . $_POST['sSymbol'] . $aField['sName'] . '\');">' . $_POST['sSymbol'] . $aField['sName'] . '</a></div>','type' => $aField['sType'],'label' => $aField['sLabel']
); );
} }
$html .= '</select>'; $html .= '</select>';
$html .= '</td>'; $html .= '</td>';
$html .= '</tr>'; $html .= '</tr>';
$html .= '</table>'; $html .= '</table>';
$html .= '</div>'; $html .= '</div>';
$html .= '<br>'; $html .= '<br>';
$html .= '<div id="desc_variables">'; $html .= '<div id="desc_variables">';
$html .= '<table border="1" width="90%" align="center">'; $html .= '<table border="1" width="90%" align="center">';
$html .= '<tr width="40%">'; $html .= '<tr width="40%">';
$html .= '<td>Result</td>'; $html .= '<td>Result</td>';
$html .= '<td>@#SYS_LANG</td>'; $html .= '<td>@#SYS_LANG</td>';
$html .= '</tr>'; $html .= '</tr>';
$html .= '<tr width="60%">'; $html .= '<tr width="60%">';
$html .= '<td>Description</td>'; $html .= '<td>Description</td>';
$html .= '<td>Description @#SYS_LANG</td>'; $html .= '<td>Description @#SYS_LANG</td>';
$html .= '</tr>'; $html .= '</tr>';
$html .= '</table>'; $html .= '</table>';
$html .= '</div>'; $html .= '</div>';
$html .= '<br>'; $html .= '<br>';
$html .= '<div id="desc_variables">'; $html .= '<div id="desc_variables">';
$html .= '<table width="90%" align="center">'; $html .= '<table width="90%" align="center">';
$html .= '<tr><td>'; $html .= '<tr><td>';
$html .= '<label for="desc_prefix">' . G::LoadTranslation( 'ID_TO_FLOAT' ) . '</label>'; $html .= '<label for="desc_prefix">' . G::LoadTranslation( 'ID_TO_FLOAT' ) . '</label>';
$html .= '</td></tr>'; $html .= '</td></tr>';
$html .= '</div>'; $html .= '</div>';
$html .= '</form>'; $html .= '</form>';
$G_PUBLISH = new Publisher(); $G_PUBLISH = new Publisher();
$oHeadPublisher = & headPublisher::getSingleton(); $oHeadPublisher = & headPublisher::getSingleton();
$oHeadPublisher->addScriptFile('/jscore/controls/variablePicker.js'); $oHeadPublisher->addScriptFile('/jscore/controls/variablePicker.js');
echo $html; echo $html;
G::RenderPage( 'publish', 'raw' ); G::RenderPage( 'publish', 'raw' );
/* /*
$alll = '<script type="text/javascript" language="javascript">'; $alll = '<script type="text/javascript" language="javascript">';
$alll .= 'function Seleccionar(combo){'; $alll .= 'function Seleccionar(combo){';
$alll .= 'alert(combo.value);'; $alll .= 'alert(combo.value);';
$alll .= '}'; $alll .= '}';
$alll .= '</script>'; $alll .= '</script>';
echo $alll; echo $alll;
@@ -148,7 +156,7 @@ echo $alll;
/* /*
$sHTML = '<select name="_Var_Form_" id="_Var_Form_" size="' . count( $aFields ) . '" style="width:100%;' . (! isset( $_POST['sNoShowLeyend'] ) ? 'height:50%;' : '') . '" ondblclick="insertFormVar(\'' . $_POST['sFieldName'] . '\', this.value);">'; $sHTML = '<select name="_Var_Form_" id="_Var_Form_" size="' . count( $aFields ) . '" style="width:100%;' . (! isset( $_POST['sNoShowLeyend'] ) ? 'height:50%;' : '') . '" ondblclick="insertFormVar(\'' . $_POST['sFieldName'] . '\', this.value);">';
foreach ($aFields as $aField) { foreach ($aFields as $aField) {
$sHTML .= '<option value="' . $_POST['sSymbol'] . $aField['sName'] . '">' . $_POST['sSymbol'] . $aField['sName'] . ' (' . $aField['sType'] . ')</option>'; $html .= '<option value="' . $_POST['sSymbol'] . $aField['sName'] . '">' . $_POST['sSymbol'] . $aField['sName'] . ' (' . $aField['sType'] . ')</option>';
} }
$aRows[0] = Array ('fieldname' => 'char','variable' => 'char','type' => 'type','label' => 'char' $aRows[0] = Array ('fieldname' => 'char','variable' => 'char','type' => 'type','label' => 'char'
@@ -158,118 +166,40 @@ foreach ($aFields as $aField) {
); );
} }
$sHTML .= '</select>'; $html .= '</select>';
$sHTML = '';
if (! isset( $_POST['sNoShowLeyend'] )) { $html .= '</td>';
$sHTML = '<table width="100%">'; $html .= '</tr>';
$sHTML .= '<tr><td align="center" class="module_app_input___gray" colspan="2"><b>Variables cast prefix</b></td></tr>'; $html .= '</table>';
if (isset( $_POST['sType'] )) { $html .= '</div>';
$sHTML .= '<tr><td class="module_app_input___gray">' . G::LoadTranslation( 'ID_ESC' ) . '</td></tr>';
$sHTML .= '<tr><td class="module_app_input___gray">' . G::LoadTranslation( 'ID_NONEC' ) . '</td></tr>';
//$sHTML .= '<tr><td class="module_app_input___gray">' . G::LoadTranslation('ID_EURL') . '</td></tr>';
//$sHTML .= '<tr><td class="module_app_input___gray">' . G::LoadTranslation('ID_EVAL') . '</td></tr>';
//$sHTML .= '<tr><td class="module_app_input___gray">' . G::LoadTranslation('ID_ESCJS') . '</td></tr>';
//$sHTML .= '<tr><td class="module_app_input___gray">' . G::LoadTranslation('ID_ESCSJS') . '</td></tr>';
//$sHTML .= '<tr><td class="module_app_input___gray">' . G::LoadTranslation('ID_FUNCTION') . '</td></tr>';
} else {
$sHTML .= '<tr><td class="module_app_input___gray" width="5%">@@</td><td class="module_app_input___gray">' . G::LoadTranslation( 'ID_TO_STRING' ) . '</td></tr>';
$sHTML .= '<tr><td class="module_app_input___gray" width="5%">@#</td><td class="module_app_input___gray">' . G::LoadTranslation( 'ID_TO_FLOAT' ) . '</td></tr>';
$sHTML .= '<tr><td class="module_app_input___gray" width="5%">@%</td><td class="module_app_input___gray">' . G::LoadTranslation( 'ID_TO_INTEGER' ) . '</td></tr>';
$sHTML .= '<tr><td class="module_app_input___gray" width="5%">@?</td><td class="module_app_input___gray">' . G::LoadTranslation( 'ID_TO_URL' ) . '</td></tr>';
$sHTML .= '<tr><td class="module_app_input___gray" width="5%">@$</td><td class="module_app_input___gray">' . G::LoadTranslation( 'ID_SQL_ESCAPE' ) . '</td></tr>';
$sHTML .= '<tr><td class="module_app_input___gray" width="5%">@=</td><td class="module_app_input___gray">' . G::LoadTranslation( 'ID_REPLACE_WITHOUT_CHANGES' ) . '</td></tr>';
}
$sHTML .= '<tr><td align="center" class="module_app_input___gray" colspan="2">&nbsp;</td></tr>';
//$sHTML .= '<tr><td align="center" class="module_app_input___gray" colspan="2">' . G::LoadTranslation('ID_DOCLICK') . '</td></tr>';
$sHTML .= '</table>';
} else {
// please don't remove this definition if there isn't some sort of html tags before the css styles aren't loaded in IE
$sHTML = '<table width="100%">';
$sHTML .= '</table>';
}
$sStyle = " <style type=\"text/css\">
.pm__dynavars a#dynalink{color:#000000;} $html .= '<br>';
$html .= '<div id="desc_variables">';
$html .= '<table border="1" width="90%" align="center">';
$html .= '<tr width="40%">';
$html .= '<td>Result</td>';
$html .= '<td>@#SYS_LANG</td>';
$html .= '</tr>';
$html .= '<tr width="60%">';
$html .= '<td>Description</td>';
$html .= '<td>Description @#SYS_LANG</td>';
$html .= '</tr>';
$html .= '</table>';
$html .= '</div>';
$html .= '<br>';
$html .= '<div id="desc_variables">';
$html .= '<table width="90%" align="center">';
$html .= '<tr><td>';
$html .= '<label for="desc_prefix">' . G::LoadTranslation( 'ID_TO_FLOAT' ) . '</label>';
$html .= '</td></tr>';
$html .= '</div>';
// begin css tabs $html .= '</form>';
ul#tabnav { // general settings
text-align: left; // set to left, right or center
margin: 1em 0 1em 0; // set margins as desired
font: bold 11px verdana, arial, sans-serif; // set font as desired
border-bottom: 1px solid #ccc; // set border COLOR as desired
list-style-type: none;
padding: 3px 10px 3px 10px; // THIRD number must change with respect to padding-top (X) below
}
ul#tabnav li { // do not change echo $html;
display: inline;
}
div#all li.all, div#system li.system, div#process li.process, div#tab4 li.tab4 { // settings for selected tab
border-bottom: 1px solid #fff; // set border color to page background color
background-color: #fff; // set background color to match above border color
}
div#all li.all a, div#system li.system a, div#process li.process a, div#tab4 li.tab4 a { // settings for selected tab link
background-color: #fff; // set selected tab background color as desired
color: #000; // set selected tab link color as desired
position: relative;
top: 1px;
padding-top: 4px; // must change with respect to padding (X) above and below
}
ul#tabnav li a { // settings for all tab links
padding: 3px 4px; // set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above
border: 1px solid #aaa; // set border COLOR as desired; usually matches border color specified in #tabnav
background-color: #ccc; // set unselected tab background color as desired
color: #666; // set unselected tab link color as desired
margin-right: 10px; // set additional spacing between tabs as desired
text-decoration: none;
border-bottom: none;
}
ul#tabnav a:hover { // settings for hover effect
background: #fff; // set desired hover color
}
// end css tabs
</style>";
$cssTabs = "<div id=\"all\">
<ul id=\"tabnav\">
<li class=\"all\"><a href=\"#\" onclick=\"changeVariables('all','" . $_POST['sProcess'] . "','" . $_POST['sFieldName'] . "','" . $_POST['sSymbol'] . "','processVariablesContent');\">All variables</a></li>
<li class=\"system\"><a href=\"#\" onclick=\"changeVariables('system','" . $_POST['sProcess'] . "','" . $_POST['sFieldName'] . "','" . $_POST['sSymbol'] . "','processVariablesContent');\">System</a></li>
<li class=\"process\"><a href=\"#\" onclick=\"changeVariables('process','" . $_POST['sProcess'] . "','" . $_POST['sFieldName'] . "','" . $_POST['sSymbol'] . "','processVariablesContent');\">Process</a></li>
</ul>
</div>
";
echo $sHTML;
echo $sStyle;
////////////////////////////////////////////////////////
echo "<div id=\"processVariablesContent\">";
//echo $cssTabs;
G::LoadClass( 'ArrayPeer' );
global $_DBArray;
//$_DBArray['dynavars'] = $aRows;
$_SESSION['_DBArray'] = $_DBArray;
G::LoadClass( 'ArrayPeer' );
$oCriteria = new Criteria( 'dbarray' );
$oCriteria->setDBArrayTable( 'dynavars' );
$aFields = array ();
$G_PUBLISH = new Publisher();
$oHeadPublisher = & headPublisher::getSingleton();
$oHeadPublisher->addScriptFile( "/jscore/controls/varsAjax.js" );
$G_PUBLISH->AddContent( 'propeltable', 'paged-table', 'triggers/dynavars', $oCriteria );
G::RenderPage( 'publish', 'raw' ); G::RenderPage( 'publish', 'raw' );
echo "</div>"; /*$G_PUBLISH->AddContent( 'propeltable', 'paged-table', 'triggers/dynavars', $oCriteria );
G::RenderPage( 'publish', 'raw' );
*/ */

View File

@@ -519,6 +519,20 @@ try {
case 'events': case 'events':
$oProcessMap->eventsList( $oData->pro_uid, $oData->type ); $oProcessMap->eventsList( $oData->pro_uid, $oData->type );
break; break;
case 'getVariableList':
G::LoadClass( 'xmlfield_InputPM' );
$proUid= isset($_REQUEST['process'])?$_REQUEST['process']:'';
$aFields = getDynaformsVars( $proUid, true, isset( $_REQUEST['bIncMulSelFields'] ) ? $_REQUEST['bIncMulSelFields'] : 0 );
$_REQUEST['queryString'] = 'SYS';
$aVariables = array();
foreach ($aFields as $key => $value) {
if(stristr($aFields[$key]['sName'], $_REQUEST['queryString'])){
$aVariables[] = $aFields[$key];
}
}
$oJSON = new Services_JSON();
echo $oJSON->encode($aFields);
break;
/* /*
case 'saveFile': case 'saveFile':
global $G_PUBLISH; global $G_PUBLISH;