...
| Code Block | ||||
|---|---|---|---|---|
| ||||
<html>
<head>
<title>MFE Signature test</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- MFE 1) Etiqueta de compatiblidad ie-->
<meta http-equiv="X-UA-Compatible" content="requiresActiveX=true"/>
<!-- MFE 2) Javascript para firma en cliente -->
<script type="text/javascript" src="http://integracion/mfe_core/js/mfe_clientSignature.js"></script>
<script type="text/javascript">
// MFE 6) Función para para recoger la firma.
// En este ejemplo escondemos el iframe de firma y mostramos el resultado.
function signatureSuccess(signatureB64) {
console.log("[APP TEST] signatureSuccess!!");
document.getElementById("resulSignatureDiv").style.display = "block";
document.getElementById("signatureDiv").style.display = "none";
document.getElementById("resultMessage").innerHTML = "La firma se ha realizado satisfactoriamente";
document.getElementById("signature").innerHTML = "<strong>FIRMA DEL DOCUMENTO: </strong><br>" + signatureB64;
}
// MFE 7) Función para para recoger posible error durante la firma
// En nuestro ejemplo escondemos el iframe de firma y mostramos el resultado.
function signatureError(type, message){
console.error("[APP TEST] signatureError. Message: " + message + ", type: " + type);
document.getElementById("resulSignatureDiv").style.display = "block";
document.getElementById("signatureDiv").style.display = "none";
document.getElementById("resultMessage").innerHTML = "ERROR al firmar. Mensaje: " + message + ", tipo: " + type;
}
</script>
</head>
<body>
<h1 align="center">Firma de documentos</h1>
<!-- Div donde mostramos el iframe para la firma en cliente -->
<div id='signatureDiv' align="center" >
<div>
<label> Seleccione el método de firma que desee: </label>
</div>
<div>
<!-- MFE 3) iframe de firma cliente -->
<iframe id="mfeClientSignatureIframe"
src="http://integracion/mfe_core/rest/clientSignature/APP_TEST/firma_cades_detached_hash" width=750px height=300px frameBorder="0">
</iframe>
<!-- MFE 4) hash del documento a firmar (calculado con algoritmo SHA1 ya que la firma se realizará con algoritmo de firma SHA1)-->
<input id="mfeDataToSign" type="hidden" value="8pHUMKFll9B0kdhd8CPK1kmAJtU=">
<!-- MFE 4) firma en b64 donde se incluirá la nueva firma-->
<input id="mfeSignature" type="hidden" value="MIIXZgYJKoZIhvcNAQcCoIIXVzCCF1NVzCC(...)">
<!-- MFE 5) Filtrado por usuario no identificado mediante MFE -->
<input id="mfeIdUser" type="hidden" value="11111111H99999999R">
</div>
</div>
<!-- Div donde mostramos el resultado de la firma en cliente -->
<div id='resulSignatureDiv' align="center" style="display:none">
<div id="resultMessage" align="center"></div>
<div id="originalDataSigned" align="left">
<strong>DOCUMENTO ORIGINAL: </strong>
<br>Cadena de texto de prueba para firma
</div>
<br><br><br>
<div id="signature"align="left"></div>
</div>
</body>
</html> |
...