source: prototipo_portal_2018/WebContent/index.html @ 853bc8d

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

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