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

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

se modifico la sección de verificación de firma, si se subo un archivo no firmado el sistema da el msj de error
  • Property mode set to 100644
File size: 23.6 KB
Line 
1<!DOCTYPE html>
2<!-- release v4.1.8, copyright 2014 - 2015 Kartik Visweswaran -->
3<html lang="en">
4    <head> <!--Inicio del head  -->
5        <meta charset="UTF-8"/>
6        <link href="bootstrap.min.css" rel="stylesheet">
7        <link rel="stylesheet" type="text/css" href="css/dataTables.bootstrap.css">
8        <link rel="stylesheet" type="text/css" href="css/font-awesome.css">
9       
10        <script type="text/javascript" src="jquery.min.js"></script>
11        <script type="text/javascript" src="js/jquery.dataTables.min.js"></script>
12        <script type="text/javascript" src="js/dataTables.bootstrap.js"></script>
13        <script src="bootstrap.min.js" type="text/javascript"></script>
14       
15        <link href="css/fileinput.css" media="all" rel="stylesheet" type="text/css" />
16        <script src="js/jquery.form.js" type="text/javascript"></script>
17        <script src="js/fileinput.js" type="text/javascript"></script> 
18        <script type="text/javascript" src="gitversion.js"></script>
19        <script type="text/javascript" src="hwcrypto-legacy.js"></script>
20        <script type="text/javascript" src="hwcrypto.js"></script>
21        <script type="text/javascript" src="hex2base.js"></script>
22       
23        <script type="text/javascript" charset="utf-8">
24            $(document).ready(function() {
25                $('table.display').dataTable();
26            } );
27        </script>
28
29       
30        </head> <!--fin del head  -->
31       
32        <!-- Header -->
33        <header>
34                <div id="barner">
35                        <center>
36                        <img class="img-responsive" alt="Cinque Terre" src="cabecera.png">
37                       
38                </div>
39       
40                <nav class="navbar navbar-inverse">
41                <div class="container-fluid">
42                        <div class="navbar-header">
43                                <a class="navbar-brand" href="https://www.cenditel.gob.ve/">CENDITEL</a>
44                        </div>
45                        <div>
46                                <ul class="nav navbar-nav navbar-right">
47                                        <li class="active"><a href="#">Home</a></li>
48                                        <li><a href="https://tibisay.cenditel.gob.ve/murachi">Wiki</a></li>
49                                        <li><a href="#">Contacto</a></li>
50                                </ul>
51                        </div>
52                </div>
53        </nav>
54        </header>
55<!-- End Header -->
56       
57        <div class="container">
58                <div class="jumbotron">
59                       
60
61                        <h1><img src="version-beta2.png">Portal de firma electrónica y verificación</h1>
62                        <p>Sistema para firmar electrónicamente documentos y verificar los documentos firmados</p> 
63                </div>
64        </div>
65
66
67
68
69<!--Inicio Funciones que utiliza el sistema -->
70       
71        <!-- tomado de https://open-eid.github.io/hwcrypto.js/sign.html -->
72        <script>
73
74        function log_text(s) {
75                var d = document.createElement("div");
76                d.innerHTML = s;
77                document.getElementById('log').appendChild(d);
78        }
79
80        function debug() {
81                window.hwcrypto.debug().then(function(response) {log_text("Debug: " + response);});
82        }
83       
84        function sign() {
85               
86                alert("sign()");
87                // Clear log
88                document.getElementById('log').innerHTML = '';
89                // Timestamp
90                log_text("sign() clicked on " + new Date().toUTCString());
91               
92                // Select hash
93                //var hashtype = $("input[name=hash]:checked").val();
94                var hashtype = "SHA-256";
95               
96                // Set backend if asked
97                //var backend =  $("input[name=backend]:checked").val()
98                var backend = "autodetect";
99               
100                // get language
101                var lang = "en";
102                if (!window.hwcrypto.use(backend)) {
103                        log_text("Selecting backend failed.");
104                }
105
106                        var hash = $("#hashvalue").val();
107                        log_text("Signing " + hashtype + ": " + hash);
108                // debug
109                window.hwcrypto.debug().then(function(response) {
110                        log_text("Debug: " + response);
111                        }, function(err) {
112                                log_text("debug() failed: " + err);
113                                return;
114                        });
115                // Sign
116                window.hwcrypto.getCertificate({lang: lang}).then(function(response) {
117                        var cert = response;
118                        log_text("Using certificate:\n" + hexToPem(response.hex));
119                       
120                       
121                        window.hwcrypto.sign(cert, {type: hashtype, hex: hash}, {lang: lang}).then(function(response) {
122                                log_text("Generated signature:\n" + response.hex.match(/.{1,64}/g).join("\n"));
123                                }, function(err) {
124                                log_text("sign() failed: " + err);
125                                });
126                        }, function(err) {
127                                log_text("getCertificate() failed: " + err);
128                        }
129                       
130                        );
131                }
132        </script>
133       
134        <script>
135        function logGetCertificate() {
136               
137                alert("logGetCertificate()");
138                // Clear log
139        document.getElementById('log').innerHTML = '';
140                // Timestamp
141                log_text("sign() clicked on " + new Date().toUTCString());
142               
143                // Select hash
144                //var hashtype = $("input[name=hash]:checked").val();
145                var hashtype = "SHA-256";
146               
147                // Set backend if asked
148                //var backend =  $("input[name=backend]:checked").val()
149                var backend = "autodetect";
150               
151                // get language
152                var lang = "en";
153                if (!window.hwcrypto.use(backend)) {
154                log_text("Selecting backend failed.");
155                }
156
157                        var hash = $("#hashvalue").val();
158                        log_text("Signing " + hashtype + ": " + hash);
159                // debug
160                window.hwcrypto.debug().then(function(response) {
161                        log_text("Debug: " + response);
162                }, function(err) {
163                                log_text("debug() failed: " + err);
164                                return;
165                });
166                // Sign
167        window.hwcrypto.getCertificate({lang: lang}).then(function(response) {
168                        var cert = response;
169                        log_text("Using certificate:\n" + hexToPem(response.hex));
170        });
171    }
172       
173       
174        function getCertificate() {
175               
176                alert("getCertificate()");
177                // Clear log
178        document.getElementById('log').innerHTML = '';
179                // Timestamp
180                log_text("sign() clicked on " + new Date().toUTCString());
181               
182                // Set backend if asked
183                //var backend =  $("input[name=backend]:checked").val()
184                var backend = "autodetect";
185               
186                // get language
187                var lang = "en";
188                if (!window.hwcrypto.use(backend)) {
189                log_text("Selecting backend failed.");
190                }
191        window.hwcrypto.getCertificate({lang: lang}).then(function(response) {
192                        var cert = response;
193                        log_text("Using certificate:\n" + hexToPem(response.hex));
194                        return cert;
195        });
196    }
197        </script>
198
199        <!-- Función que se conecta al servicio web de verificación de la firma electrónica
200                captura el evento submit y toma el formulario para firmar -->
201       
202        <script>
203    $(function(){
204        $("#firmar").on("submit", function(e){
205            e.preventDefault();
206            var f = $(this);
207           
208            //alert("se presiono firmar")
209           
210            //var formData = new FormData(document.getElementById("verificar"));
211            var formData = new FormData();
212           
213            //formData.append("dato", "valor");
214            formData.append("upload", $("#file-sign")[0].files[0]);
215            //formData.append(f.attr("name"), $(this)[0].files[0]);
216           
217            $.ajax({
218                //url: "https://192.168.12.125:8443/Murachi/murachi/archivos",
219                //url: "https://172.16.137.11:8443/Murachi/murachi/archivos",               
220                //url: "https://172.16.137.11:8443/JAXRS-Murachi/murachi/archivos",
221                url: "https://murachi.cenditel.gob.ve/Murachi/0.1/archivos",
222                type: "post",
223                dataType: "json",
224                data: formData,
225                cache: false,
226                contentType: false,
227                                processData: false,
228                                success: function(response) {
229                                                //alert(JSON.stringify(response));
230                                                var html = manejoJsonPDF(JSON.stringify(response));
231                                                //alert(html);
232                                                //alert("ver respuesta")
233                                                document.getElementById("respuesta").innerHTML = html;
234                                               
235                                                // identificador del archivo en el servidor
236                                                var fileId = response.fileId.toString();
237                                                //alert("fileId: "+ fileId);
238                                                                                                                                               
239                                                // seleccionar certificado del firmante
240                                                //alert("va a seleccionar certificado");
241                                                var cert;
242                                                window.hwcrypto.getCertificate({lang: "en"}).then(function(response) {
243                                                        var cert = response;
244                                                        //log_text("Using certificate:\n" + hexToPem(response.hex));
245                                                                                                       
246                                                        //alert("cert: "+ cert.hex);
247                                                       
248                                                        var parameters = JSON.stringify({
249                                                                "fileId":fileId,
250                                                                "certificate":cert.hex,
251                                                                "reason":"prueba firma web",
252                                                                "location":"Oficina",
253                                                                "contact":"582746574336"
254                                                                });
255                                                       
256                                                        // ahora llamar al ajax de obtener la resena del pdf
257                                                        $.ajax({
258                                                                type: 'POST',
259                                                                contentType: 'application/json',                               
260                                                                //url:"https://192.168.12.125:8443/Murachi/murachi/archivos/pdfs",
261                                                                //url:"https://172.16.137.11:8443/Murachi/murachi/archivos/pdfs",
262                                                                url:"https://murachi.cenditel.gob.ve/Murachi/0.1/archivos/pdfs",
263                                                                dataType: "json",
264                                                                data: parameters,               
265                                                                success: function(data, textStatus, jqXHR){
266                                                                        var json_x = data;
267                                                                        var hash = json_x['hash']; 
268                                                                        //alert("hash recibido del servidor "+hash);
269                                                                       
270                                                                        var hashtype = "SHA-256";
271                                                                        var lang = "eng";
272                                                                       
273                                                                        window.hwcrypto.sign(cert, {type: hashtype, hex: hash}, {lang: lang}).then(function(signature) {
274                                                                               
275                                                                                //var signature = response.hex.match(/.{1,64}/g).join("\n");
276                                                                        //log_text("Generated signature:\n" + response.hex.match(/.{1,64}/g).join("\n"));
277                                                                        //log_text("Generated signature:\n" + signature.hex);
278                                                                       
279                                                                        //alert("valor de la firma: " + signature.hex);
280                                                                       
281                                                                        $.ajax({
282                                                                                        type: 'POST',
283                                                                                        contentType: 'application/json',
284                                                                                        //url:"https://192.168.12.125:8443/Murachi/murachi/archivos/pdfs/resenas",
285                                                                                        //url:"https://172.16.137.11:8443/Murachi/murachi/archivos/pdfs/resenas",
286                                                                                        url:"https://murachi.cenditel.gob.ve/Murachi/0.1/archivos/pdfs/resenas",
287                                                                                        dataType: 'json',
288                                                                                        data: JSON.stringify({"signature":signature.hex}),
289                                                                                        success: function(data, textStatus, jqXHR){
290                                                                                                /*
291                                                                                                var json_x = data;
292                                                                                                var msg = json_x['message'];                                                                                           
293                                                                                                alert('Archivo firmado en el servidor: ' + msg);
294                                                                                                */
295                                                                                                alert('Archivo firmado correctamente: ' + data['signedFileId']);
296                                                                                               
297                                                                                                alert("ver respuesta");
298                                                                                                //var linkToDownload = "<a href=\"https://192.168.12.125:8443/Murachi/murachi/archivos/descargas/" + data['signedFileId'] +"\">descargar archivo firmado</a>";
299                                                                                                //var linkToDownload = "<a href=\"https://172.16.137.11:8443/Murachi/murachi/archivos/descargas/" + data['signedFileId'] +"\">descargar archivo firmado</a>";
300                                                                                                var linkToDownload = "<a href=\"https://murachi.cenditel.gob.ve/Murachi/0.1/archivos/descargas/" + data['signedFileId'] +"\">descargar archivo firmado</a>";
301                                                                                                //alert(linkToDownload);
302                                                                                                document.getElementById("respuesta").innerHTML = linkToDownload; 
303                                                                                               
304                                                                                               
305                                                                                                //descargar el archivo
306                                                                                                /*
307                                                                                                //var urlToDownload =   "https://192.168.12.125:8443/Murachi/murachi/archivos/descargas/" + data['signedFileId'];
308                                                                                                $.ajax({
309                                                                                                        type: 'GET',
310                                                                                                        contentType: false,
311                                                                                                        url: "https://192.168.12.125:8443/Murachi/murachi/archivos/descargas/" + data['signedFileId'],
312                                                                                                        dataType: false,
313                                                                                                        data: false,
314                                                                                                        success: function(data, textStatus, jqXHR){
315                                                                                                                alert("descargo el archivo");
316                                                                                                        },
317                                                                                                        error: function(jqXHR, textStatus, errorThrown){
318                                                                                                                alert('error en descarga de archivo: ' + textStatus);
319                                                                                                                $("#respuesta").html("error en descarga de archivo: " + textStatus);
320                                                                                                        }
321                                                                                                });
322                                                                                                */
323                                                                                                // fin de descarga de archivo
324                                                                                                                                                                                               
325                                                                                               
326                                                                                        },
327                                                                                        error: function(jqXHR, textStatus, errorThrown){
328                                                                                                alert('error en pdfs/resenas: ' + textStatus);
329                                                                                                $("#respuesta").html("error en pdfs/resenas: " + textStatus);
330                                                                                        }
331                                                                                });
332                                                                                                                       
333                                                                        }, function(err) {
334                                                                                log_text("sign() failed: " + err);
335                                                                                alert("sign() failed: " + err);
336                                                                                $("#respuesta").html("sign() failed: " + err);
337                                                                });
338                                                                       
339                                                                },                                                             
340                                                                error: function(jqXHR, textStatus, errorThrown){
341                                                                        //alert('error: ' + textStatus);
342                                                                        //var responseText = jQuery.parseJSON(jqXHR.responseText);
343                                                                        alert('ajax error function: ' + jqXHR.responseText);
344                                                                        $("#respuesta").html("error function: " + jqXHR.responseText);
345                                                                }
346                                                               
347                                               
348                                                        });
349                                                       
350                                                       
351                                                       
352                                                }, function(err) {
353                                                        log_text("getCertificate() failed: " + err);
354                                                        alert("getCertificate() failed: " + err);
355                                                        $("#respuesta").html("getCertificate() failed: " + err);
356                                                });
357                                               
358                                               
359                                               
360                    },
361                        error: function(response) {
362                                //Que se ejecuta cuando finalice la petición de con error
363                                                $("#respuesta").html('Error...!!!');
364                                alert("ocurrio un error")
365                                        }
366            });
367        });
368    });
369    </script>
370
371
372
373        <!-- Función que se conecta se servicio web de verificación de la firma electrónica
374                captura el evento submit y toma el formulario para enviar el servicio web -->
375       
376        <script>
377    $(function(){
378        $("#verificar").on("submit", function(e){
379            e.preventDefault();
380            var f = $(this);
381           
382            //var formData = new FormData(document.getElementById("verificar"));
383            var formData = new FormData();
384           
385            //formData.append("dato", "valor");
386            formData.append("upload", $("#file-check-sign")[0].files[0]);
387            //formData.append(f.attr("name"), $(this)[0].files[0]);
388           
389            $.ajax({
390                //url: "https://192.168.12.125:8443/Murachi/murachi/archivos/firmados",
391                //url: "https://172.16.137.11:8443/Murachi/murachi/archivos/firmados",               
392                //url: "https://172.16.137.11:8443/JAXRS-Murachi/murachi/archivos",
393                url: "https://murachi.cenditel.gob.ve/Murachi/0.1/archivos/firmados",
394                type: "post",
395                dataType: "json",
396                data: formData,
397                cache: false,
398                contentType: false,
399                                processData: false,
400                                success: function(response) {
401                                                //alert(JSON.stringify(response));
402                                                var html = manejoJsonPDF(JSON.stringify(response));
403                                                //alert(html);
404                                                alert("ver respuesta")
405                                                document.getElementById("respuestaVerificacion").innerHTML = html;
406                                                $('table.display').dataTable();
407                    },
408                        error: function(response) {
409                                //Que se ejecuta cuando finalice la petición de con error
410                                                $("#respuestaVerificacion").html('Error...!!!');
411                                        }
412            });
413        });
414    });
415    </script>
416       
417       
418        <!--Función que cactura el evento del button reset del formulario verificar
419                y limpia el div respuesta (tabla de la verificación de la firmna)-->
420       
421        <script>
422                $(document).ready(function() {
423                $("#resetVerificacion").click(function() {       // apply to reset button's click event
424                        $("#respuestaVerificacion").html(''); 
425                });
426        });
427        </script>
428       
429         <!--Función que cactura el evento del button reset del formulario firmar
430            y limpia el div respuesta (tabla de la firma)-->
431       <script>
432                $(document).ready(function() {
433                $("#reset").click(function() {       // apply to reset button's click event
434                        $("#respuesta").html(''); 
435                });
436        });
437        </script>
438
439       
440        <!--Funcion para el manejo de un archivo json
441                Recibe el json (verificación de una firma pdf),
442                lo introduce en una tabla
443                y devuelve una un cadena de texto -->
444               
445               
446        <script>
447                function manejoJsonPDF(json) {
448                       
449                        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"};
450                        var objVarVerifique = JSON.parse(json);
451                        var signatures = ''; //variable que maneja las firmas
452                        var fields = ''; //variable que maneja los campos de la firma
453                        var title = '<h2> Información de la firma electronica </h2> \n ';
454                        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';
455                        var footer = '</tbody> \n </table> \n </div> \n </div>';
456                        var html = title;
457                        var numsign = 0; 
458                               
459                        $.each(objVarVerifique, function(idx, obj) {
460                               
461                                if(idx == "error") {
462                                        html = '<h4> Extensión no soportada, verifique el archivo </h4>';       
463                    return(html);
464                    }
465                   
466                                if(idx == "numberOfSignatures"){
467                                        numsign = obj;
468                                        html += '<h4>' + fielJsonEs[idx] + ': ' + obj +' </h4>\n <br><br>';
469                                        }
470                                       
471                                if(idx == "signatures") { 
472                                signatures = obj; //se almacena la(s) cabecera(s) de las firmas
473                                }
474                                });
475                                               
476                                var contsing = 1; // variable que indica la firma donde esta posicionado
477                                               
478                                <!-- recorre las firmas signatures -->
479               
480                                $.each(signatures, function(idx, obj) { 
481                                        html += '<h4> Información de la firma: '+contsing+'<h4> \n';
482                                        html += head;
483                                        var contfiels = 1; // variable que indica el campo de la firma
484                                        fields = obj; // variable que almacena los campos de la firma
485                                        $.each(fields, function(id, objx) { <!-- Recorreo los campos de la firma -->
486                                                html += '<tr>\n<td>'+contfiels+'</td>\n<td>' + fielJsonEs[id] + '</td>\n<td>' + objx +' </td>\n</tr>\n';
487                                                contfiels++;
488                                        });
489                                        contsing++;
490                                        html += footer;
491                                        //if(contsing>numsign) html += footer;
492                                        //else html += footer + head                           
493                                });
494                                //html += footer;
495                                return(html);
496            }
497        </script>
498
499
500
501   
502<!--Final Funciones que utiliza el sistema -->
503
504        <body>
505                <noscript><h1>Por favor habilite JavaScript!</h1></noscript>
506               
507                <div class="container">
508                        <div id="operation">
509                                <ul id="tabs-operation" class="nav nav-tabs" data-tabs="tabs">
510                                        <li class="active"><a href="#firmar" data-toggle="tab">Firmar</a></li>
511                                        <li><a href="#verificar" data-toggle="tab">Verificar</a></li>
512                                </ul>
513                                <div id="operation-tab-content" class="tab-content">
514                                       
515                                        <!-------------------Sección para firmar (formulario)------------------------->
516                                       
517                                        <div class="tab-pane active" id="firmar">
518                                                <h1>Firmar Electrónicamente</h1>
519                                                <div class="container kv-main">
520                                                        <!-- <form enctype="multipart/form-data" action="https://192.168.12.125:8443/Murachi/murachi/archivos" method="post" id="firmar"> -->
521                                                        <!-- <form enctype="multipart/form-data" action="https://172.16.137.11:8443/Murachi/murachi/archivos" method="post" id="firmar">  -->
522                                                        <form enctype="multipart/form-data" action="https://murachi.cenditel.gob.ve/Murachi/0.1/archivos" method="post" id="firmar">
523                                                                <h2>Formato para la Firma</h2>
524                                                                <p>Seleccione el tipo de formato que va a utilizar para firmar electrónicamente</p>                     
525                                                                <div class="radio">
526                                                                        <label><input type="radio" name="optradio">PDF</label>
527                                                                </div>
528                                                                <div class="radio">
529                                                                        <label><input type="radio" name="optradio">BDOC</label>
530                                                                </div>
531                                                                <br>
532                                                        <input id="file-sign" class="file" type="file" multiple data-min-file-count="1" name="upload">
533                                                                <br>
534                                                                <button type="submit" class="btn btn-primary">Enviar</button>
535                                                                <button type="reset" id="reset"  class="btn btn-default">Limpiar</button>
536                                                                <br>
537                                                                <br>
538                                                                <div id="respuesta"> </div>
539
540                                                        </form>
541                                                        <br>
542                                                </div>
543                                        </div>
544                                       
545                                        <!--------------------Sección para verificar (formulario)---------------------------->
546                                       
547                                        <div class="tab-pane" id="verificar">
548                                                <h1>Verificar la firma electrónica</h1>
549                                                <div class="container kv-main">
550                                                        <!-- <form enctype="multipart/form-data" action="https://192.168.12.125:8443/Murachi/murachi/archivos/firmados" method="post" id="verificar"> -->
551                                                        <!-- <form enctype="multipart/form-data" action="https://172.16.137.11:8443/Murachi/murachi/archivos/firmados" method="post" id="verificar"> -->
552                                                        <form enctype="multipart/form-data" action="https://murachi.cenditel.gob.ve/Murachi/0.1/archivos/firmados" method="post" id="verificar">
553                                                                <input id="file-check-sign" class="file" type="file" multiple data-min-file-count="1" name="upload">
554                                                                <br>
555                                                                <button type="submit" class="btn btn-primary">Enviar</button>
556                                                                <button type="reset" id="resetVerificacion" class="btn btn-default">Limpiar</button>
557                                                                <br>
558                                                                <br>
559                                                                <div id="respuestaVerificacion"> </div>
560
561                                                        </form>
562                                                </div>
563                                        </div>
564                                </div>
565                        </div>
566                        <script type="text/javascript">
567                                jQuery(document).ready(function ($) {
568                                        $('#tabs').tab();
569                                });
570                        </script>
571                </div> 
572                <!-- container -->
573               
574                <!--
575                <p><button id="click1" onclick='sign();'>Click here to invoke <b>sign()</b></button></p>
576               
577                <p><button id="click2" onclick='logGetCertificate();'>get Certificate</button></p>
578                -->
579               
580                <p>
581                <div id="log" style="white-space: pre; font-family: monospace;"></div>
582               
583        </body>
584</html>
Note: See TracBrowser for help on using the repository browser.