processmaker-files/workflow/engine/xmlform/login/loginpm3.xml

<?xml version="1.0" encoding="UTF-8"?>
<dynaForm name="login" version="1.0" basedir="" xmlform_type="NORMAL" width="400px" enabletemplate="1">
  <BROWSER_TIME_ZONE_OFFSET type="hidden" />

  <TITLE type="title">
    <en><![CDATA[Login]]></en>
  </TITLE>
<USR_USERNAME type="text" size="30" maxlength="50" validate="Any" autocomplete="0">
    <en><![CDATA[User]]></en>
  </USR_USERNAME>
  <USR_PASSWORD type="text" size="30" maxlength="32" autocomplete="0">
    <en><![CDATA[Password]]></en>
  </USR_PASSWORD>
  <USR_PASSWORD_MASK type="password" size="30" maxlength="32" autocomplete="0">
    <en><![CDATA[Password]]></en>
  </USR_PASSWORD_MASK>
  <USER_LANG type="dropdown" sqlconnection="dbarray">
SELECT LANG_ID, LANG_NAME FROM langOptions
  <en><![CDATA[Language]]></en>
</USER_LANG>
  <URL type="hidden"/>
  <FAILED_LOGINS type="hidden"/>
  <LOGIN_VERIFY_MSG type="private" showInTable="0"/>
  <BSUBMIT type="button">
    <en><![CDATA[Login]]></en>
  </BSUBMIT>
  <FORGOT_PASWORD_LINK type="link" link="forgotPassword" onclick="" colAlign="right" colWidth="135" style="display:none;">
    <en><![CDATA[Forgot Password]]></en>
  </FORGOT_PASWORD_LINK>
  <JS type="javascript"><![CDATA[

//validate iframe login
if(inIframe() && (window.location.search.indexOf("inIFrame=1")===-1)) {
  if (PM.Sessions.getCookie('PM-TabPrimary') !== '101010010'
      && (window.location.pathname.indexOf("login/login") !== -1
      || window.location.pathname.indexOf("sysLogin") !== -1)) {
      window.top.location.href = window.location.pathname;
  }
}
function inIframe () {
    try {
        return window.self !== window.top;
    } catch (e) {
        return true;
    }
};
function getElementsByClassNameIE8(node, classname) {
    var a = [];
    var re = new RegExp('(^| )'+classname+'( |$)');
    var els = node.getElementsByTagName("*");
    for(var i=0,j=els.length; i<j; i++)
        if(re.test(els[i].className))a.push(els[i]);
    return a;
};

window.onload= function(){
   var inputUser,
       inputPass;
   if(document.getElementById('form[USR_USERNAME]').placeholder == undefined && document.getElementById('form[BSUBMIT]').classList == undefined){
    document.getElementById('form[USR_USERNAME]').value = _('ID_USER');
    document.getElementById('form[USR_PASSWORD_MASK]').value = _('ID_PASSWORD');
    document.getElementById('form[BSUBMIT]').className = "button-login-success";
    inputUser = document.getElementById('form[USR_USERNAME]');
    inputPass = document.getElementById('form[USR_PASSWORD_MASK]');

    inputUser.attachEvent("onclick", function (){
      if(_('ID_USER') == inputUser.value){
        inputUser.value="";
      }
    });
    inputUser.attachEvent("onblur", function (){
      if(inputUser.value == ""){
        inputUser.value=_('ID_USER');
      }
    });

    inputPass.attachEvent("onclick", function (){
      if(_('ID_PASSWORD') == inputPass.value){
        inputPass.value="";
      }
    });

    inputPass.attachEvent("onblur", function (){
      if(inputPass.value == ""){
        inputPass.value = _('ID_PASSWORD');
      }
    });


  }else{
    document.getElementById('form[USR_USERNAME]').placeholder = _('ID_USER');
    document.getElementById('form[USR_PASSWORD_MASK]').placeholder = _('ID_PASSWORD');
    document.getElementById('form[BSUBMIT]').classList.remove('module_app_button___gray');
    document.getElementById('form[BSUBMIT]').classList.add('button-login-success');
  }
};

// enable/disable forgot password link
if(flagForgotPassword == 'on' || flagForgotPassword == '1') {
  document.getElementById("form[FORGOT_PASWORD_LINK]").style.display = 'block';//hideRowById('FORGOT_PASWORD_LINK');
}

var panel;

function showGettingStarted() {
  panel = new leimnud.module.panel();
  panel.options = {
    size: {w:620,h:500},
    position: {x:50,y:50,center:true},
    control: {close:true,resize:false, drag: false},fx:{modal:true},
    statusBar: false,
    fx: {shadow:true,modal:true}
  };
  panel.make();
  panel.loader.show();
  var r = new leimnud.module.rpc.xmlhttp({
    url:"../services/login_getStarted.php",
    method:"POST"
  });
  r.callback = function(rpc) {
    panel.loader.hide();
    panel.addContent(rpc.xmlhttp.responseText);
  };
  r.make();
};

var saveConfig = function() {
  if (document.getElementById("getStarted").checked == true) {
    var oRPC = new leimnud.module.rpc.xmlhttp({
      url: '../login/login_Ajax',
      async: false,
      method: 'POST',
      args: 'function=getStarted_save'
    });
    oRPC.make();
  }
  panel.remove();
}

var dynaformOnload = function() {
  setFocus(getField('USR_USERNAME'));
  if (flagGettingStarted) {
    showGettingStarted();
  }
};

leimnud.event.add(document.getElementById('form[USR_PASSWORD_MASK]'), 'keypress', function(event) {
  var key;
  if(window.event)
    key = window.event.keyCode;     //IE
  else
    key = event.which;     //firefox
  if(key == 13) {
    document.getElementById('form[BSUBMIT]').click();
    return true;
  } else {
    return true;
  }
});

leimnud.event.add(document.getElementById('form[BSUBMIT]'), 'click', function() {
    setNestedProperty(this, Array("disabled"), "true");
    setNestedProperty(this, Array("value"), @@LOGIN_VERIFY_MSG);

    document.getElementById("form[USR_PASSWORD]").value = document.getElementById("form[USR_PASSWORD_MASK]").value;
    document.getElementById("form[USR_PASSWORD_MASK]").value = "";
    document.getElementById("form[BROWSER_TIME_ZONE_OFFSET]").value = getBrowserTimeZoneOffset();
    if(!navigator.userAgent.indexOf("MSIE 8.0")>0)
      document.getElementById("form[USR_PASSWORD_MASK]").setAttribute("type", "text");
    document.login.submit();
}.extend(document.getElementById('form[BSUBMIT]')));

]]></JS>
</dynaForm>