source: prototipo_portal_2018/WebContent/index.html @ 7e84b85

Last change on this file since 7e84b85 was 7e84b85, checked in by Pedro Buitrago <pbuitrago@…>, 9 years ago

se agrego en la funcion manejoExtension() la opcion de permitir seleccionar un archivo si es PDF y varios archivos si es BDOC
  • 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                                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            var fileInput = document.getElementById("file-sign");
384            var list = fileInput.files;
385            for (var i=0; i<list.length; i++){
386                                formData.append("upload", $("#file-sign")[0].files[i]);
387                        }
388                        //alert(list.length);
389            //formData.append("dato", "valor");
390            // TODO: identificar una manera de pasar varios archivos a la vez
391            //formData.append("upload", $("#file-sign")[0].files[0]);
392           
393           
394           
395            $.ajax({
396                //url: "https://192.168.12.125:8443/Murachi/0.1/archivos/bdocs/cargas",
397                url: "https://murachi.cenditel.gob.ve/Murachi/0.1/archivos/bdocs/cargas",
398                //url: "https://172.16.137.11:8443/Murachi/murachi/archivos",               
399                //url: "https://172.16.137.11:8443/JAXRS-Murachi/murachi/archivos",
400                //url: "https://murachi.cenditel.gob.ve/Murachi/0.1/archivos",
401                type: "post",
402                dataType: "json",
403                data: formData,
404                cache: false,
405                contentType: false,
406                                processData: false,
407                                success: function(response) {
408                                                //alert(JSON.stringify(response));
409                                               
410                                                //var aux = JSON.stringify(response);
411                                                //alert("aux: " + aux);
412
413                                                // identificador del archivo en el servidor
414                                                var fileId = response.containerId.toString();
415                                                //alert("fileId: "+ fileId);
416                                               
417                                                // seleccionar certificado del firmante
418                                                //alert("va a seleccionar certificado");
419                                                var cert;
420                                                window.hwcrypto.getCertificate({lang: "en"}).then(function(response) {
421                                                        var cert = response;
422                                                        //log_text("Using certificate:\n" + hexToPem(response.hex));
423                                                                                                       
424                                                        //alert("cert: "+ cert.hex);
425                                                       
426                                                        var parameters = JSON.stringify({
427                                                                "fileId":fileId,
428                                                                "certificate":cert.hex,
429                                                                "city":"Rubio",
430                                                                "state":"Tachira",
431                                                                "postalCode":"1234",
432                                                                "country":"Venezuela",
433                                                                "role":"Militar",
434                                                                "addSignature":false
435                                                                });
436                                                       
437                                                        // ahora llamar al ajax de obtener la resena del bdoc
438                                                        $.ajax({
439                                                                type: 'POST',
440                                                                contentType: 'application/json',                               
441                                                                //url:"https://192.168.12.125:8443/Murachi/0.1/archivos/bdocs",
442                                                                //url:"https://192.168.12.125:8443/Murachi/0.1/archivos/bdocs/firmas/pre",
443                                                                url:"https://murachi.cenditel.gob.ve/Murachi/0.1/archivos/bdocs/firmas/pre",
444                                                                //url:"https://172.16.137.11:8443/Murachi/murachi/archivos/pdfs",
445                                                                //url:"https://murachi.cenditel.gob.ve/Murachi/0.1/archivos/pdfs",
446                                                                dataType: "json",
447                                                                data: parameters,               
448                                                                success: function(data, textStatus, jqXHR){
449                                                                        var json_x = data;
450                                                                        var hash = json_x['hash']; 
451                                                                        //alert("hash recibido del servidor "+hash);
452                                                                       
453                                                                        var hashtype = "SHA-256";
454                                                                        var lang = "eng";
455                                                                       
456                                                                        window.hwcrypto.sign(cert, {type: hashtype, hex: hash}, {lang: lang}).then(function(signature) {
457                                                                               
458                                                                                //var signature = response.hex.match(/.{1,64}/g).join("\n");
459                                                                        //log_text("Generated signature:\n" + response.hex.match(/.{1,64}/g).join("\n"));
460                                                                        //log_text("Generated signature:\n" + signature.hex);
461                                                                       
462                                                                        //alert("valor de la firma: " + signature.hex);                                                                 
463                                                                       
464                                                                        $.ajax({
465                                                                                        type: 'POST',
466                                                                                        contentType: 'application/json',
467                                                                                        //url:"https://192.168.12.125:8443/Murachi/0.1/archivos/bdocs/resenas",
468                                                                                        //url:"https://192.168.12.125:8443/Murachi/0.1/archivos/bdocs/firmas/post",
469                                                                                        url:"https://murachi.cenditel.gob.ve/Murachi/0.1/archivos/bdocs/firmas/post",
470                                                                                        //url:"https://172.16.137.11:8443/Murachi/murachi/archivos/pdfs/resenas",
471                                                                                        //url:"https://murachi.cenditel.gob.ve/Murachi/0.1/archivos/pdfs/resenas",
472                                                                                        dataType: 'json',
473                                                                                        data: JSON.stringify({"signature":signature.hex, "containerId":fileId}),
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                                                                                                        contentType: false,
496                                                                                                        url: "https://192.168.12.125:8443/Murachi/murachi/archivos/descargas/" + data['signedFileId'],
497                                                                                                        dataType: false,
498                                                                                                        data: false,
499                                                                                                        success: function(data, textStatus, jqXHR){
500                                                                                                                alert("descargo el archivo");
501                                                                                                        },
502                                                                                                        error: function(jqXHR, textStatus, errorThrown){
503                                                                                                                alert('error en descarga de archivo: ' + textStatus);
504                                                                                                                $("#respuesta").html("error en descarga de archivo: " + textStatus);
505                                                                                                        }
506                                                                                                });
507                                                                                                */
508                                                                                                // fin de descarga de archivo
509                                                                                                                                                                                               
510                                                                                               
511                                                                                        },
512                                                                                        error: function(jqXHR, textStatus, errorThrown){
513                                                                                                alert('error en /bdocs/resenas: ' + textStatus);
514                                                                                                $("#respuesta").html("error en /bdocs/resenas: " + textStatus);
515                                                                                        }
516                                                                                });
517                                                                                                                       
518                                                                        }, function(err) {
519                                                                                log_text("sign() failed: " + err);
520                                                                                alert("sign() failed: " + err);
521                                                                                $("#respuesta").html("sign() failed: " + err);
522                                                                });
523                                                                       
524                                                                },                                                             
525                                                                error: function(jqXHR, textStatus, errorThrown){
526                                                                        //alert('error: ' + textStatus);
527                                                                        //var responseText = jQuery.parseJSON(jqXHR.responseText);
528                                                                        alert('ajax error function: ' + jqXHR.responseText);
529                                                                        $("#respuesta").html("error function: " + jqXHR.responseText);
530                                                                }
531                                                               
532                                                        });
533                                                                                                               
534                                                }, function(err) {
535                                                        log_text("getCertificate() failed: " + err);
536                                                        alert("getCertificate() failed: " + err);
537                                                        $("#respuesta").html("getCertificate() failed: " + err);
538                                                });
539                                                                                               
540                },
541                //error: function(response) {
542                error: function(xhr, status, error) {
543                        //Que se ejecuta cuando finalice la petición de con error
544                                        $("#respuesta").html('Error...!!!');
545                       
546                                        alert(xhr.responseText);
547                                        alert(error);
548                       
549                                        alert("ocurrio un error en cargas");
550                                       
551                                       
552                                               
553                                }
554            });
555               
556               
557            }
558               
559            //fin de control de los botones radio en el formulario firmar (pdf,bdoc)----------------------------------------------
560
561       
562           
563        });
564    });
565    </script>
566   
567
568
569
570        <!-- Función que se conecta se servicio web de verificación de la firma electrónica
571                captura el evento submit y toma el formulario para enviar el servicio web -->
572       
573        <script>
574    $(function(){
575        $("#verificar").on("submit", function(e){
576            e.preventDefault();
577            var f = $(this);
578           
579            //var formData = new FormData(document.getElementById("verificar"));
580            var formData = new FormData();
581           
582            //formData.append("dato", "valor");
583            formData.append("upload", $("#file-check-sign")[0].files[0]);
584            //formData.append(f.attr("name"), $(this)[0].files[0]);
585           
586            $.ajax({
587                //url: "https://192.168.12.125:8443/Murachi/0.1/archivos/firmados",
588                //url: "https://172.16.137.11:8443/Murachi/murachi/archivos/firmados",               
589                //url: "https://172.16.137.11:8443/JAXRS-Murachi/murachi/archivos",
590                url: "https://murachi.cenditel.gob.ve/Murachi/0.1/archivos/firmados",
591                type: "post",
592                dataType: "json",
593                data: formData,
594                cache: false,
595                contentType: false,
596                                processData: false,
597                                success: function(response) {
598                                                //alert(JSON.stringify(response));
599                                                var html = manejoJsonPDF(JSON.stringify(response));
600                                                //alert(html);
601                                                alert("ver respuesta")
602                                                document.getElementById("respuestaVerificacion").innerHTML = html;
603                                                $('table.display').dataTable();
604                    },
605                        error: function(response) {
606                                //Que se ejecuta cuando finalice la petición de con error
607                                                $("#respuestaVerificacion").html('Error...!!!');
608                                        }
609            });
610        });
611    });
612    </script>
613       
614       
615        <!--Función que captura el evento del button reset del formulario verificar
616                y limpia el div respuesta (tabla de la verificación de la firmna)-->
617       
618        <script>
619                $(document).ready(function() {
620                $("#resetVerificacion").click(function() {       // apply to reset button's click event
621                        $("#respuestaVerificacion").html(''); 
622                });
623        });
624        </script>
625       
626         <!--Función que captura el evento del button reset del formulario firmar
627            y limpia el div respuesta (tabla de la firma)-->
628       <script>
629                $(document).ready(function() {
630                $("#reset").click(function() {       // apply to reset button's click event
631                        $("#respuesta").html(''); 
632                });
633        });
634        </script>
635
636       
637        <!--Funcion para el manejo de un archivo json
638                Recibe el json (verificación de una firma pdf),
639                lo introduce en una tabla
640                y devuelve una un cadena de texto -->
641               
642               
643        <script>
644                function manejoJsonPDF(json) {
645                       
646                        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"};
647                        var objVarVerifique = JSON.parse(json);
648                        var signatures = ''; //variable que maneja las firmas
649                        var fields = ''; //variable que maneja los campos de la firma
650                        var title = '<h2> Información de la firma electronica </h2> \n ';
651                        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';
652                        var footer = '</tbody> \n </table> \n </div> \n </div>';
653                        var html = title;
654                        var numsign = 0; 
655                               
656                        $.each(objVarVerifique, function(idx, obj) {
657                               
658                                if(idx == "error") {
659                                        html = '<h4> Extensión no soportada, verifique el archivo </h4>';       
660                    return(html);
661                    }
662                   
663                                if(idx == "numberOfSignatures"){
664                                        numsign = obj;
665                                        html += '<h4>' + fielJsonEs[idx] + ': ' + obj +' </h4>\n <br><br>';
666                                        }
667                                       
668                                if(idx == "signatures") { 
669                                signatures = obj; //se almacena la(s) cabecera(s) de las firmas
670                                }
671                                });
672                                               
673                                var contsing = 1; // variable que indica la firma donde esta posicionado
674                                               
675                                <!-- recorre las firmas signatures -->
676               
677                                $.each(signatures, function(idx, obj) { 
678                                        html += '<h4> Información de la firma: '+contsing+'<h4> \n';
679                                        html += head;
680                                        var contfiels = 1; // variable que indica el campo de la firma
681                                        fields = obj; // variable que almacena los campos de la firma
682                                        $.each(fields, function(id, objx) { <!-- Recorreo los campos de la firma -->
683                                                html += '<tr>\n<td>'+contfiels+'</td>\n<td>' + fielJsonEs[id] + '</td>\n<td>' + objx +' </td>\n</tr>\n';
684                                                contfiels++;
685                                        });
686                                        contsing++;
687                                        html += footer;
688                                        //if(contsing>numsign) html += footer;
689                                        //else html += footer + head                           
690                                });
691                                //html += footer;
692                                return(html);
693            }
694        </script>
695
696        <!--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
697            electronica que se vaya a utilizar señalada en el button radio (pdf,bdoc)-->
698
699       <script>
700                function manejoExtension() {
701                        if(document.SignFormat.optradio[0].checked)
702                                document.getElementById("file-sign").accept=".pdf";
703                        else {
704                            document.getElementById("file-sign").accept=".*";
705                            document.getElementById("file-sign").multiple="multiple";
706                            }
707                }
708     </script>
709
710
711   
712<!--Final Funciones que utiliza el sistema -->
713
714        <body>
715                <noscript><h1>Por favor habilite JavaScript!</h1></noscript>
716               
717                <div class="container">
718                        <div id="operation">
719                                <ul id="tabs-operation" class="nav nav-tabs" data-tabs="tabs">
720                                        <li class="active"><a href="#firmar" data-toggle="tab">Firmar</a></li>
721                                        <li><a href="#verificar" data-toggle="tab">Verificar</a></li>
722                                </ul>
723                                <div id="operation-tab-content" class="tab-content">
724                                       
725                                        <!-------------------Sección para firmar (formulario)------------------------->
726                                       
727                                        <div class="tab-pane active" id="firmar">
728                                                <h1>Firmar Electrónicamente</h1>
729                                                <div class="container kv-main">
730                                                    <!-- <form enctype="multipart/form-data" action="https://192.168.12.125:8443/Murachi/0.1/archivos" method="post" id="firmar" name="SignFormat"> -->
731                                                        <!-- <form enctype="multipart/form-data" action="https://192.168.12.125:8443/Murachi/murachi/archivos" method="post" id="firmar"> -->
732                                                        <!-- <form enctype="multipart/form-data" action="https://172.16.137.11:8443/Murachi/murachi/archivos" method="post" id="firmar">  -->
733                                                        <form enctype="multipart/form-data" action="https://murachi.cenditel.gob.ve/Murachi/0.1/archivos" method="post" id="firmar" name="SignFormat">
734                                                                <h2>Formato para la Firma</h2>
735                                                                <p>Seleccione el tipo de formato que va a utilizar para firmar electrónicamente</p>                     
736                                                                <div class="radio">
737                                                                        <label><input type="radio" name="optradio" value="pdf" checked >PDF</label>
738                                                                </div>
739                                                                <div class="radio">
740                                                                        <label><input type="radio" name="optradio" value="bdoc" >BDOC</label>
741                                                                </div>
742                                                                <br>
743                                                        <input id="file-sign" class="file" type="file" data-min-file-count="1" onclick="manejoExtension()" name="upload" >
744                                                                <br>
745                                                                <button type="submit" class="btn btn-primary">Enviar</button>
746                                                                <button type="reset" id="reset"  class="btn btn-default">Limpiar</button>
747                                                                <br>
748                                <br>
749                                <div id="respuesta"> </div>
750
751                                                        </form>
752                                                        <br>
753                                                </div>
754                                        </div>
755                                       
756                                        <!--------------------Sección para verificar (formulario)---------------------------->
757                                       
758                                        <div class="tab-pane" id="verificar">
759                                                <h1>Verificar la firma electrónica</h1>
760                                                <div class="container kv-main">
761                                                        <!-- <form enctype="multipart/form-data" action="https://192.168.12.125:8443/Murachi/0.1/archivos/firmados" method="post" id="verificar"> -->
762                                                        <!-- <form enctype="multipart/form-data" action="https://172.16.137.11:8443/Murachi/murachi/archivos/firmados" method="post" id="verificar"> -->
763                                                        <form enctype="multipart/form-data" action="https://murachi.cenditel.gob.ve/Murachi/0.1/archivos/firmados" method="post" id="verificar"> 
764                                                                <input id="file-check-sign" class="file" type="file" multiple data-min-file-count="1" name="upload">
765                                                                <br>
766                                                                <button type="submit" class="btn btn-primary">Enviar</button>
767                                                                <button type="reset" id="resetVerificacion" class="btn btn-default">Limpiar</button>
768                                                                <br>
769                                                                <br>
770                                                                <div id="respuestaVerificacion"> </div>
771
772                                                        </form>
773                                                </div>
774                                        </div>
775                                </div>
776                        </div>
777                        <script type="text/javascript">
778                                jQuery(document).ready(function ($) {
779                                        $('#tabs').tab();
780                                });
781                        </script>
782                </div> 
783                <!-- container -->
784               
785                <!--
786                <p><button id="click1" onclick='sign();'>Click here to invoke <b>sign()</b></button></p>
787               
788                <p><button id="click2" onclick='logGetCertificate();'>get Certificate</button></p>
789                -->
790               
791                <p>
792                <div id="log" style="white-space: pre; font-family: monospace;"></div>
793               
794        </body>
795</html>
Note: See TracBrowser for help on using the repository browser.