Context Navigation

source: prototipo_portal_2018/WebContent/newTestBdoc.html @ d76b369

Last change on this file since d76b369 was d76b369, checked in by antonioaraujob <antonioaraujob@…>, 9 years ago
Modificaciones en archivo index.html para ejecutar tipo de firma de acuerdo al radioButton seleccionado: PDF o BDOC.
Property mode set to `100644`
File size: 30.8 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":"351d6f62-4653-48d8-8a41-6145b53f3921",
420	"certificate":cert.hex,
421	"city":"Rubio",
422	"state":"Tachira",
423	"postalCode":"1234",
424	"country":"Venezuela",
425	"role":"Militar",
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://192.168.12.125:8443/Murachi/0.1/archivos/bdocs/firmas/pre",
435	//url:"https://172.16.137.11:8443/Murachi/murachi/archivos/pdfs",
436	//url:"https://murachi.cenditel.gob.ve/Murachi/0.1/archivos/pdfs",
437	dataType: "json",
438	data: parameters,
439	success: function(data, textStatus, jqXHR){
440	var json_x = data;
441	var hash = json_x['hash'];
442	//alert("hash recibido del servidor "+hash);
443
444	var hashtype = "SHA-256";
445	var lang = "eng";
446
447	window.hwcrypto.sign(cert, {type: hashtype, hex: hash}, {lang: lang}).then(function(signature) {
448
449	//var signature = response.hex.match(/.{1,64}/g).join("\n");
450	//log_text("Generated signature:\n" + response.hex.match(/.{1,64}/g).join("\n"));
451	//log_text("Generated signature:\n" + signature.hex);
452
453	alert("valor de la firma: " + signature.hex);
454
455
456	$.ajax({
457	type: 'POST',
458	contentType: 'application/json',
459	//url:"https://192.168.12.125:8443/Murachi/0.1/archivos/bdocs/resenas",
460	url:"https://192.168.12.125:8443/Murachi/0.1/archivos/bdocs/firmas/post",
461	//url:"https://172.16.137.11:8443/Murachi/murachi/archivos/pdfs/resenas",
462	//url:"https://murachi.cenditel.gob.ve/Murachi/0.1/archivos/pdfs/resenas",
463	dataType: 'json',
464	data: JSON.stringify({"signature":signature.hex, "containerId":"351d6f62-4653-48d8-8a41-6145b53f3921"}),
465	success: function(data, textStatus, jqXHR){
466	/*
467	var json_x = data;
468	var msg = json_x['message'];
469	alert('Archivo firmado en el servidor: ' + msg);
470	*/
471	alert('Archivo firmado correctamente: ' + data['signedFileId']);
472
473	alert("ver respuesta");
474	var linkToDownload = "<a href=\"https://192.168.12.125:8443/Murachi/0.1/archivos/descargas/" + data['signedFileId'] +"\">descargar archivo firmado</a>";
475	//var linkToDownload = "<a href=\"https://172.16.137.11:8443/Murachi/murachi/archivos/descargas/" + data['signedFileId'] +"\">descargar archivo firmado</a>";
476	//var linkToDownload = "<a href=\"https://murachi.cenditel.gob.ve/Murachi/0.1/archivos/descargas/" + data['signedFileId'] +"\">descargar archivo firmado</a>";
477	//alert(linkToDownload);
478	document.getElementById("respuesta").innerHTML = linkToDownload;
479
480
481	//descargar el archivo
482	/*
483	//var urlToDownload = "https://192.168.12.125:8443/Murachi/murachi/archivos/descargas/" + data['signedFileId'];
484	$.ajax({
485	type: 'GET',
486	contentType: false,
487	url: "https://192.168.12.125:8443/Murachi/murachi/archivos/descargas/" + data['signedFileId'],
488	dataType: false,
489	data: false,
490	success: function(data, textStatus, jqXHR){
491	alert("descargo el archivo");
492	},
493	error: function(jqXHR, textStatus, errorThrown){
494	alert('error en descarga de archivo: ' + textStatus);
495	$("#respuesta").html("error en descarga de archivo: " + textStatus);
496	}
497	});
498	*/
499	// fin de descarga de archivo
500
501
502	},
503	error: function(jqXHR, textStatus, errorThrown){
504	alert('error en /bdocs/resenas: ' + textStatus);
505	$("#respuesta").html("error en /bdocs/resenas: " + textStatus);
506	}
507	});
508
509	}, function(err) {
510	log_text("sign() failed: " + err);
511	alert("sign() failed: " + err);
512	$("#respuesta").html("sign() failed: " + err);
513	});
514
515	},
516	error: function(jqXHR, textStatus, errorThrown){
517	//alert('error: ' + textStatus);
518	//var responseText = jQuery.parseJSON(jqXHR.responseText);
519	alert('ajax error function: ' + jqXHR.responseText);
520	$("#respuesta").html("error function: " + jqXHR.responseText);
521	}
522
523
524	});
525
526
527
528	}, function(err) {
529	log_text("getCertificate() failed: " + err);
530	alert("getCertificate() failed: " + err);
531	$("#respuesta").html("getCertificate() failed: " + err);
532	});
533
534
535
536	},
537	error: function(response) {
538	//Que se ejecuta cuando finalice la petición de con error
539	$("#respuesta").html('Error...!!!');
540	alert("ocurrio un error")
541	}
542	});
543	});
544	});
545	</script>
546
547
548
549	<!-- Función que se conecta se servicio web de verificación de la firma electrónica
550	captura el evento submit y toma el formulario para enviar el servicio web -->
551
552	<script>
553	$(function(){
554	$("#verificar").on("submit", function(e){
555	e.preventDefault();
556	var f = $(this);
557
558	//var formData = new FormData(document.getElementById("verificar"));
559	var formData = new FormData();
560
561	//formData.append("dato", "valor");
562	formData.append("upload", $("#file-check-sign")[0].files[0]);
563	//formData.append(f.attr("name"), $(this)[0].files[0]);
564
565	$.ajax({
566	url: "https://192.168.12.125:8443/Murachi/0.1/archivos/firmados",
567	//url: "https://172.16.137.11:8443/Murachi/murachi/archivos/firmados",
568	//url: "https://172.16.137.11:8443/JAXRS-Murachi/murachi/archivos",
569	//url: "https://murachi.cenditel.gob.ve/Murachi/0.1/archivos/firmados",
570	type: "post",
571	dataType: "json",
572	data: formData,
573	cache: false,
574	contentType: false,
575	processData: false,
576	success: function(response) {
577	//alert(JSON.stringify(response));
578	var html = manejoJsonPDF(JSON.stringify(response));
579	//alert(html);
580	alert("ver respuesta")
581	document.getElementById("respuestaVerificacion").innerHTML = html;
582	$('table.display').dataTable();
583	},
584	error: function(response) {
585	//Que se ejecuta cuando finalice la petición de con error
586	$("#respuestaVerificacion").html('Error...!!!');
587	}
588	});
589	});
590	});
591	</script>
592
593
594	<!--Función que cactura el evento del button reset del formulario verificar
595	y limpia el div respuesta (tabla de la verificación de la firmna)-->
596
597	<script>
598	$(document).ready(function() {
599	$("#resetVerificacion").click(function() { // apply to reset button's click event
600	$("#respuestaVerificacion").html('');
601	});
602	});
603	</script>
604
605	<!--Función que cactura el evento del button reset del formulario firmar
606	y limpia el div respuesta (tabla de la firma)-->
607	<script>
608	$(document).ready(function() {
609	$("#reset").click(function() { // apply to reset button's click event
610	$("#respuesta").html('');
611	});
612	});
613	</script>
614
615
616	<!--Funcion para el manejo de un archivo json
617	Recibe el json (verificación de una firma pdf),
618	lo introduce en una tabla
619	y devuelve una un cadena de texto -->
620
621
622	<script>
623	function manejoJsonPDF(json) {
624
625	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"};
626	var objVarVerifique = JSON.parse(json);
627	var signatures = ''; //variable que maneja las firmas
628	var fields = ''; //variable que maneja los campos de la firma
629	var title = '<h2> Información de la firma electronica </h2> \n ';
630	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';
631	var footer = '</tbody> \n </table> \n </div> \n </div>';
632	var html = title;
633	var numsign = 0;
634
635	$.each(objVarVerifique, function(idx, obj) {
636
637	if(idx == "error") {
638	html = '<h4> Extensión no soportada, verifique el archivo </h4>';
639	return(html);
640	}
641
642	if(idx == "numberOfSignatures"){
643	numsign = obj;
644	html += '<h4>' + fielJsonEs[idx] + ': ' + obj +' </h4>\n <br><br>';
645	}
646
647	if(idx == "signatures") {
648	signatures = obj; //se almacena la(s) cabecera(s) de las firmas
649	}
650	});
651
652	var contsing = 1; // variable que indica la firma donde esta posicionado
653
654	<!-- recorre las firmas signatures -->
655
656	$.each(signatures, function(idx, obj) {
657	html += '<h4> Información de la firma: '+contsing+'<h4> \n';
658	html += head;
659	var contfiels = 1; // variable que indica el campo de la firma
660	fields = obj; // variable que almacena los campos de la firma
661	$.each(fields, function(id, objx) { <!-- Recorreo los campos de la firma -->
662	html += '<tr>\n<td>'+contfiels+'</td>\n<td>' + fielJsonEs[id] + '</td>\n<td>' + objx +' </td>\n</tr>\n';
663	contfiels++;
664	});
665	contsing++;
666	html += footer;
667	//if(contsing>numsign) html += footer;
668	//else html += footer + head
669	});
670	//html += footer;
671	return(html);
672	}
673	</script>
674
675
676
677
678	<!--Final Funciones que utiliza el sistema -->
679
680	<body>
681	<noscript><h1>Por favor habilite JavaScript!</h1></noscript>
682
683	<div class="container">
684	<div id="operation">
685	<ul id="tabs-operation" class="nav nav-tabs" data-tabs="tabs">
686	<li class="active"><a href="#firmar" data-toggle="tab">Firmar</a></li>
687	<li><a href="#verificar" data-toggle="tab">Verificar</a></li>
688	</ul>
689	<div id="operation-tab-content" class="tab-content">
690
691	<!-------------------Sección para firmar (formulario)------------------------->
692
693	<div class="tab-pane active" id="firmar">
694	<h1>Firmar Electrónicamente</h1>
695	<div class="container kv-main">
696	<!-- <form enctype="multipart/form-data" action="https://192.168.12.125:8443/Murachi/murachi/archivos" method="post" id="firmar"> -->
697	<!-- <form enctype="multipart/form-data" action="https://172.16.137.11:8443/Murachi/murachi/archivos" method="post" id="firmar"> -->
698	<form enctype="multipart/form-data" action="https://murachi.cenditel.gob.ve/Murachi/0.1/archivos" method="post" id="firmar">
699	<h2>Formato para la Firma</h2>
700	<p>Seleccione el tipo de formato que va a utilizar para firmar electrónicamente</p>
701	<div class="radio">
702	<label><input type="radio" name="optradio">PDF</label>
703	</div>
704	<div class="radio">
705	<label><input type="radio" name="optradio">BDOC</label>
706	</div>
707	<br>
708	<input id="file-sign" class="file" type="file" multiple data-min-file-count="1" name="upload">
709	<br>
710	<button type="submit" class="btn btn-primary">Enviar</button>
711	<button type="reset" id="reset" class="btn btn-default">Limpiar</button>
712	<br>
713	<br>
714	<div id="respuesta"> </div>
715
716	</form>
717	<br>
718	</div>
719	</div>
720
721	<!--------------------Sección para verificar (formulario)---------------------------->
722
723	<div class="tab-pane" id="verificar">
724	<h1>Verificar la firma electrónica</h1>
725	<div class="container kv-main">
726	<!-- <form enctype="multipart/form-data" action="https://192.168.12.125:8443/Murachi/murachi/archivos/firmados" method="post" id="verificar"> -->
727	<!-- <form enctype="multipart/form-data" action="https://172.16.137.11:8443/Murachi/murachi/archivos/firmados" method="post" id="verificar"> -->
728	<form enctype="multipart/form-data" action="https://murachi.cenditel.gob.ve/Murachi/0.1/archivos/firmados" method="post" id="verificar">
729	<input id="file-check-sign" class="file" type="file" multiple data-min-file-count="1" name="upload">
730	<br>
731	<button type="submit" class="btn btn-primary">Enviar</button>
732	<button type="reset" id="resetVerificacion" class="btn btn-default">Limpiar</button>
733	<br>
734	<br>
735	<div id="respuestaVerificacion"> </div>
736
737	</form>
738	</div>
739	</div>
740	</div>
741	</div>
742	<script type="text/javascript">
743	jQuery(document).ready(function ($) {
744	$('#tabs').tab();
745	});
746	</script>
747	</div>
748	<!-- container -->
749
750	<!--
751	<p><button id="click1" onclick='sign();'>Click here to invoke <b>sign()</b></button></p>
752
753	<p><button id="click2" onclick='logGetCertificate();'>get Certificate</button></p>
754	-->
755
756	<p>
757	<div id="log" style="white-space: pre; font-family: monospace;"></div>
758
759
760
761	<div class="container kv-main">
762	<form enctype="multipart/form-data" action="https://192.168.12.125:8443/Murachi/0.1/archivos/bdocs/cargas" method="post" id="cargar">
763	<input id="file-check-sign" class="file" type="file" multiple data-min-file-count="1" name="upload">
764	<br>
765	<button type="submit" class="btn btn-primary">Agregar</button>
766
767	<br>
768	<br>
769
770
771	</form>
772	</div>
773
774
775	</body>
776	</html>

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

Download in other formats: