processmaker-builder/workflow/engine/xmlform/dynaforms/fields/javascript.xml

The gulp task runner for ProcessMaker building

<?xml version="1.0" encoding="UTF-8"?>
<dynaForm name="javascript" type="xmlform" width="100%" enableTemplate="1">
  <PME_A type="hidden"/>
  <PME_TYPE type="hidden"/>
  <A type="hidden" showInTable="0"/>
  <PME_TITLE type="title" enableHTML="1">
    <en><![CDATA[Properties]]></en>
  </PME_TITLE>
  <PME_XMLNODE_NAME type="text" size="32" maxlength="64" validate="NodeName" dependentFields="PME_VALIDATE_NAME" required="1">
    <en><![CDATA[Field Name]]></en>
  </PME_XMLNODE_NAME>
  <PME_XMLNODE_NAME_OLD type="hidden"/>
  <PME_VALIDATE_NAME type="hidden" sqlConnection="XMLDB">
SELECT XMLNODE_NAME, TYPE FROM dynaForm WHERE XMLNODE_NAME = @@PME_XMLNODE_NAME
</PME_VALIDATE_NAME>
  <PME_CODE type="textarea" cols="47" rows="11" defaultvalue="" style="overflow:scroll">
    <en><![CDATA[Code]]></en>
  </PME_CODE>
  <BTN_CANCEL type="button" onclick="cancel();">
    <en><![CDATA[Cancel]]></en>
  </BTN_CANCEL>
  <PME_ACCEPT type="button" onclick="saveJavascript(); fieldsSave( this.form );">
    <en><![CDATA[Save]]></en>
  </PME_ACCEPT>
  <PME_JS type="javascript"><![CDATA[
getField('PME_CODE').style.font='8pt Courier';

if (navigator.appName != "Microsoft Internet Explorer") {
  try {
    var oAllPs = document.querySelectorAll("div.panel_content___processmaker");
    oAllPs[1].style.height = "330px";
  }
  catch(e) {
    // nothing to do
  }
}

var fieldForm      = "javascript";
var fieldName      = getField("PME_XMLNODE_NAME",fieldForm);
var savedFieldName = fieldName.value;
var pme_validating;
leimnud.event.add(fieldName, 'change', {method:dynaformVerifyFieldName, instance:fieldName, event:true});

function cancel(){
    currentPopupWindow.remove();
}

var jsEditorPrompt = CodeMirror.fromTextArea(document.getElementById("form[PME_CODE]"), {
  height: "170px",
  width: "430px",
  parserfile: ["tokenizejavascript.js", "parsejavascript.js"],
  stylesheet: ["style/jscolors.css"],
  path: "js/",
  lineNumbers: true,
  continuousScanning: 500
});

/*var jsEditorPrompt = CodeMirror.fromTextArea(document.getElementById("form[PME_CODE]"), {
          mode: "javascript",
          lineNumbers: true,
          lineWrapping: true });
jsEditorPrompt.setSize(430, 170);*/

function saveJavascript()
{
  //document.getElementById('form[PME_CODE]').value = jsEditorPrompt.getValue();
  //jsEditorPrompt.save();
  jsEditorPrompt.setCode(jsEditorPrompt.getCode());
  jsEditorPrompt.save();
}

function setFocus1() {
  var fieldName=getField("PME_XMLNODE_NAME");
  fieldName.focus();
  fieldName.select();
}

setTimeout('setFocus1()', 500);

]]></PME_JS>
</dynaForm>