source: prototipo_portal_2018/WebContent/index.html @ f012b7f

Last change on this file since f012b7f was f012b7f, checked in by antonioaraujob <antonioaraujob@…>, 9 years ago

Nueva corrección de ruta en formulario para verificar archivos.
  • Property mode set to 100644
File size: 31.9 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            // inicio control de los botones radio en el formulario firmar (pdf,bdoc)-------------------------------------------- 
208
209            //alert("manejo de JsonPDF");
210           
211        // FIRMA DE PDF
212            if(document.SignFormat.optradio[0].checked) // chequea si el botón radio PDF esta seleccionado y entra a la sección en caso contrario va al otro if (botón radio BDOC)
213                {
214                alert(document.SignFormat.optradio[0].value);
215                        //alert("se presiono firmar pdf")
216           
217            //var formData = new FormData(document.getElementById("verificar"));
218            var formData = new FormData();
219           
220            //formData.append("dato", "valor");
221            formData.append("upload", $("#file-sign")[0].files[0]);
222            //formData.append(f.attr("name"), $(this)[0].files[0]);
223           
224            //alert("antes de ajax");
225           
226            $.ajax({
227                //url: "https://192.168.12.125:8443/Murachi/0.1/archivos",               
228                url: "https://murachi.cenditel.gob.ve/Murachi/0.1/archivos",
229                type: "post",
230                dataType: "json",
231                data: formData,
232                cache: false,
233                contentType: false,
234                                processData: false,
235                                success: function(response) {
236                                                //alert(JSON.stringify(response));
237                                                var html = manejoJsonPDF(JSON.stringify(response));
238                                                //alert(html);
239                                                //alert("ver respuesta")
240                                                document.getElementById("respuesta").innerHTML = html;
241                                               
242                                                // identificador del archivo en el servidor
243                                                var fileId = response.fileId.toString();
244                                                //alert("fileId: "+ fileId);
245                                                                                                                                               
246                                                // seleccionar certificado del firmante
247                                                //alert("va a seleccionar certificado");
248                                                var cert;
249                                                window.hwcrypto.getCertificate({lang: "en"}).then(function(response) {
250                                                        var cert = response;
251                                                        //log_text("Using certificate:\n" + hexToPem(response.hex));
252                                                                                                       
253                                                        //alert("cert: "+ cert.hex);
254                                                       
255                                                        var parameters = JSON.stringify({
256                                                                "fileId":fileId,
257                                                                "certificate":cert.hex,
258                                                                "reason":"prueba firma web",
259                                                                "location":"Oficina",
260                                                                "contact":"582746574336",
261                                                                "signatureVisible":"true"
262                                                                });
263                                                       
264                                                        // ahora llamar al ajax de obtener la resena del pdf
265                                                        $.ajax({
266                                                                type: 'POST',
267                                                                contentType: 'application/json',                               
268                                                                //url:"https://192.168.12.125:8443/Murachi/0.1/archivos/pdfs",
269                                                                url:"https://murachi.cenditel.gob.ve/Murachi/0.1/archivos/pdfs",
270                                                                dataType: "json",
271                                                                data: parameters,               
272                                                                success: function(data, textStatus, jqXHR){
273                                                                        var json_x = data;
274                                                                        var hash = json_x['hash']; 
275                                                                        //alert("hash recibido del servidor "+hash);
276                                                                       
277                                                                        var hashtype = "SHA-256";
278                                                                        var lang = "eng";
279                                                                       
280                                                                        window.hwcrypto.sign(cert, {type: hashtype, hex: hash}, {lang: lang}).then(function(signature) {
281                                                                               
282                                                                                //var signature = response.hex.match(/.{1,64}/g).join("\n");
283                                                                        //log_text("Generated signature:\n" + response.hex.match(/.{1,64}/g).join("\n"));
284                                                                        //log_text("Generated signature:\n" + signature.hex);
285                                                                       
286                                                                        //alert("valor de la firma: " + signature.hex);
287                                                                       
288                                                                        $.ajax({
289                                                                                        type: 'POST',
290                                                                                        contentType: 'application/json',
291                                                                                        //url:"https://192.168.12.125:8443/Murachi/0.1/archivos/pdfs/resenas",
292                                                                                        url:"https://murachi.cenditel.gob.ve/Murachi/0.1/archivos/pdfs/resenas",
293                                                                                        dataType: 'json',
294                                                                                        data: JSON.stringify({"signature":signature.hex}),
295                                                                                        success: function(data, textStatus, jqXHR){
296                                                                                                /*
297                                                                                                var json_x = data;
298                                                                                                var msg = json_x['message'];                                                                                           
299                                                                                                alert('Archivo firmado en el servidor: ' + msg);
300                                                                                                */
301                                                                                                alert('Archivo firmado correctamente: ' + data['signedFileId']);
302                                                                                               
303                                                                                                alert("ver respuesta");
304                                                                                                //var linkToDownload = "<a href=\"https://192.168.12.125:8443/Murachi/0.1/archivos/descargas/" + data['signedFileId'] +"\">descargar archivo firmado</a>";
305                                                                                                //var linkToDownload = "<a href=\"https://172.16.137.11:8443/Murachi/murachi/archivos/descargas/" + data['signedFileId'] +"\">descargar archivo firmado</a>";
306                                                                                                var linkToDownload = "<a href=\"https://murachi.cenditel.gob.ve/Murachi/0.1/archivos/descargas/" + data['signedFileId'] +"\">descargar archivo firmado</a>";
307                                                                                                //alert(linkToDownload);
308                                                                                                document.getElementById("respuesta").innerHTML = linkToDownload; 
309                                                                                               
310                                                                                               
311                                                                                                //descargar el archivo
312                                                                                                /*
313                                                                                                //var urlToDownload =   "https://192.168.12.125:8443/Murachi/murachi/archivos/descargas/" + data['signedFileId'];
314                                                                                                $.ajax({
315                                                                                                        type: 'GET',
316                                                                                                        contentType: false,
317                                                                                                        url: "https://192.168.12.125:8443/Murachi/murachi/archivos/descargas/" + data['signedFileId'],
318                                                                                                        dataType: false,
319                                                                                                        data: false,
320                                                                                                        success: function(data, textStatus, jqXHR){
321                                                                                                                alert("descargo el archivo");
322                                                                                                        },
323                                                                                                        error: function(jqXHR, textStatus, errorThrown){
324                                                                                                                alert('error en descarga de archivo: ' + textStatus);
325                                                                                                                $("#respuesta").html("error en descarga de archivo: " + textStatus);
326                                                                                                        }
327                                                                                                });
328                                                                                                */
329                                                                                                // fin de descarga de archivo
330                                                                                                                                                                                               
331                                                                                               
332                                                                                        },
333                                                                                        error: function(jqXHR, textStatus, errorThrown){
334                                                                                                alert('error en pdfs/resenas: ' + textStatus);
335                                                                                                $("#respuesta").html("error en pdfs/resenas: " + textStatus);
336                                                                                        }
337                                                                                });
338                                                                                                                       
339                                                                        }, function(err) {
340                                                                                log_text("sign() failed: " + err);
341                                                                                alert("sign() failed: " + err);
342                                                                                $("#respuesta").html("sign() failed: " + err);
343                                                                });
344                                                                       
345                                                                },                                                             
346                                                                error: function(jqXHR, textStatus, errorThrown){
347                                                                        //alert('error: ' + textStatus);
348                                                                        //var responseText = jQuery.parseJSON(jqXHR.responseText);
349                                                                        alert('ajax error function: ' + jqXHR.responseText);
350                                                                        $("#respuesta").html("error function: " + jqXHR.responseText);
351                                                                }
352                                                               
353                                               
354                                                        });
355                                                       
356                                                       
357                                                       
358                                                }, function(err) {
359                                                        log_text("getCertificate() failed: " + err);
360                                                        alert("getCertificate() failed: " + err);
361                                                        $("#respuesta").html("getCertificate() failed: " + err);
362                                                });
363                                               
364                                               
365                                               
366                    },
367                        error: function(response) {
368                                //Que se ejecuta cuando finalice la petición de con error
369                                                $("#respuesta").html('Error...!!!');
370                                alert("ocurrio un error")
371                                        }
372            });
373                }
374       
375        // FIRMA DE BDOC               
376            if(document.SignFormat.optradio[1].checked) //chequea si el botón radio BDOC esta seleccionado y entra
377            {
378                alert(document.SignFormat.optradio[1].value);
379                        //alert("se presiono firmar")
380           
381            //var formData = new FormData(document.getElementById("verificar"));
382            var formData = new FormData();
383           
384            //formData.append("dato", "valor");
385            // TODO: identificar una manera de pasar varios archivos a la vez
386            formData.append("upload", $("#file-sign")[0].files[0]);
387           
388           
389           
390            $.ajax({
391                //url: "https://192.168.12.125:8443/Murachi/0.1/archivos/bdocs/cargas",
392                url: "https://murachi.cenditel.gob.ve/Murachi/0.1/archivos/bdocs/cargas",
393                //url: "https://172.16.137.11:8443/Murachi/murachi/archivos",               
394                //url: "https://172.16.137.11:8443/JAXRS-Murachi/murachi/archivos",
395                //url: "https://murachi.cenditel.gob.ve/Murachi/0.1/archivos",
396                type: "post",
397                dataType: "json",
398                data: formData,
399                cache: false,
400                contentType: false,
401                                processData: false,
402                                success: function(response) {
403                                                //alert(JSON.stringify(response));
404                                               
405                                                //var aux = JSON.stringify(response);
406                                                //alert("aux: " + aux);
407
408                                                // identificador del archivo en el servidor
409                                                var fileId = response.containerId.toString();
410                                                //alert("fileId: "+ fileId);
411                                               
412                                                // seleccionar certificado del firmante
413                                                //alert("va a seleccionar certificado");
414                                                var cert;
415                                                window.hwcrypto.getCertificate({lang: "en"}).then(function(response) {
416                                                        var cert = response;
417                                                        //log_text("Using certificate:\n" + hexToPem(response.hex));
418                                                                                                       
419                                                        //alert("cert: "+ cert.hex);
420                                                       
421                                                        var parameters = JSON.stringify({
422                                                                "fileId":fileId,
423                                                                "certificate":cert.hex,
424                                                                "city":"Rubio",
425                                                                "state":"Tachira",
426                                                                "postalCode":"1234",
427                                                                "country":"Venezuela",
428                                                                "role":"Militar",
429                                                                "addSignature":false
430                                                                });
431                                                       
432                                                        // ahora llamar al ajax de obtener la resena del bdoc
433                                                        $.ajax({
434                                                                type: 'POST',
435                                                                contentType: 'application/json',                               
436                                                                //url:"https://192.168.12.125:8443/Murachi/0.1/archivos/bdocs",
437                                                                //url:"https://192.168.12.125:8443/Murachi/0.1/archivos/bdocs/firmas/pre",
438                                                                url:"https://murachi.cenditel.gob.ve/Murachi/0.1/archivos/bdocs/firmas/pre",
439                                                                //url:"https://172.16.137.11:8443/Murachi/murachi/archivos/pdfs",
440                                                                //url:"https://murachi.cenditel.gob.ve/Murachi/0.1/archivos/pdfs",
441                                                                dataType: "json",
442                                                                data: parameters,               
443                                                                success: function(data, textStatus, jqXHR){
444                                                                        var json_x = data;
445                                                                        var hash = json_x['hash']; 
446                                                                        //alert("hash recibido del servidor "+hash);
447                                                                       
448                                                                        var hashtype = "SHA-256";
449                                                                        var lang = "eng";
450                                                                       
451                                                                        window.hwcrypto.sign(cert, {type: hashtype, hex: hash}, {lang: lang}).then(function(signature) {
452                                                                               
453                                                                                //var signature = response.hex.match(/.{1,64}/g).join("\n");
454                                                                        //log_text("Generated signature:\n" + response.hex.match(/.{1,64}/g).join("\n"));
455                                                                        //log_text("Generated signature:\n" + signature.hex);
456                                                                       
457                                                                        //alert("valor de la firma: " + signature.hex);                                                                 
458                                                                       
459                                                                        $.ajax({
460                                                                                        type: 'POST',
461                                                                                        contentType: 'application/json',
462                                                                                        //url:"https://192.168.12.125:8443/Murachi/0.1/archivos/bdocs/resenas",
463                                                                                        //url:"https://192.168.12.125:8443/Murachi/0.1/archivos/bdocs/firmas/post",
464                                                                                        url:"https://murachi.cenditel.gob.ve/Murachi/0.1/archivos/bdocs/firmas/post",
465                                                                                        //url:"https://172.16.137.11:8443/Murachi/murachi/archivos/pdfs/resenas",
466                                                                                        //url:"https://murachi.cenditel.gob.ve/Murachi/0.1/archivos/pdfs/resenas",
467                                                                                        dataType: 'json',
468                                                                                        data: JSON.stringify({"signature":signature.hex, "containerId":fileId}),
469                                                                                        success: function(data, textStatus, jqXHR){
470                                                                                                /*
471                                                                                                var json_x = data;
472                                                                                                var msg = json_x['message'];                                                                                           
473                                                                                                alert('Archivo firmado en el servidor: ' + msg);
474                                                                                                */
475                                                                                                alert('Archivo firmado correctamente: ' + data['signedFileId']);
476                                                                                               
477                                                                                                alert("ver respuesta");
478                                                                                                //var linkToDownload = "<a href=\"https://192.168.12.125:8443/Murachi/0.1/archivos/descargas/" + data['signedFileId'] +"\">descargar archivo firmado</a>";
479                                                                                                //var linkToDownload = "<a href=\"https://172.16.137.11:8443/Murachi/murachi/archivos/descargas/" + data['signedFileId'] +"\">descargar archivo firmado</a>";
480                                                                                                var linkToDownload = "<a href=\"https://murachi.cenditel.gob.ve/Murachi/0.1/archivos/descargas/" + data['signedFileId'] +"\">descargar archivo firmado</a>";
481                                                                                                //alert(linkToDownload);
482                                                                                                document.getElementById("respuesta").innerHTML = linkToDownload; 
483                                                                                               
484                                                                                               
485                                                                                                //descargar el archivo
486                                                                                                /*
487                                                                                                //var urlToDownload =   "https://192.168.12.125:8443/Murachi/murachi/archivos/descargas/" + data['signedFileId'];
488                                                                                                $.ajax({
489                                                                                                        type: 'GET',
490                                                                                                        contentType: false,
491                                                                                                        url: "https://192.168.12.125:8443/Murachi/murachi/archivos/descargas/" + data['signedFileId'],
492                                                                                                        dataType: false,
493                                                                                                        data: false,
494                                                                                                        success: function(data, textStatus, jqXHR){
495                                                                                                                alert("descargo el archivo");
496                                                                                                        },
497                                                                                                        error: function(jqXHR, textStatus, errorThrown){
498                                                                                                                alert('error en descarga de archivo: ' + textStatus);
499                                                                                                                $("#respuesta").html("error en descarga de archivo: " + textStatus);
500                                                                                                        }
501                                                                                                });
502                                                                                                */
503                                                                                                // fin de descarga de archivo
504                                                                                                                                                                                               
505                                                                                               
506                                                                                        },
507                                                                                        error: function(jqXHR, textStatus, errorThrown){
508                                                                                                alert('error en /bdocs/resenas: ' + textStatus);
509                                                                                                $("#respuesta").html("error en /bdocs/resenas: " + textStatus);
510                                                                                        }
511                                                                                });
512                                                                                                                       
513                                                                        }, function(err) {
514                                                                                log_text("sign() failed: " + err);
515                                                                                alert("sign() failed: " + err);
516                                                                                $("#respuesta").html("sign() failed: " + err);
517                                                                });
518                                                                       
519                                                                },                                                             
520                                                                error: function(jqXHR, textStatus, errorThrown){
521                                                                        //alert('error: ' + textStatus);
522                                                                        //var responseText = jQuery.parseJSON(jqXHR.responseText);
523                                                                        alert('ajax error function: ' + jqXHR.responseText);
524                                                                        $("#respuesta").html("error function: " + jqXHR.responseText);
525                                                                }
526                                                               
527                                                        });
528                                                                                                               
529                                                }, function(err) {
530                                                        log_text("getCertificate() failed: " + err);
531                                                        alert("getCertificate() failed: " + err);
532                                                        $("#respuesta").html("getCertificate() failed: " + err);
533                                                });
534                                                                                               
535                },
536                //error: function(response) {
537                error: function(xhr, status, error) {
538                        //Que se ejecuta cuando finalice la petición de con error
539                                        $("#respuesta").html('Error...!!!');
540                       
541                                        alert(xhr.responseText);
542                                        alert(error);
543                       
544                                        alert("ocurrio un error en cargas");
545                                       
546                                       
547                                               
548                                }
549            });
550               
551               
552            }
553               
554            //fin de control de los botones radio en el formulario firmar (pdf,bdoc)----------------------------------------------
555
556       
557           
558        });
559    });
560    </script>
561   
562
563
564
565        <!-- Función que se conecta se servicio web de verificación de la firma electrónica
566                captura el evento submit y toma el formulario para enviar el servicio web -->
567       
568        <script>
569    $(function(){
570        $("#verificar").on("submit", function(e){
571            e.preventDefault();
572            var f = $(this);
573           
574            //var formData = new FormData(document.getElementById("verificar"));
575            var formData = new FormData();
576           
577            //formData.append("dato", "valor");
578            formData.append("upload", $("#file-check-sign")[0].files[0]);
579            //formData.append(f.attr("name"), $(this)[0].files[0]);
580           
581            $.ajax({
582                //url: "https://192.168.12.125:8443/Murachi/0.1/archivos/firmados",
583                //url: "https://172.16.137.11:8443/Murachi/murachi/archivos/firmados",               
584                //url: "https://172.16.137.11:8443/JAXRS-Murachi/murachi/archivos",
585                url: "https://murachi.cenditel.gob.ve/Murachi/0.1/archivos/firmados",
586                type: "post",
587                dataType: "json",
588                data: formData,
589                cache: false,
590                contentType: false,
591                                processData: false,
592                                success: function(response) {
593                                                //alert(JSON.stringify(response));
594                                                var html = manejoJsonPDF(JSON.stringify(response));
595                                                //alert(html);
596                                                alert("ver respuesta")
597                                                document.getElementById("respuestaVerificacion").innerHTML = html;
598                                                $('table.display').dataTable();
599                    },
600                        error: function(response) {
601                                //Que se ejecuta cuando finalice la petición de con error
602                                                $("#respuestaVerificacion").html('Error...!!!');
603                                        }
604            });
605        });
606    });
607    </script>
608       
609       
610        <!--Función que captura el evento del button reset del formulario verificar
611                y limpia el div respuesta (tabla de la verificación de la firmna)-->
612       
613        <script>
614                $(document).ready(function() {
615                $("#resetVerificacion").click(function() {       // apply to reset button's click event
616                        $("#respuestaVerificacion").html(''); 
617                });
618        });
619        </script>
620       
621         <!--Función que captura el evento del button reset del formulario firmar
622            y limpia el div respuesta (tabla de la firma)-->
623       <script>
624                $(document).ready(function() {
625                $("#reset").click(function() {       // apply to reset button's click event
626                        $("#respuesta").html(''); 
627                });
628        });
629        </script>
630
631       
632        <!--Funcion para el manejo de un archivo json
633                Recibe el json (verificación de una firma pdf),
634                lo introduce en una tabla
635                y devuelve una un cadena de texto -->
636               
637               
638        <script>
639                function manejoJsonPDF(json) {
640                       
641                        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"};
642                        var objVarVerifique = JSON.parse(json);
643                        var signatures = ''; //variable que maneja las firmas
644                        var fields = ''; //variable que maneja los campos de la firma
645                        var title = '<h2> Información de la firma electronica </h2> \n ';
646                        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';
647                        var footer = '</tbody> \n </table> \n </div> \n </div>';
648                        var html = title;
649                        var numsign = 0; 
650                               
651                        $.each(objVarVerifique, function(idx, obj) {
652                               
653                                if(idx == "error") {
654                                        html = '<h4> Extensión no soportada, verifique el archivo </h4>';       
655                    return(html);
656                    }
657                   
658                                if(idx == "numberOfSignatures"){
659                                        numsign = obj;
660                                        html += '<h4>' + fielJsonEs[idx] + ': ' + obj +' </h4>\n <br><br>';
661                                        }
662                                       
663                                if(idx == "signatures") { 
664                                signatures = obj; //se almacena la(s) cabecera(s) de las firmas
665                                }
666                                });
667                                               
668                                var contsing = 1; // variable que indica la firma donde esta posicionado
669                                               
670                                <!-- recorre las firmas signatures -->
671               
672                                $.each(signatures, function(idx, obj) { 
673                                        html += '<h4> Información de la firma: '+contsing+'<h4> \n';
674                                        html += head;
675                                        var contfiels = 1; // variable que indica el campo de la firma
676                                        fields = obj; // variable que almacena los campos de la firma
677                                        $.each(fields, function(id, objx) { <!-- Recorreo los campos de la firma -->
678                                                html += '<tr>\n<td>'+contfiels+'</td>\n<td>' + fielJsonEs[id] + '</td>\n<td>' + objx +' </td>\n</tr>\n';
679                                                contfiels++;
680                                        });
681                                        contsing++;
682                                        html += footer;
683                                        //if(contsing>numsign) html += footer;
684                                        //else html += footer + head                           
685                                });
686                                //html += footer;
687                                return(html);
688            }
689        </script>
690
691        <!--Funcion para el manejo de la extensión de los archivos en el momento de firmar de acuerdo a la selección del tipo de formato de firma
692            electronica que se vaya a utilizar señalada en el button radio (pdf,bdoc)-->
693
694       <script>
695                function manejoExtension() {
696                        if(document.SignFormat.optradio[0].checked)
697                                document.getElementById("file-sign").accept=".pdf";
698                        else
699                            document.getElementById("file-sign").accept=".*";
700                        }
701     </script>
702
703
704   
705<!--Final Funciones que utiliza el sistema -->
706
707        <body>
708                <noscript><h1>Por favor habilite JavaScript!</h1></noscript>
709               
710                <div class="container">
711                        <div id="operation">
712                                <ul id="tabs-operation" class="nav nav-tabs" data-tabs="tabs">
713                                        <li class="active"><a href="#firmar" data-toggle="tab">Firmar</a></li>
714                                        <li><a href="#verificar" data-toggle="tab">Verificar</a></li>
715                                </ul>
716                                <div id="operation-tab-content" class="tab-content">
717                                       
718                                        <!-------------------Sección para firmar (formulario)------------------------->
719                                       
720                                        <div class="tab-pane active" id="firmar">
721                                                <h1>Firmar Electrónicamente</h1>
722                                                <div class="container kv-main">
723                                                    <!-- <form enctype="multipart/form-data" action="https://192.168.12.125:8443/Murachi/0.1/archivos" method="post" id="firmar" name="SignFormat"> -->
724                                                        <!-- <form enctype="multipart/form-data" action="https://192.168.12.125:8443/Murachi/murachi/archivos" method="post" id="firmar"> -->
725                                                        <!-- <form enctype="multipart/form-data" action="https://172.16.137.11:8443/Murachi/murachi/archivos" method="post" id="firmar">  -->
726                                                        <form enctype="multipart/form-data" action="https://murachi.cenditel.gob.ve/Murachi/0.1/archivos" method="post" id="firmar" name="SignFormat">
727                                                                <h2>Formato para la Firma</h2>
728                                                                <p>Seleccione el tipo de formato que va a utilizar para firmar electrónicamente</p>                     
729                                                                <div class="radio">
730                                                                        <label><input type="radio" name="optradio" value="pdf" checked >PDF</label>
731                                                                </div>
732                                                                <div class="radio">
733                                                                        <label><input type="radio" name="optradio" value="bdoc" >BDOC</label>
734                                                                </div>
735                                                                <br>
736                                                        <input id="file-sign" class="file" type="file" multiple data-min-file-count="1" onclick="manejoExtension()" name="upload" >
737                                                                <br>
738                                                                <button type="submit" class="btn btn-primary">Enviar</button>
739                                                                <button type="reset" id="reset"  class="btn btn-default">Limpiar</button>
740                                                                <br>
741                                <br>
742                                <div id="respuesta"> </div>
743
744                                                        </form>
745                                                        <br>
746                                                </div>
747                                        </div>
748                                       
749                                        <!--------------------Sección para verificar (formulario)---------------------------->
750                                       
751                                        <div class="tab-pane" id="verificar">
752                                                <h1>Verificar la firma electrónica</h1>
753                                                <div class="container kv-main">
754                                                        <!-- <form enctype="multipart/form-data" action="https://192.168.12.125:8443/Murachi/0.1/archivos/firmados" method="post" id="verificar"> -->
755                                                        <!-- <form enctype="multipart/form-data" action="https://172.16.137.11:8443/Murachi/murachi/archivos/firmados" method="post" id="verificar"> -->
756                                                        <form enctype="multipart/form-data" action="https://murachi.cenditel.gob.ve/Murachi/0.1/archivos/firmados" method="post" id="verificar"> 
757                                                                <input id="file-check-sign" class="file" type="file" multiple data-min-file-count="1" name="upload">
758                                                                <br>
759                                                                <button type="submit" class="btn btn-primary">Enviar</button>
760                                                                <button type="reset" id="resetVerificacion" class="btn btn-default">Limpiar</button>
761                                                                <br>
762                                                                <br>
763                                                                <div id="respuestaVerificacion"> </div>
764
765                                                        </form>
766                                                </div>
767                                        </div>
768                                </div>
769                        </div>
770                        <script type="text/javascript">
771                                jQuery(document).ready(function ($) {
772                                        $('#tabs').tab();
773                                });
774                        </script>
775                </div> 
776                <!-- container -->
777               
778                <!--
779                <p><button id="click1" onclick='sign();'>Click here to invoke <b>sign()</b></button></p>
780               
781                <p><button id="click2" onclick='logGetCertificate();'>get Certificate</button></p>
782                -->
783               
784                <p>
785                <div id="log" style="white-space: pre; font-family: monospace;"></div>
786               
787        </body>
788</html>
Note: See TracBrowser for help on using the repository browser.