Context Navigation

source: prototipo_portal_2018/WebContent/index140415.jsp

Last change on this file 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: 11.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	<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	<br>
85	<br>
86	<body>
87	<div class="container">
88	<div id="operation">
89	<ul id="tabs-operation" class="nav nav-tabs" data-tabs="tabs">
90	<li class="active"><a href="#firmar" data-toggle="tab">Firmar</a></li>
91	<li><a href="#verificar" data-toggle="tab">Verificar</a></li>
92	</ul>
93	<div id="operation-tab-content" class="tab-content">
94	<!--Sección para firmar -->
95	<div class="tab-pane active" id="firmar">
96	<h1>Firmar Electrónica</h1>
97	<div class="container kv-main">
98	<form enctype="multipart/form-data" action="https://192.168.12.125:8443/JAXRS-Murachi/murachi/archivos" method="post">
99	<h2>Formato para la Firma</h2>
100	<p>Seleccione el tipo de formato que va a utilizar para firmar electrónicamente</p>
101	<div class="radio">
102	<label><input type="radio" name="optradio">PDF</label>
103	</div>
104	<div class="radio">
105	<label><input type="radio" name="optradio">BDOC</label>
106	</div>
107	<br>
108	<input id="file-sign" class="file" type="file" name="upload">
109	<br>
110	<button type="submit" class="btn btn-primary">Submit</button>
111	<button type="reset" class="btn btn-default">Reset</button>
112	</form>
113	<br>
114	</div>
115	</div>
116	<!--Sección para verificar -->
117	<div class="tab-pane" id="verificar">
118	<h1>Verificar la firma electrónica</h1>
119	<div class="container kv-main">
120	<form enctype="multipart/form-data">
121	<input id="file-check-sign" class="file" type="file" multiple data-min-file-count="1">
122	<br>
123	<button type="submit" class="btn btn-primary">Submit</button>
124	<button type="reset" class="btn btn-default">Reset</button>
125	</form>
126	<br>
127	</div>
128	</div>
129	</div>
130	</div>
131
132
133	<script type="text/javascript">
134	jQuery(document).ready(function ($) {
135	$('#tabs').tab();
136	});
137	</script>
138	</div> <!-- container -->
139	<div class="container">
140	<h2>JSON Object Creation in JavaScript</h2>
141	<p id="demo"></p>
142
143	<script>
144
145	var prueba = ' <div class=\'container\'>\n';
146	prueba += ' <h2>Información</h2>\n';
147	prueba += ' <p>Información de la firma electronica\n';
148	prueba += ' <div class=\'table-responsive\'>\n';
149	prueba += ' <table class=\'table\'>\n';
150	prueba += ' <thead>\n';
151	prueba += ' <tr>\n';
152	prueba += ' <th>#</th>\n';
153	prueba += ' <th>Campo</th>\n';
154	prueba += ' <th>Descripción\n';
155	prueba += ' </tr>\n';
156	prueba += ' </thead>\n';
157	prueba += ' <tbody>\n';
158	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"}]}'
159	var text = '{"name":"John Johnson","street":"Oslo West 16","phone":"555 1234567"}'
160	var obje = JSON.parse(text);
161	var objVarVerifique = JSON.parse(varVerifique);
162
163	alert(objVarVerifique.toSource());
164	/**
165	document.getElementById("demo").innerHTML =
166	obje.name + "<br>" +
167	obje.street + "<br>" +
168	obje.phone;
169	**/
170
171	var signatures = '';
172	var fields = '';
173	var html = '';
174	<!-- Recorre el json -->
175	$.each(objVarVerifique, function(idx, obj) {
176	//alert("iten #" + idx + ": " + obj);
177	if(idx == "signatures") {
178	signatures = obj;
179	}
180	else {
181	html += idx + ' ' + obj + "<br>";
182	prueba += '<tr>\n<td></td>\n<td>' + idx + '</td>\n<td>' + obj +' </td>\n</tr>\n';
183
184	}
185	});
186	//alert(signatures.toSource());
187	$.each(signatures, function(idx, obj) {
188	var contsing = 1;
189	var contfiels = 1;
190	fields = obj;
191	$.each(fields, function(id, objx) {
192	html += id + ' ' + objx + "<br>";
193	prueba += '<tr>\n<td>'+contfiels+'</td>\n<td>' + id + '</td>\n<td>' + objx +' </td>\n</tr>\n';
194	contfiels++;
195	//alert("iten #" + id + ": " + objx);
196	});
197	contsing++;
198	});
199	prueba += ' </tbody> \n </table> \n </div> \n </div>';
200	alert(prueba);
201	//alert("html: " + html);
202	document.getElementById("demo").innerHTML = prueba;
203	</script>
204
205
206	<div class="container">
207	<h2>Información</h2>
208	<p>Información de la firma electronica
209	<div class="table-responsive">
210	<table class="table">
211	<thead>
212	<tr>
213	<th>#</th>
214	<th>Campo</th>
215	<th>Descripción
216	</tr>
217	</thead>
218	<tbody>
219	<tr>
220	<td></td>
221	<td></td>
222	<td>Mujer</td>
223	</tr>
224	<tr>
225	<td>2</td>
226	<td>Debbie</td>
227	<td></td>
228	</tr>
229	<tr>
230	<td>3</td>
231	<td>John</td>
232	<td>Mujer</td>
233	</tr>
234	</tbody>
235	</table>
236	</div>
237	</div>
238
239	<div class='container'>
240	<h2>Información</h2>
241	<p>Información de la firma electronica
242	<div class='table-responsive'>
243	<table class='table'>
244	<thead>
245	<tr>
246	<th>#</th>
247	<th>Campo</th>
248	<th>Descripción
249	</tr>
250	</thead>
251	<tbody>
252	<tr>
253	<td></td>
254	<td>fileExist</td>
255	<td>true </td>
256	</tr>
257	<tr>
258	<td></td>
259	<td>numberOfSignatures</td>
260	<td>1 </td>
261	</tr>
262	<tr>
263	<td>1</td>
264	<td>signatureType</td>
265	<td>approval </td>
266	</tr>
267	<tr>
268	<td>2</td>
269	<td>signedOn</td>
270	<td>07-04-2015 11:09:07.00 </td>
271	</tr>
272	<tr>
273	<td>3</td>
274	<td>integrityCheck</td>
275	<td>true </td>
276	</tr>
277	<tr>
278	<td>4</td>
279	<td>timeStamp</td>
280	<td>null </td>
281	</tr>
282	<tr>
283	<td>5</td>
284	<td>reason</td>
285	<td>Prueba de firma en dos partes </td>
286	</tr>
287	<tr>
288	<td>6</td>
289	<td>location</td>
290	<td>Merida, Venezuela </td>
291	</tr>
292	<tr>
293	<td>7</td>
294	<td>alternativeNameOfTheSigner</td>
295	<td> </td>
296	</tr>
297	<tr>
298	<td>8</td>
299	<td>signerCertificateValidFrom</td>
300	<td>2015-03-26 19:30:00.00 </td>
301	</tr>
302	<tr>
303	<td>9</td>
304	<td>signerCertificateStillValid</td>
305	<td>true </td>
306	</tr>
307	<tr>
308	<td>10</td>
309	<td>signatureCoversWholeDocument</td>
310	<td>true </td>
311	</tr>
312	<tr>
313	<td>11</td>
314	<td>filterSubtype</td>
315	<td>/adbe.pkcs7.detached </td>
316	</tr>
317	<tr>
318	<td>12</td>
319	<td>signerCertificateSubject</td>
320	<td>C=Ve,ST=Merida,L=Merida,O=CENDITEL,OU=Desarrollo,CN=Murachi,E=murachi@cenditel.gob.ve </td>
321	</tr>
322	<tr>
323	<td>13</td>
324	<td>signerCertificateValidAtTimeOfSigning</td>
325	<td>true </td>
326	</tr>
327	<tr>
328	<td>14</td>
329	<td>encryptionAlgorithm</td>
330	<td>RSA </td>
331	</tr>
332	<tr>
333	<td>15</td>
334	<td>timeStampService</td>
335	<td>null </td>
336	</tr>
337	<tr>
338	<td>16</td>
339	<td>digestAlgorithm</td>
340	<td>SHA256 </td>
341	</tr>
342	<tr>
343	<td>17</td>
344	<td>certificatesVerifiedAgainstTheKeyStore</td>
345	<td>true </td>
346	</tr>
347	<tr>
348	<td>18</td>
349	<td>documentRevision</td>
350	<td>1 </td>
351	</tr>
352	<tr>
353	<td>19</td>
354	<td>nameOfTheSigner</td>
355	<td>Murachi </td>
356	</tr>
357	<tr>
358	<td>20</td>
359	<td>totalDocumentRevisions</td>
360	<td>1 </td>
361	</tr>
362	<tr>
363	<td>21</td>
364	<td>contactInfo</td>
365	<td> </td>
366	</tr>
367	<tr>
368	<td>22</td>
369	<td>timeStampVerified</td>
370	<td>null </td>
371	</tr>
372	<tr>
373	<td>23</td>
374	<td>signerCertificateIssuer</td>
375	<td>C=VE,ST=Merida,L=Merida,O=CENDITEL,OU=GIDSI,CN=Autoridad de CertificaciÃ³n del GIDSI,E=acgidsi@cenditel.gob.ve </td>
376	</tr>
377	<tr>
378	<td>24</td>
379	<td>signerCertificateValidTo</td>
380	<td>2018-03-26 19:29:59.00 </td>
381	</tr>
382	</tbody>
383	</table>
384	</div>
385	</div>
386
387
388	</div>
389	</body>
390	</html>

Note: See TracBrowser for help on using the repository browser.

Download in other formats: