source: prototipo_portal_2018/WebContent/index150511.jsp @ e35a1b8

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

Se agregan los archivos del portal de prueba al control de versiones.
  • Property mode set to 100644
File size: 15.3 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        <title>Portal de verificación y firma electrónica</title>
7        <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
8        <link href="css/fileinput.css" media="all" rel="stylesheet" type="text/css" />
9        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
10        <script src="js/fileinput.js" type="text/javascript"></script>
11        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js" type="text/javascript"></script>
12        </head> <!--fin del head  -->
13       
14        <!-- Header -->
15        <header>
16                <div id="barner">
17                        <center>
18                        <img class="img-responsive" alt="Cinque Terre" src="https://seguridad.cenditel.gob.ve/safet/media/templates/images/cabecera.png">
19                </div>
20       
21                <nav class="navbar navbar-inverse">
22                <div class="container-fluid">
23                        <div class="navbar-header">
24                                <a class="navbar-brand" href="https://www.cenditel.gob.ve/">CENDITEL</a>
25                        </div>
26                        <div>
27                                <ul class="nav navbar-nav navbar-right">
28                                        <li class="active"><a href="#">Home</a></li>
29                                        <li><a href="https://tibisay.cenditel.gob.ve/murachi">Wiki</a></li>
30                                        <li><a href="#">Contacto</a></li>
31                                </ul>
32                        </div>
33                </div>
34        </nav>
35        </header>
36<!-- End Header -->
37       
38<!-- Carousel
39        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
40        <!-- Indicators
41                <ol class="carousel-indicators">
42                        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
43                        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
44                        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
45                </ol>
46
47                <!-- Wrapper for slides
48                <div class="carousel-inner" role="listbox">
49                        <div class="item active">
50                                <img src="..." alt="...">
51                                        <div class="carousel-caption">
52                                                ...
53                                        </div>
54                        </div>
55                        <div class="item">
56                                <img src="..." alt="...">
57                                        <div class="carousel-caption">
58                                                ...
59                                        </div>
60                        </div>
61                                ...
62                </div>
63
64                <!-- Controls
65                <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
66                        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
67                        <span class="sr-only">Previous</span>
68                </a>
69                <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
70                        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
71                        <span class="sr-only">Next</span>
72                </a>
73        </div>
74-->
75<!-- end Carousel -->
76
77       
78        <div class="container">
79                <div class="jumbotron">
80                        <h1>Portal de firma electrónica y verificación</h1>
81                        <p>Sistema para firmar electrónicamente documentos y verificar los documentos firmados</p> 
82                </div>
83        </div>
84
85<!--   
86        <script>
87                $(document).ready(function () {
88                        $("#verificar").submit(function(event) {
89                                event.preventDefault();
90                                //var data=$('#verificar').serialize();
91                               
92                                var data = new FormData();
93                                data.append('upload', $('#upload').val());
94                               
95                                $("#respuesta").html('Cargando...');
96                                        $.ajax({
97                                                type:'POST', url: 'https://192.168.12.125:8443/JAXRS-Murachi/murachi/archivos',
98                                                data:data,
99                                               
100                                                cache: false,
101                                dataType: 'json',
102                                processData: false, // Don't process the files
103                                contentType: false,
104                                               
105                                                success: function(response) {
106                                                //Que se ejecuta cuando finalice la petición de forma exitosa
107                                                $("#verificar").html(response);
108                                        },
109                                        error: function(response) {
110                                                //Que se ejecuta cuando finalice la petición de con error
111                                                $("#verificar").html('Error...!!!');
112                                        },
113                                        complete: function(response) {
114                                                //Que se ejecuta cuando finalice la petición 
115                                        }
116                                });     
117                        });
118                });
119        </script>
120  -->
121 
122 <!--
123        <script>
124     $(function(){
125         $("#verificar").on("submit", function(e){
126             e.preventDefault();
127             var f = $(this);
128             
129             var file = $('input[name="upload"').get(0).files[0];
130             
131             var formData = new
132                         FormData(document.getElementById("verificar"));
133             formData.append("upload", file);
134             //formData.append(f.attr("name"), $(this)[0].files[0]);
135             $.ajax({
136                 url: "https://192.168.12.125:8443/JAXRS-Murachi/murachi/archivos",
137                 type: "post",
138                 dataType: "json",
139                 data: formData,
140                 cache: false,
141                 contentType: false,
142             processData: false
143             })
144                 .done(function(res){
145                     $("#mensaje").html("Respuesta: " + res);
146                 });
147         });
148     });
149     </script>
150  -->
151 
152  <script>
153     $(function(){
154         $("#verificar").on("submit", function(e){
155             e.preventDefault();
156             var f = $(this);
157             
158             var data = new FormData();
159             data.append("upload", $("#file-check-sign")[0].files[0]);
160                         
161             jQuery.ajax({
162                    //url: 'https://192.168.12.125:8443/JAXRS-Murachi/murachi/archivos',
163                    url: 'https://192.168.12.125:8443/Murachi/murachi/archivos',
164                    type: 'POST',
165                    data: data,
166                    processData: false,
167                    contentType: false,                     
168                    success: function(response) {
169                   
170                        alert(response.responseText);
171                                                //Que se ejecuta cuando finalice la petición de forma exitosa
172                                                $("#respuesta").html(response.responseText);
173                                       
174                    },
175                        error: function(response) {
176                                //Que se ejecuta cuando finalice la petición de con error
177                                                $("#respuesta").html('Error...!!!');
178                                        }
179                });
180                });
181     });
182     </script>
183 
184       
185        <br>
186        <br>
187        <body>
188                <br>
189                <br>
190                <div class="container">
191                        <div id="operation">
192                                <ul id="tabs-operation" class="nav nav-tabs" data-tabs="tabs">
193                                        <li class="active"><a href="#firmar" data-toggle="tab">Firmar</a></li>
194                                        <li><a href="#verificar" data-toggle="tab">Verificar</a></li>
195                                </ul>
196                                <div id="operation-tab-content" class="tab-content">
197                                        <!--Sección para firmar -->
198                                        <div class="tab-pane active" id="firmar">
199                                                <h1>Firmar Electrónica</h1>
200                                                <div class="container kv-main">
201                                                        <form enctype="multipart/form-data" action="https://192.168.12.125:8443/JAXRS-Murachi/murachi/archivos" method="post" id="firmar">
202                                                                <h2>Formato para la Firma</h2>
203                                                                <p>Seleccione el tipo de formato que va a utilizar para firmar electrónicamente</p>                     
204                                                                <div class="radio">
205                                                                        <label><input type="radio" name="optradio">PDF</label>
206                                                                </div>
207                                                                <div class="radio">
208                                                                        <label><input type="radio" name="optradio">BDOC</label>
209                                                                </div>
210                                                                <br>
211                                                        <input id="file-sign" class="file" type="file" multiple data-min-file-count="1" name="upload">
212                                                                <br>
213                                                                <button type="submit" class="btn btn-primary">Submit</button>
214                                                                <button type="reset" class="btn btn-default">Reset</button>
215                                                        </form>
216                                                        <br>
217                                                </div>
218                                        </div>
219                                        <!--Sección para verificar -->
220                                        <div class="tab-pane" id="verificar">
221                                                <h1>Verificar la firma electrónica</h1>
222                                                <div class="container kv-main">
223                                                        <form enctype="multipart/form-data" action="https://192.168.12.125:8443/Murachi/murachi/archivos" method="post" id="verificar">
224                                                                <input id="file-check-sign" class="file" type="file" name="upload">
225                                                                <br>
226                                                                <button type="submit" class="btn btn-primary">Submit</button>
227                                                                <button type="reset" class="btn btn-default">Reset</button>
228                                                                <br>
229                                                               
230                                                                <br>
231                                                        </form>
232                                                </div>
233                                                <br>
234                                                <br>
235                                                <div id="respuesta"></div>
236                                        </div>
237                                </div>
238                        </div>
239                        <script type="text/javascript">
240                                jQuery(document).ready(function ($) {
241                                        $('#tabs').tab();
242                                });
243                        </script>
244                </div> <!-- container -->
245                <!--
246                <br>
247                <br>
248                <br>
249                <br>
250                <div class="container">
251                        <h2>JSON Object Creation in JavaScript</h2>
252                        <p id="demo"></p>
253
254                        <script>
255                                var prueba = ' <div class=\'container\'> \n <h2>Información</h2> \n <p>Información de la firma electronica \n <div class=\'table-responsive\'> \n <table class=\'table\'> \n <thead> \n';
256                                //var prueba = ' <div class=\'container\'>\n';/** <h2>Información</h2>\n <p>Información de la firma electronica\n <div class=\'table-responsive\'>\n <table class=\'table\'>\n <thead>\n <tr>\n <th>#</th>\n <th>Campo</th>\n <th>Descripción\n </tr>\n </thead>\n <tbody>\n';**/
257                                /**
258                                prueba += '      <h2>Información</h2>\n';
259                                prueba += '       <p>Información de la firma electronica\n';
260                                prueba += '      <div class=\'table-responsive\'>\n';
261                                prueba += '     <table class=\'table\'>\n';
262                                prueba += '        <thead>\n';
263                                prueba += '          <tr>\n';
264                                prueba += '            <th>#</th>\n';
265                                prueba += '            <th>Campo</th>\n';
266                                prueba += '                <th>Descripción\n';
267                                prueba += '          </tr>\n';
268                                prueba += '        </thead>\n';
269                                prueba += '        <tbody>\n';
270                                **/
271                                var varVerifique = '{"fileExist":"true","numberOfSignatures":1,"signatures":[{"signatureType":"approval","signedOn":"07-04-2015 11:09:07.00","integrityCheck":"true","timeStamp":"null","reason":"Prueba de firma en dos partes","location":"Merida, Venezuela","alternativeNameOfTheSigner":"","signerCertificateValidFrom":"2015-03-26 19:30:00.00","signerCertificateStillValid":"true","signatureCoversWholeDocument":"true","filterSubtype":"/adbe.pkcs7.detached","signerCertificateSubject":"C=Ve,ST=Merida,L=Merida,O=CENDITEL,OU=Desarrollo,CN=Murachi,E=murachi@cenditel.gob.ve","signerCertificateValidAtTimeOfSigning":"true","encryptionAlgorithm":"RSA","timeStampService":"null","digestAlgorithm":"SHA256","certificatesVerifiedAgainstTheKeyStore":"true","documentRevision":"1","nameOfTheSigner":"Murachi","totalDocumentRevisions":"1","contactInfo":"","timeStampVerified":"null","signerCertificateIssuer":"C=VE,ST=Merida,L=Merida,O=CENDITEL,OU=GIDSI,CN=Autoridad de Certificación del GIDSI,E=acgidsi@cenditel.gob.ve","signerCertificateValidTo":"2018-03-26 19:29:59.00"}]}'
272                                var text = '{"name":"John Johnson","street":"Oslo West 16","phone":"555 1234567"}'
273                                var obje = JSON.parse(text);
274                                var objVarVerifique = JSON.parse(varVerifique);
275                               
276                                //(alert(objVarVerifique.toSource());
277                                /**
278                                document.getElementById("demo").innerHTML =
279                                obje.name + "<br>" +
280                                obje.street + "<br>" +
281                                obje.phone;
282                                **/
283                               
284                                var signatures = '';
285                                var fields = '';
286                                var html = '';
287                                <!-- Recorre el json
288                                $.each(objVarVerifique, function(idx, obj) {
289                                        //alert("iten #" + idx + ": " + obj);
290                                        if(idx == "signatures") {
291                                                signatures = obj;
292                                                }
293                                        else {
294                                                html += idx + ' ' + obj + "<br>";
295                                                prueba += '<tr>\n<td></td>\n<td>' + idx + '</td>\n<td>' + obj +' </td>\n</tr>\n';
296                                               
297                                        }
298                                });
299                                //alert(signatures.toSource());
300                                $.each(signatures, function(idx, obj) {
301                                        var contsing = 1;
302                                        var contfiels = 1;
303                                        fields = obj;
304                                        $.each(fields, function(id, objx) {
305                                                html += id + ' ' + objx + "<br>";
306                                                prueba += '<tr>\n<td>'+contfiels+'</td>\n<td>' + id + '</td>\n<td>' + objx +' </td>\n</tr>\n';
307                                                contfiels++;
308                                                //alert("iten #" + id + ": " + objx);
309                                        });
310                                        contsing++;
311                                });
312                                prueba += ' </tbody> \n </table> \n </div> \n </div>';
313                                //alert(prueba);
314                                //alert("html: " + html);
315                                document.getElementById("demo").innerHTML = prueba;
316                        </script>
317-->
318        <!--   
319     <div class="container">
320      <h2>Información</h2>
321      <p>Información de la firma electronica
322      <div class="table-responsive">         
323      <table class="table">
324        <thead>
325          <tr>
326            <th>#</th>
327            <th>Campo</th>
328                        <th>Descripción
329          </tr>
330        </thead>
331        <tbody>
332          <tr>
333            <td></td>
334            <td></td>
335            <td>Mujer</td>
336          </tr>
337          <tr>
338            <td>2</td>
339            <td>Debbie</td>
340            <td></td>
341          </tr>
342          <tr>
343            <td>3</td>
344            <td>John</td>
345            <td>Mujer</td>
346          </tr>
347        </tbody>
348      </table>
349      </div>
350    </div>
351   
352    <div class='container'>
353    <h2>Información</h2>
354    <p>Información de la firma electronica
355    <div class='table-responsive'>
356        <table class='table'>
357            <thead>
358                <tr>
359                    <th>#</th>
360                    <th>Campo</th>
361                    <th>Descripción
362                </tr>
363            </thead>
364            <tbody>
365                <tr>
366                    <td></td>
367                    <td>fileExist</td>
368                    <td>true </td>
369                </tr>
370                <tr>
371                    <td></td>
372                    <td>numberOfSignatures</td>
373                    <td>1 </td>
374                </tr>
375                <tr>
376                    <td>1</td>
377                    <td>signatureType</td>
378                    <td>approval </td>
379                </tr>
380                <tr>
381                    <td>2</td>
382                    <td>signedOn</td>
383                    <td>07-04-2015 11:09:07.00 </td>
384                </tr>
385                <tr>
386                    <td>3</td>
387                    <td>integrityCheck</td>
388                    <td>true </td>
389                </tr>
390                <tr>
391                    <td>4</td>
392                    <td>timeStamp</td>
393                    <td>null </td>
394                </tr>
395                <tr>
396                    <td>5</td>
397                    <td>reason</td>
398                    <td>Prueba de firma en dos partes </td>
399                </tr>
400                <tr>
401                    <td>6</td>
402                    <td>location</td>
403                    <td>Merida, Venezuela </td>
404                </tr>
405                <tr>
406                    <td>7</td>
407                    <td>alternativeNameOfTheSigner</td>
408                    <td> </td>
409                </tr>
410                <tr>
411                    <td>8</td>
412                        <td>signerCertificateValidFrom</td>
413                        <td>2015-03-26 19:30:00.00 </td>
414                </tr>
415                <tr>
416                        <td>9</td>
417                        <td>signerCertificateStillValid</td>
418                        <td>true </td>
419                </tr>
420                <tr>
421                        <td>10</td>
422                        <td>signatureCoversWholeDocument</td>
423                        <td>true </td>
424                </tr>
425                <tr>
426                        <td>11</td>
427                        <td>filterSubtype</td>
428                        <td>/adbe.pkcs7.detached </td>
429                </tr>
430                <tr>
431                        <td>12</td>
432                        <td>signerCertificateSubject</td>
433                        <td>C=Ve,ST=Merida,L=Merida,O=CENDITEL,OU=Desarrollo,CN=Murachi,E=murachi@cenditel.gob.ve </td>
434                </tr>
435                <tr>
436                        <td>13</td>
437                        <td>signerCertificateValidAtTimeOfSigning</td>
438                        <td>true </td>
439                </tr>
440                <tr>
441                        <td>14</td>
442                        <td>encryptionAlgorithm</td>
443                        <td>RSA </td>
444                </tr>
445                <tr>
446                        <td>15</td>
447                        <td>timeStampService</td>
448                        <td>null </td>
449                </tr>
450                <tr>
451                        <td>16</td>
452                        <td>digestAlgorithm</td>
453                        <td>SHA256 </td>
454                </tr>
455                <tr>
456                        <td>17</td>
457                        <td>certificatesVerifiedAgainstTheKeyStore</td>
458                        <td>true </td>
459                </tr>
460                <tr>
461                        <td>18</td>
462                        <td>documentRevision</td>
463                        <td>1 </td>
464                </tr>
465                <tr>
466                        <td>19</td>
467                        <td>nameOfTheSigner</td>
468                        <td>Murachi </td>
469                </tr>
470                <tr>
471                        <td>20</td>
472                        <td>totalDocumentRevisions</td>
473                        <td>1 </td>
474                </tr>
475                <tr>
476                        <td>21</td>
477                        <td>contactInfo</td>
478                        <td> </td>
479                </tr>
480                <tr>
481                        <td>22</td>
482                        <td>timeStampVerified</td>
483                        <td>null </td>
484                </tr>
485                <tr>
486                        <td>23</td>
487                        <td>signerCertificateIssuer</td>
488                        <td>C=VE,ST=Merida,L=Merida,O=CENDITEL,OU=GIDSI,CN=Autoridad de Certificación del GIDSI,E=acgidsi@cenditel.gob.ve </td>
489                </tr>
490                <tr>
491                        <td>24</td>
492                        <td>signerCertificateValidTo</td>
493                        <td>2018-03-26 19:29:59.00 </td>
494                </tr>
495         </tbody>
496     </table> 
497  </div>
498 </div>-->
499
500
501                </div>
502        </body>
503</html>
Note: See TracBrowser for help on using the repository browser.