Context Navigation

source: prototipo_portal_2018/WebContent/index.html @ 51b96ce

Last change on this file since 51b96ce was 51b96ce, checked in by antonioaraujob <antonioaraujob@…>, 9 years ago
Agregada función de prueba para firmar en formato BDOC (comentada).
Property mode set to `100644`
File size: 30.2 KB

Line
1	<!DOCTYPE html>
2	<!-- release v4.1.8, copyright 2014 - 2015 Kartik Visweswaran -->
3	<html lang="en">
4	<head> <!--Inicio del head -->
5	<meta charset="UTF-8"/>
6	<link href="bootstrap.min.css" rel="stylesheet">
7	<link rel="stylesheet" type="text/css" href="css/dataTables.bootstrap.css">
8	<link rel="stylesheet" type="text/css" href="css/font-awesome.css">
9
10	<script type="text/javascript" src="jquery.min.js"></script>
11	<script type="text/javascript" src="js/jquery.dataTables.min.js"></script>
12	<script type="text/javascript" src="js/dataTables.bootstrap.js"></script>
13	<script src="bootstrap.min.js" type="text/javascript"></script>
14
15	<link href="css/fileinput.css" media="all" rel="stylesheet" type="text/css" />
16	<script src="js/jquery.form.js" type="text/javascript"></script>
17	<script src="js/fileinput.js" type="text/javascript"></script>
18	<script type="text/javascript" src="gitversion.js"></script>
19	<script type="text/javascript" src="hwcrypto-legacy.js"></script>
20	<script type="text/javascript" src="hwcrypto.js"></script>
21	<script type="text/javascript" src="hex2base.js"></script>
22
23	<script type="text/javascript" charset="utf-8">
24	$(document).ready(function() {
25	$('table.display').dataTable();
26	} );
27	</script>
28
29
30	</head> <!--fin del head -->
31
32	<!-- Header -->
33	<header>
34	<div id="barner">
35	<center>
36	<img class="img-responsive" alt="Cinque Terre" src="cabecera.png">
37
38	</div>
39
40	<nav class="navbar navbar-inverse">
41	<div class="container-fluid">
42	<div class="navbar-header">
43	<a class="navbar-brand" href="https://www.cenditel.gob.ve/">CENDITEL</a>
44	</div>
45	<div>
46	<ul class="nav navbar-nav navbar-right">
47	<li class="active"><a href="#">Home</a></li>
48	<li><a href="https://tibisay.cenditel.gob.ve/murachi">Wiki</a></li>
49	<li><a href="#">Contacto</a></li>
50	</ul>
51	</div>
52	</div>
53	</nav>
54	</header>
55	<!-- End Header -->
56
57	<div class="container">
58	<div class="jumbotron">
59
60
61	<h1><img src="version-beta2.png">Portal de firma electrónica y verificación</h1>
62	<p>Sistema para firmar electrónicamente documentos y verificar los documentos firmados</p>
63	</div>
64	</div>
65
66
67
68
69	<!--Inicio Funciones que utiliza el sistema -->
70
71	<!-- tomado de https://open-eid.github.io/hwcrypto.js/sign.html -->
72	<script>
73
74	function log_text(s) {
75	var d = document.createElement("div");
76	d.innerHTML = s;
77	document.getElementById('log').appendChild(d);
78	}
79
80	function debug() {
81	window.hwcrypto.debug().then(function(response) {log_text("Debug: " + response);});
82	}
83
84	function sign() {
85
86	alert("sign()");
87	// Clear log
88	document.getElementById('log').innerHTML = '';
89	// Timestamp
90	log_text("sign() clicked on " + new Date().toUTCString());
91
92	// Select hash
93	//var hashtype = $("input[name=hash]:checked").val();
94	var hashtype = "SHA-256";
95
96	// Set backend if asked
97	//var backend = $("input[name=backend]:checked").val()
98	var backend = "autodetect";
99
100	// get language
101	var lang = "en";
102	if (!window.hwcrypto.use(backend)) {
103	log_text("Selecting backend failed.");
104	}
105
106	var hash = $("#hashvalue").val();
107	log_text("Signing " + hashtype + ": " + hash);
108	// debug
109	window.hwcrypto.debug().then(function(response) {
110	log_text("Debug: " + response);
111	}, function(err) {
112	log_text("debug() failed: " + err);
113	return;
114	});
115	// Sign
116	window.hwcrypto.getCertificate({lang: lang}).then(function(response) {
117	var cert = response;
118	log_text("Using certificate:\n" + hexToPem(response.hex));
119
120
121	window.hwcrypto.sign(cert, {type: hashtype, hex: hash}, {lang: lang}).then(function(response) {
122	log_text("Generated signature:\n" + response.hex.match(/.{1,64}/g).join("\n"));
123	}, function(err) {
124	log_text("sign() failed: " + err);
125	});
126	}, function(err) {
127	log_text("getCertificate() failed: " + err);
128	}
129
130	);
131	}
132	</script>
133
134	<script>
135	function logGetCertificate() {
136
137	alert("logGetCertificate()");
138	// Clear log
139	document.getElementById('log').innerHTML = '';
140	// Timestamp
141	log_text("sign() clicked on " + new Date().toUTCString());
142
143	// Select hash
144	//var hashtype = $("input[name=hash]:checked").val();
145	var hashtype = "SHA-256";
146
147	// Set backend if asked
148	//var backend = $("input[name=backend]:checked").val()
149	var backend = "autodetect";
150
151	// get language
152	var lang = "en";
153	if (!window.hwcrypto.use(backend)) {
154	log_text("Selecting backend failed.");
155	}
156
157	var hash = $("#hashvalue").val();
158	log_text("Signing " + hashtype + ": " + hash);
159	// debug
160	window.hwcrypto.debug().then(function(response) {
161	log_text("Debug: " + response);
162	}, function(err) {
163	log_text("debug() failed: " + err);
164	return;
165	});
166	// Sign
167	window.hwcrypto.getCertificate({lang: lang}).then(function(response) {
168	var cert = response;
169	log_text("Using certificate:\n" + hexToPem(response.hex));
170	});
171	}
172
173
174	function getCertificate() {
175
176	alert("getCertificate()");
177	// Clear log
178	document.getElementById('log').innerHTML = '';
179	// Timestamp
180	log_text("sign() clicked on " + new Date().toUTCString());
181
182	// Set backend if asked
183	//var backend = $("input[name=backend]:checked").val()
184	var backend = "autodetect";
185
186	// get language
187	var lang = "en";
188	if (!window.hwcrypto.use(backend)) {
189	log_text("Selecting backend failed.");
190	}
191	window.hwcrypto.getCertificate({lang: lang}).then(function(response) {
192	var cert = response;
193	log_text("Using certificate:\n" + hexToPem(response.hex));
194	return cert;
195	});
196	}
197	</script>
198
199	<!-- Función que se conecta al servicio web de verificación de la firma electrónica
200	captura el evento submit y toma el formulario para firmar -->
201
202	<script>
203	$(function(){
204	$("#firmar").on("submit", function(e){
205	e.preventDefault();
206	var f = $(this);
207
208	//alert("se presiono firmar")
209
210	//var formData = new FormData(document.getElementById("verificar"));
211	var formData = new FormData();
212
213	//formData.append("dato", "valor");
214	formData.append("upload", $("#file-sign")[0].files[0]);
215	//formData.append(f.attr("name"), $(this)[0].files[0]);
216
217	$.ajax({
218	//url: "https://192.168.12.125:8443/Murachi/0.1/archivos",
219	url: "https://murachi.cenditel.gob.ve/Murachi/0.1/archivos",
220	type: "post",
221	dataType: "json",
222	data: formData,
223	cache: false,
224	contentType: false,
225	processData: false,
226	success: function(response) {
227	//alert(JSON.stringify(response));
228	var html = manejoJsonPDF(JSON.stringify(response));
229	//alert(html);
230	//alert("ver respuesta")
231	document.getElementById("respuesta").innerHTML = html;
232
233	// identificador del archivo en el servidor
234	var fileId = response.fileId.toString();
235	//alert("fileId: "+ fileId);
236
237	// seleccionar certificado del firmante
238	//alert("va a seleccionar certificado");
239	var cert;
240	window.hwcrypto.getCertificate({lang: "en"}).then(function(response) {
241	var cert = response;
242	//log_text("Using certificate:\n" + hexToPem(response.hex));
243
244	//alert("cert: "+ cert.hex);
245
246	var parameters = JSON.stringify({
247	"fileId":fileId,
248	"certificate":cert.hex,
249	"reason":"prueba firma web",
250	"location":"Oficina",
251	"contact":"582746574336",
252	"signatureVisible":"true"
253	});
254
255	// ahora llamar al ajax de obtener la resena del pdf
256	$.ajax({
257	type: 'POST',
258	contentType: 'application/json',
259	//url:"https://192.168.12.125:8443/Murachi/0.1/archivos/pdfs",
260	url:"https://murachi.cenditel.gob.ve/Murachi/0.1/archivos/pdfs",
261	dataType: "json",
262	data: parameters,
263	success: function(data, textStatus, jqXHR){
264	var json_x = data;
265	var hash = json_x['hash'];
266	//alert("hash recibido del servidor "+hash);
267
268	var hashtype = "SHA-256";
269	var lang = "eng";
270
271	window.hwcrypto.sign(cert, {type: hashtype, hex: hash}, {lang: lang}).then(function(signature) {
272
273	//var signature = response.hex.match(/.{1,64}/g).join("\n");
274	//log_text("Generated signature:\n" + response.hex.match(/.{1,64}/g).join("\n"));
275	//log_text("Generated signature:\n" + signature.hex);
276
277	//alert("valor de la firma: " + signature.hex);
278
279	$.ajax({
280	type: 'POST',
281	contentType: 'application/json',
282	//url:"https://192.168.12.125:8443/Murachi/0.1/archivos/pdfs/resenas",
283	url:"https://murachi.cenditel.gob.ve/Murachi/0.1/archivos/pdfs/resenas",
284	dataType: 'json',
285	data: JSON.stringify({"signature":signature.hex}),
286	success: function(data, textStatus, jqXHR){
287	/*
288	var json_x = data;
289	var msg = json_x['message'];
290	alert('Archivo firmado en el servidor: ' + msg);
291	*/
292	alert('Archivo firmado correctamente: ' + data['signedFileId']);
293
294	alert("ver respuesta");
295	//var linkToDownload = "<a href=\"https://192.168.12.125:8443/Murachi/0.1/archivos/descargas/" + data['signedFileId'] +"\">descargar archivo firmado</a>";
296	//var linkToDownload = "<a href=\"https://172.16.137.11:8443/Murachi/murachi/archivos/descargas/" + data['signedFileId'] +"\">descargar archivo firmado</a>";
297	var linkToDownload = "<a href=\"https://murachi.cenditel.gob.ve/Murachi/0.1/archivos/descargas/" + data['signedFileId'] +"\">descargar archivo firmado</a>";
298	//alert(linkToDownload);
299	document.getElementById("respuesta").innerHTML = linkToDownload;
300
301
302	//descargar el archivo
303	/*
304	//var urlToDownload = "https://192.168.12.125:8443/Murachi/murachi/archivos/descargas/" + data['signedFileId'];
305	$.ajax({
306	type: 'GET',
307	contentType: false,
308	url: "https://192.168.12.125:8443/Murachi/murachi/archivos/descargas/" + data['signedFileId'],
309	dataType: false,
310	data: false,
311	success: function(data, textStatus, jqXHR){
312	alert("descargo el archivo");
313	},
314	error: function(jqXHR, textStatus, errorThrown){
315	alert('error en descarga de archivo: ' + textStatus);
316	$("#respuesta").html("error en descarga de archivo: " + textStatus);
317	}
318	});
319	*/
320	// fin de descarga de archivo
321
322
323	},
324	error: function(jqXHR, textStatus, errorThrown){
325	alert('error en pdfs/resenas: ' + textStatus);
326	$("#respuesta").html("error en pdfs/resenas: " + textStatus);
327	}
328	});
329
330	}, function(err) {
331	log_text("sign() failed: " + err);
332	alert("sign() failed: " + err);
333	$("#respuesta").html("sign() failed: " + err);
334	});
335
336	},
337	error: function(jqXHR, textStatus, errorThrown){
338	//alert('error: ' + textStatus);
339	//var responseText = jQuery.parseJSON(jqXHR.responseText);
340	alert('ajax error function: ' + jqXHR.responseText);
341	$("#respuesta").html("error function: " + jqXHR.responseText);
342	}
343
344
345	});
346
347
348
349	}, function(err) {
350	log_text("getCertificate() failed: " + err);
351	alert("getCertificate() failed: " + err);
352	$("#respuesta").html("getCertificate() failed: " + err);
353	});
354
355
356
357	},
358	error: function(response) {
359	//Que se ejecuta cuando finalice la petición de con error
360	$("#respuesta").html('Error...!!!');
361	alert("ocurrio un error")
362	}
363	});
364	});
365	});
366	</script>
367
368
369	<!-- Prueba de firma de BDOC -->
370	<!--
371	<script>
372	$(function(){
373	$("#firmar").on("submit", function(e){
374	e.preventDefault();
375	var f = $(this);
376
377	//alert("se presiono firmar")
378
379	//var formData = new FormData(document.getElementById("verificar"));
380	var formData = new FormData();
381
382	//formData.append("dato", "valor");
383	formData.append("upload", $("#file-sign")[0].files[0]);
384	//formData.append(f.attr("name"), $(this)[0].files[0]);
385
386	$.ajax({
387	url: "https://192.168.12.125:8443/Murachi/0.1/archivos",
388	//url: "https://172.16.137.11:8443/Murachi/murachi/archivos",
389	//url: "https://172.16.137.11:8443/JAXRS-Murachi/murachi/archivos",
390	//url: "https://murachi.cenditel.gob.ve/Murachi/0.1/archivos",
391	type: "post",
392	dataType: "json",
393	data: formData,
394	cache: false,
395	contentType: false,
396	processData: false,
397	success: function(response) {
398	//alert(JSON.stringify(response));
399	var html = manejoJsonPDF(JSON.stringify(response));
400	//alert(html);
401	//alert("ver respuesta")
402	document.getElementById("respuesta").innerHTML = html;
403
404	// identificador del archivo en el servidor
405	var fileId = response.fileId.toString();
406	alert("fileId: "+ fileId);
407
408
409	// seleccionar certificado del firmante
410	alert("va a seleccionar certificado");
411	var cert;
412	window.hwcrypto.getCertificate({lang: "en"}).then(function(response) {
413	var cert = response;
414	//log_text("Using certificate:\n" + hexToPem(response.hex));
415
416	//alert("cert: "+ cert.hex);
417
418	var parameters = JSON.stringify({
419	"fileId":fileId,
420	"certificate":cert.hex,
421	"city":"Merida",
422	"state":"Merida",
423	"postalCode":"5101",
424	"country":"Venezuela",
425	"role":"Desarrollador",
426	"addSignature":false
427	});
428
429	// ahora llamar al ajax de obtener la resena del bdoc
430	$.ajax({
431	type: 'POST',
432	contentType: 'application/json',
433	url:"https://192.168.12.125:8443/Murachi/0.1/archivos/bdocs",
434	//url:"https://172.16.137.11:8443/Murachi/murachi/archivos/pdfs",
435	//url:"https://murachi.cenditel.gob.ve/Murachi/0.1/archivos/pdfs",
436	dataType: "json",
437	data: parameters,
438	success: function(data, textStatus, jqXHR){
439	var json_x = data;
440	var hash = json_x['hash'];
441	//alert("hash recibido del servidor "+hash);
442
443	var hashtype = "SHA-256";
444	var lang = "eng";
445
446	window.hwcrypto.sign(cert, {type: hashtype, hex: hash}, {lang: lang}).then(function(signature) {
447
448	//var signature = response.hex.match(/.{1,64}/g).join("\n");
449	//log_text("Generated signature:\n" + response.hex.match(/.{1,64}/g).join("\n"));
450	//log_text("Generated signature:\n" + signature.hex);
451
452	alert("valor de la firma: " + signature.hex);
453
454
455	$.ajax({
456	type: 'POST',
457	contentType: 'application/json',
458	url:"https://192.168.12.125:8443/Murachi/0.1/archivos/bdocs/resenas",
459	//url:"https://172.16.137.11:8443/Murachi/murachi/archivos/pdfs/resenas",
460	//url:"https://murachi.cenditel.gob.ve/Murachi/0.1/archivos/pdfs/resenas",
461	dataType: 'json',
462	data: JSON.stringify({"signature":signature.hex}),
463	success: function(data, textStatus, jqXHR){
464	/*
465	var json_x = data;
466	var msg = json_x['message'];
467	alert('Archivo firmado en el servidor: ' + msg);
468	*/
469	alert('Archivo firmado correctamente: ' + data['signedFileId']);
470
471	alert("ver respuesta");
472	var linkToDownload = "<a href=\"https://192.168.12.125:8443/Murachi/0.1/archivos/descargas/" + data['signedFileId'] +"\">descargar archivo firmado</a>";
473	//var linkToDownload = "<a href=\"https://172.16.137.11:8443/Murachi/murachi/archivos/descargas/" + data['signedFileId'] +"\">descargar archivo firmado</a>";
474	//var linkToDownload = "<a href=\"https://murachi.cenditel.gob.ve/Murachi/0.1/archivos/descargas/" + data['signedFileId'] +"\">descargar archivo firmado</a>";
475	//alert(linkToDownload);
476	document.getElementById("respuesta").innerHTML = linkToDownload;
477
478
479	//descargar el archivo
480	/*
481	//var urlToDownload = "https://192.168.12.125:8443/Murachi/murachi/archivos/descargas/" + data['signedFileId'];
482	$.ajax({
483	type: 'GET',
484	contentType: false,
485	url: "https://192.168.12.125:8443/Murachi/murachi/archivos/descargas/" + data['signedFileId'],
486	dataType: false,
487	data: false,
488	success: function(data, textStatus, jqXHR){
489	alert("descargo el archivo");
490	},
491	error: function(jqXHR, textStatus, errorThrown){
492	alert('error en descarga de archivo: ' + textStatus);
493	$("#respuesta").html("error en descarga de archivo: " + textStatus);
494	}
495	});
496	*/
497	// fin de descarga de archivo
498
499
500	},
501	error: function(jqXHR, textStatus, errorThrown){
502	alert('error en /bdocs/resenas: ' + textStatus);
503	$("#respuesta").html("error en /bdocs/resenas: " + textStatus);
504	}
505	});
506
507	}, function(err) {
508	log_text("sign() failed: " + err);
509	alert("sign() failed: " + err);
510	$("#respuesta").html("sign() failed: " + err);
511	});
512
513	},
514	error: function(jqXHR, textStatus, errorThrown){
515	//alert('error: ' + textStatus);
516	//var responseText = jQuery.parseJSON(jqXHR.responseText);
517	alert('ajax error function: ' + jqXHR.responseText);
518	$("#respuesta").html("error function: " + jqXHR.responseText);
519	}
520
521
522	});
523
524
525
526	}, function(err) {
527	log_text("getCertificate() failed: " + err);
528	alert("getCertificate() failed: " + err);
529	$("#respuesta").html("getCertificate() failed: " + err);
530	});
531
532
533
534	},
535	error: function(response) {
536	//Que se ejecuta cuando finalice la petición de con error
537	$("#respuesta").html('Error...!!!');
538	alert("ocurrio un error")
539	}
540	});
541	});
542	});
543	</script>
544	-->
545
546
547	<!-- Función que se conecta se servicio web de verificación de la firma electrónica
548	captura el evento submit y toma el formulario para enviar el servicio web -->
549
550	<script>
551	$(function(){
552	$("#verificar").on("submit", function(e){
553	e.preventDefault();
554	var f = $(this);
555
556	//var formData = new FormData(document.getElementById("verificar"));
557	var formData = new FormData();
558
559	//formData.append("dato", "valor");
560	formData.append("upload", $("#file-check-sign")[0].files[0]);
561	//formData.append(f.attr("name"), $(this)[0].files[0]);
562
563	$.ajax({
564	//url: "https://192.168.12.125:8443/Murachi/murachi/archivos/firmados",
565	//url: "https://172.16.137.11:8443/Murachi/murachi/archivos/firmados",
566	//url: "https://172.16.137.11:8443/JAXRS-Murachi/murachi/archivos",
567	url: "https://murachi.cenditel.gob.ve/Murachi/0.1/archivos/firmados",
568	type: "post",
569	dataType: "json",
570	data: formData,
571	cache: false,
572	contentType: false,
573	processData: false,
574	success: function(response) {
575	//alert(JSON.stringify(response));
576	var html = manejoJsonPDF(JSON.stringify(response));
577	//alert(html);
578	alert("ver respuesta")
579	document.getElementById("respuestaVerificacion").innerHTML = html;
580	$('table.display').dataTable();
581	},
582	error: function(response) {
583	//Que se ejecuta cuando finalice la petición de con error
584	$("#respuestaVerificacion").html('Error...!!!');
585	}
586	});
587	});
588	});
589	</script>
590
591
592	<!--Función que cactura el evento del button reset del formulario verificar
593	y limpia el div respuesta (tabla de la verificación de la firmna)-->
594
595	<script>
596	$(document).ready(function() {
597	$("#resetVerificacion").click(function() { // apply to reset button's click event
598	$("#respuestaVerificacion").html('');
599	});
600	});
601	</script>
602
603	<!--Función que cactura el evento del button reset del formulario firmar
604	y limpia el div respuesta (tabla de la firma)-->
605	<script>
606	$(document).ready(function() {
607	$("#reset").click(function() { // apply to reset button's click event
608	$("#respuesta").html('');
609	});
610	});
611	</script>
612
613
614	<!--Funcion para el manejo de un archivo json
615	Recibe el json (verificación de una firma pdf),
616	lo introduce en una tabla
617	y devuelve una un cadena de texto -->
618
619
620	<script>
621	function manejoJsonPDF(json) {
622
623	var fielJsonEs = {fileId: "Identificador único del archivo en el servidor", fileExist:"El archivo se cargó exitosamente en el servidor", mimeType:"Tipo MIME del archivo verificado", error:"Extension not supported. En caso de que el archivo sea diferente de PDF y BDOC", numberOfSignatures:"Número de firmas existentes en el archivo", signatures:"Lista de firmas", signatureType:"Tipo de firma de archivo PDF", signedOn:"Fecha en que se realiza la firma", integrityCheck:"Chequea la integridad de la firma", timeStamp:"Estampilla de tiempo", reason:"Razón de la firma", location:"Ubicación donde se realiza la firma", alternativeNameOfTheSigner:"Nombre alternativo del firmante", signerCertificateValidFrom:"Fecha de inicio de validez del certificado", signerCertificateStillValid:"El certificado todavía está válido", signerCertificateHasExpired:"El certificado expiró", signatureCoversWholeDocument:"La firma abarca todo el documento PDF", filterSubtype:"Tipo de subfiltro: /adbe.pkcs7.sha1, /adbe.pkcs7.detached", signerCertificateSubject:"Sujeto firmante", signerCertificateValidAtTimeOfSigning:"El certificado es válido en el momento de la firma", encryptionAlgorithm:"Algoritmo de cifrado", timeStampService:"Servicio de estampillado de tiempo", digestAlgorithm:"Algoritmo hash (reseña)", certificatesVerifiedAgainstTheKeyStore:"Certificado verificado contra el repositorio de certificados confiables", documentRevision:"Número de revisión del documento PDF", nameOfTheSigner:"Nombre del firmante", totalDocumentRevisions:"Número total de revisiones del documento PDF", contactInfo:"Información de contacto del firmante", timeStampVerified:"Estampilla de tiempo verificada", signerCertificateIssuer:"Emisor del certificado firmante", signerCertificateValidTo:"Fecha de fin de validez del certificado", signerCertificateSerial:"BDOC: Serial del certificado del firmante", signatureProfile:"BDOC: Perfil de la firma", signatureMethod:"BDOC: Algoritmo de firma utilizado", signatureId:"BDOC: identificador de la firma", signatureSigningTime:"BDOC: Hora y fecha en que se realiza la firma", signerCertificateIsValid:"BDOC: El certificado firmante es válido", signatureValidationException:"BDOC: Exepciones de la validación de la firma", isValid:"BDOC: Firma electrónica válida", signerCertificateSubjectName:"BDOC: Nombre del sujeto firmante", containerValidation:"BDOC: Especifica si el contenedor posee una estructura válida", numberOfDataFiles:"BDOC: Cantidad de archivos incluidos en el contenedor BDOC", dataFiles:"BDOC: Lista de archivos incluidos en el contenedor", name:"BDOC: Nombre del archivo incluido en el contenedor", dataFileSize:"BDOC: Tamaño del archivo incluido en el contenedor", filename:"BDOC: Nombre del archivo incluido en el contenedor", mediaType:"BDOC: Tipo MIME del archivo incluido en el contenedor"};
624	var objVarVerifique = JSON.parse(json);
625	var signatures = ''; //variable que maneja las firmas
626	var fields = ''; //variable que maneja los campos de la firma
627	var title = '<h2> Información de la firma electronica </h2> \n ';
628	var head = '<div class=\'container\'> \n <table id=\' \' class=\'display table table-striped table-bordered\' cellspacing=\'0\' width=\'100%\' > \n <thead> \n <tr>\n <th>#</th>\n <th>Campo</th>\n <th>Descripción</th> \n </tr>\n </thead>\n <tbody> \n';
629	var footer = '</tbody> \n </table> \n </div> \n </div>';
630	var html = title;
631	var numsign = 0;
632
633	$.each(objVarVerifique, function(idx, obj) {
634
635	if(idx == "error") {
636	html = '<h4> Extensión no soportada, verifique el archivo </h4>';
637	return(html);
638	}
639
640	if(idx == "numberOfSignatures"){
641	numsign = obj;
642	html += '<h4>' + fielJsonEs[idx] + ': ' + obj +' </h4>\n <br><br>';
643	}
644
645	if(idx == "signatures") {
646	signatures = obj; //se almacena la(s) cabecera(s) de las firmas
647	}
648	});
649
650	var contsing = 1; // variable que indica la firma donde esta posicionado
651
652	<!-- recorre las firmas signatures -->
653
654	$.each(signatures, function(idx, obj) {
655	html += '<h4> Información de la firma: '+contsing+'<h4> \n';
656	html += head;
657	var contfiels = 1; // variable que indica el campo de la firma
658	fields = obj; // variable que almacena los campos de la firma
659	$.each(fields, function(id, objx) { <!-- Recorreo los campos de la firma -->
660	html += '<tr>\n<td>'+contfiels+'</td>\n<td>' + fielJsonEs[id] + '</td>\n<td>' + objx +' </td>\n</tr>\n';
661	contfiels++;
662	});
663	contsing++;
664	html += footer;
665	//if(contsing>numsign) html += footer;
666	//else html += footer + head
667	});
668	//html += footer;
669	return(html);
670	}
671	</script>
672
673
674
675
676	<!--Final Funciones que utiliza el sistema -->
677
678	<body>
679	<noscript><h1>Por favor habilite JavaScript!</h1></noscript>
680
681	<div class="container">
682	<div id="operation">
683	<ul id="tabs-operation" class="nav nav-tabs" data-tabs="tabs">
684	<li class="active"><a href="#firmar" data-toggle="tab">Firmar</a></li>
685	<li><a href="#verificar" data-toggle="tab">Verificar</a></li>
686	</ul>
687	<div id="operation-tab-content" class="tab-content">
688
689	<!-------------------Sección para firmar (formulario)------------------------->
690
691	<div class="tab-pane active" id="firmar">
692	<h1>Firmar Electrónicamente</h1>
693	<div class="container kv-main">
694	<!-- <form enctype="multipart/form-data" action="https://192.168.12.125:8443/Murachi/murachi/archivos" method="post" id="firmar"> -->
695	<!-- <form enctype="multipart/form-data" action="https://172.16.137.11:8443/Murachi/murachi/archivos" method="post" id="firmar"> -->
696	<form enctype="multipart/form-data" action="https://murachi.cenditel.gob.ve/Murachi/0.1/archivos" method="post" id="firmar">
697	<h2>Formato para la Firma</h2>
698	<p>Seleccione el tipo de formato que va a utilizar para firmar electrónicamente</p>
699	<div class="radio">
700	<label><input type="radio" name="optradio">PDF</label>
701	</div>
702	<div class="radio">
703	<label><input type="radio" name="optradio">BDOC</label>
704	</div>
705	<br>
706	<input id="file-sign" class="file" type="file" multiple data-min-file-count="1" name="upload">
707	<br>
708	<button type="submit" class="btn btn-primary">Enviar</button>
709	<button type="reset" id="reset" class="btn btn-default">Limpiar</button>
710	<br>
711	<br>
712	<div id="respuesta"> </div>
713
714	</form>
715	<br>
716	</div>
717	</div>
718
719	<!--------------------Sección para verificar (formulario)---------------------------->
720
721	<div class="tab-pane" id="verificar">
722	<h1>Verificar la firma electrónica</h1>
723	<div class="container kv-main">
724	<!-- <form enctype="multipart/form-data" action="https://192.168.12.125:8443/Murachi/murachi/archivos/firmados" method="post" id="verificar"> -->
725	<!-- <form enctype="multipart/form-data" action="https://172.16.137.11:8443/Murachi/murachi/archivos/firmados" method="post" id="verificar"> -->
726	<form enctype="multipart/form-data" action="https://murachi.cenditel.gob.ve/Murachi/0.1/archivos/firmados" method="post" id="verificar">
727	<input id="file-check-sign" class="file" type="file" multiple data-min-file-count="1" name="upload">
728	<br>
729	<button type="submit" class="btn btn-primary">Enviar</button>
730	<button type="reset" id="resetVerificacion" class="btn btn-default">Limpiar</button>
731	<br>
732	<br>
733	<div id="respuestaVerificacion"> </div>
734
735	</form>
736	</div>
737	</div>
738	</div>
739	</div>
740	<script type="text/javascript">
741	jQuery(document).ready(function ($) {
742	$('#tabs').tab();
743	});
744	</script>
745	</div>
746	<!-- container -->
747
748	<!--
749	<p><button id="click1" onclick='sign();'>Click here to invoke <b>sign()</b></button></p>
750
751	<p><button id="click2" onclick='logGetCertificate();'>get Certificate</button></p>
752	-->
753
754	<p>
755	<div id="log" style="white-space: pre; font-family: monospace;"></div>
756
757	</body>
758	</html>

Note: See TracBrowser for help on using the repository browser.

Download in other formats: