source: prototipo_portal_2018/prototipo/index.html @ 5de7549

Last change on this file since 5de7549 was 5de7549, checked in by José Sulbarán <jsulbaran@…>, 7 years ago

Se agrego la funcionalidad para el reporte de la firma

  • Property mode set to 100644
File size: 16.1 KB
Line 
1<!DOCTYPE html>
2<html lang="en">
3<head>
4  <meta charset="utf-8">
5  <meta http-equiv="X-UA-Compatible" content="IE=edge">
6  <meta name="viewport" content="width=device-width, initial-scale=1">
7  <meta name="description" content="">
8  <meta name="author" content="">
9  <title>MURACHI</title>
10  <!-- Bootstrap Styles - css
11  ================================================== -->
12  <link href="static/bootstrap/css/bootstrap.min.css" rel="stylesheet">
13  <link href="static/css/ie10-viewport-bug-workaround.css" rel="stylesheet">
14  <link rel="stylesheet" href="static/css/cropper.css">
15  <!-- DataTables----css -->
16  <link type="text/css" rel="stylesheet" href="static/css/datatable/buttons.dataTables.min.css" />
17  <link type="text/css" rel="stylesheet" href="static/css/datatable/jquery.dataTables.min.css" />
18  <!-- Styles - css Para mi contenido del portal
19  ================================================== -->
20  <link href="static/css/style.css" rel="stylesheet">
21  <!-- Styles - css
22  ================================================== -->
23  <link href="static/css/theme.css" rel="stylesheet">
24  <!-- Others - js
25  ================================================== -->
26  <script src="static/js/ie-emulation-modes-warning.js"></script>
27  <script src="static/js/holder.min.js"></script>
28
29
30
31  <!-- Jquery - js
32  ================================================== -->
33  <script src="static/js/jquery-1.12.4.min.js"></script>
34  <script>window.jQuery || document.write('<script src="static/js/jquery-1.12.4.min.js"><\/script>')</script>
35  <!-- Bootstrap - js
36  ================================================== -->
37  <script src="static/bootstrap/js/bootstrap.min.js"></script>
38  <!-- Bug fix - js
39  ================================================== -->
40  <script src="static/js/ie10-viewport-bug-workaround.js"></script>
41
42  <!--========== Plugins para el pdf =========-->
43  <script src="static/js/pdf.js"></script>
44  <script src="static/js/pdf.worker.js"></script>
45
46  <!-- ========== Plugins hwcrypto ========= -->
47  <script type="text/javascript" src="static/js/hwcrypto/gitversion.js"></script>
48  <script type="text/javascript" src="static/js/hwcrypto/hwcrypto-legacy.js"></script>
49  <script type="text/javascript" src="static/js/hwcrypto/hwcrypto.js"></script>
50  <script type="text/javascript" src="static/js/hwcrypto/hex2base.js"></script> 
51  <!--DataTables-----js  -->     
52  <script type="text/javascript" src="static/js/datatable/jquery-1.12.4.js"></script>
53  <script type="text/javascript" src="static/js/datatable/jquery.dataTables.min.js"></script>
54  <script type="text/javascript" src="static/js/datatable/dataTables.bootstrap.min.js "></script>
55  <script type="text/javascript" src="static/js/datatable/dataTables.buttons.min.js"></script>
56  <script type="text/javascript" src="static/js/datatable/jszip.min.js"></script>
57  <script type="text/javascript" src="static/js/datatable/buttons.print.min.js" ></script>
58  <script type="text/javascript" src="static/js/datatable/pdfmake.min.js " ></script>
59  <script type="text/javascript" src="static/js/datatable/vfs_fonts.js" ></script>
60  <script type="text/javascript" src="static/js/datatable/buttons.html5.min.js" ></script>
61  <script type="text/javascript" src="static/js/datatable/buttons.print.min.js" ></script>
62  <script type="text/javascript" src="static/js/datatable/buttons.colVis.min.js" ></script>
63  <script type="text/javascript" src="static/js/datatable/myDataTable.js"></script>
64  <script type="text/javascript" src="static/js/datatable/myFunctiones.js" ></script>
65
66
67</head>
68<body>
69
70  <!-- Navbar class
71  ================================================== -->
72  <nav class="navbar navbar-default navbar-custom navbar-fixed-top">
73    <div class="container-fluid">
74      <div class="navbar-header page-scroll">
75        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
76          <span class="sr-only">Toggle navigation</span>
77          Menu <i class="fa fa-bars"></i>
78        </button>
79       
80      </div>
81      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
82        <ul class="nav navbar-nav navbar-right">
83          <li>
84            <a href="#">Home</a>
85          </li>
86          <li>
87            <a href="https://tibisay.cenditel.gob.ve/murachi">Wiki</a>
88          </li>
89          <li>
90            <a href="#">Contacto</a>
91          </li>
92        </ul>
93      </div>
94    </div>
95  </nav><!-- End Navbar class -->
96
97
98  <!-- Page Header -->
99  <!-- Set your background image for this header on the line below. -->
100  <header class="intro-header" style="background-image: url('static/img/backgroung-header.png')">
101    <div class="container">
102      <div class="row">
103        <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
104          <div class="site-heading">
105         
106          </div>
107        </div>
108      </div>
109    </div>
110  </header>
111
112  <!-- Main Content
113  ================================================== -->
114  <div class="container">
115
116    <!-- Row
117    ================================================== -->
118    <div class="row">
119
120      <!-- Right Column
121      ================================================== -->
122      <div class="col-sm-4">
123
124      <div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
125        <div class="menu_section">
126
127          <nav>
128          <ul class="nav">
129
130            <li><a href="#" id="btn-1" class="list-group-item list-group-item-success" data-toggle="collapse" data-target="#firma_visible" >Firmar <span class="glyphicon glyphicon-chevron-down"></span></a>     
131                <ul class="nav collapse" id="firma_visible" role="menu" aria-labelledby="btn-1">
132                  <div class="col-md-12 col-width " id="firma_visible">
133                    <li><a href="#" id="btn-2" class="list-group-item list-group-item-info" data-toggle="collapse" data-target="#pdf" >Formato PDF <span class="glyphicon glyphicon-chevron-down"></span></a>
134                    </li> 
135                        <ul class="nav collapse" id="pdf" role="menu" aria-labelledby="btn-1">
136                          <div class="col-sm-12 col-width" id="pdf">
137                            <li><a href="#" id="firm_v" class="list-group-item list-group-item-link" data-toggle="collapse" data-target="#Formato_Visible" >Firma Visible <span class="glyphicon glyphicon-chevron-down"></span></a>
138                            </li> 
139                             <ul class="nav collapse" id="Formato_Visible" role="menu" aria-labelledby="btn-1">
140                                <form id ="Form-Format-Visible"  enctype='multipart/form-data' >
141                                  <div class="btn-group" id="Formato_Visible">
142                                     <button type="button" id="upload-button2" class="btn btn-success btn-sm">
143                                        <span class="glyphicon glyphicon-folder-open"></span> Cargar
144                                     </button>
145                                     <button type="submit" id="firmar-documento"  class="btn btn-info btn-sm buttons-plantilla">
146                                        <span class="glyphicon glyphicon-ok"></span> Firmar
147                                     </button>
148                                     <input type="hidden" class="form-control" id="dataX" placeholder="x">
149                                     <input type="hidden" class="form-control" id="dataY" placeholder="y">
150                                     <input type="hidden" class="form-control" id="pagepdf" placeholder="Page of pdf">
151                                     <input type="file" id="file-sign-ft_Vble" accept="application/pdf" />
152                                  </div>
153                                </form>
154                                <div class="text imagen" id="texto"></div>
155                              </ul>                           
156                              <li><a href="#" id="firm_no_v" class="list-group-item list-group-item-link" data-toggle="collapse" data-target="#Formato_Normal">Firma No visible <span class="glyphicon glyphicon-chevron-down"></span></a>
157                                <ul class="nav collapse" id="Formato_Normal" role="menu" aria-labelledby="btn-1">
158                                    <div class="btn-group" id="Formato_Normal">
159                                       <button type="button" id="upload-Normal" class="btn btn-success btn-sm">
160                                          <span class="glyphicon glyphicon-folder-open"></span> Cargar
161                                       </button>
162                                       <button type="button" id="firmar-doc-noVisible"  class="btn btn-info btn-sm buttons-plantilla">
163                                          <span class="glyphicon glyphicon-ok"></span> Firmar
164                                       </button>
165                                        <input type="file" id="file-to-normal" accept="application/pdf" />
166                                    </div>
167                                </ul>                           
168                              </li>                   
169                          </div>
170                        </ul>
171
172                    <li><a href="#" id="btn-1" class="list-group-item list-group-item-info" data-toggle="collapse" data-target="#bdoc" >Formato BDOC</a>
173                    </li>                   
174                  </div>
175                </ul>
176               
177            </li> 
178
179           
180            <li><a href="#" id="btn-1" class="list-group-item list-group-item-success" data-toggle="collapse" data-target="#submenu2" >Verificar</a>
181                <ul class="nav collapse" id="submenu2" role="menu" aria-labelledby="btn-1">
182                    <div class="col-sm-4" id="submenu2">
183                       <button type="button" id="upload-button2" class="btn btn-success btn-sm">
184                          <span class="glyphicon glyphicon-open"></span>Cargar
185                       </button>
186                        <input type="file" id="file-to-uploa" accept="application/pdf" />
187                        <div id="etiquet">
188                          <div class="text imagen" id="texto"></div>
189                        </div>
190                    </div>
191                </ul>
192            </li>
193           
194          </ul>
195          </nav>
196          <br>
197          <div id="respuesta"></div>
198          <div id="log" class="log_style" ></div>
199        </div>
200      </div>
201
202       <!--
203        <h3>Parámetros</h3>
204
205        <div class="list-group">
206            <div class="docs-data">
207                <div class="input-group input-group-sm">
208                  <label class="input-group-addon" for="dataX">Pagina de Pdf</label>
209                  <input type="text" class="form-control" id="pagepdf" placeholder="Page of pdf">
210                  <span class="input-group-addon">page</span>
211                </div>
212                <div class="input-group input-group-sm">
213                  <label class="input-group-addon" for="dataX">X</label>
214                  <input type="text" class="form-control" id="dataX" placeholder="x">
215                  <span class="input-group-addon">px</span>
216                </div>
217                <div class="input-group input-group-sm">
218                  <label class="input-group-addon" for="dataY">Y</label>
219                  <input type="text" class="form-control" id="dataY" placeholder="y">
220                  <span class="input-group-addon">px</span>
221                </div>         
222                <div class="input-group input-group-sm">
223                  <label class="input-group-addon" for="dataWidth">Width</label>
224                  <input type="text" class="form-control" id="dataWidth" placeholder="width">
225                  <span class="input-group-addon">px</span>
226                </div>
227                <div class="input-group input-group-sm">
228                  <label class="input-group-addon" for="dataHeight">Height</label>
229                  <input type="text" class="form-control" id="dataHeight" placeholder="height">
230                  <span class="input-group-addon">px</span>
231                </div>
232            </div>
233        </div>
234        -->
235      </div><!-- End Right Column -->
236
237      <!-- Center Column
238      ================================================== -->
239      <div class="col-sm-8">
240     
241        <div class="well cuerpo" >
242          <div id="pdf-main-container"><center>Firma Visible</center> 
243            <div id="pdf-loader2">Cargando documento ...</div>
244            <div id="pdf-contents2">
245              <div id="pdf-meta2">
246                <div id="pdf-buttons2">
247                  <button type="button" id="pdf-prev2" class="btn btn-default btn-sm">
248                    <span class="glyphicon glyphicon-step-backward"></span> 
249                  </button>
250                  <button type="button" id="pdf-next2" class="btn btn-default btn-sm">
251                    <span class="glyphicon glyphicon-step-forward"></span> 
252                  </button>                               
253                </div>
254                <div id="page-count-container">Página <div id="pdf-current-page2"></div> de <div id="pdf-total-pages2"></div></div>
255              </div>
256              <div class="overflow" >
257                <div id="container1" class=".cropper-hidden">
258                  <!--<div class="ball blue">sdsa</div>-->
259                </div>
260                <br>
261                <br>
262              </div>         
263              </div>
264              <canvas id="pdf-canvas2" width="500"></canvas>
265              <div id="page-loader2">Cargando página ...</div>
266            </div>
267            <div id="pdf-main-container2"><center>Firma Normal</center> 
268              <div id="pdf-loader3">Cargando documento ...</div>
269              <div id="pdf-contents3">
270                <div id="pdf-meta3">
271                  <div id="pdf-buttons3">
272                    <button type="button" id="pdf-prev3" class="btn btn-default btn-sm">
273                      <span class="glyphicon glyphicon-step-backward"></span> 
274                    </button>
275                    <button type="submit" id="pdf-next3" class="btn btn-default btn-sm">
276                      <span class="glyphicon glyphicon-step-forward"></span> 
277                    </button>                               
278                  </div>
279                  <div id="page-count-container3">Página <div id="pdf-current-page3"></div> de <div id="pdf-total-pages3"></div></div>
280                </div>
281                <div class="overflow">
282                  <div id="container2" class=".cropper-hidden">
283                    <!--<div class="ball blue">sdsa</div>-->
284                  </div>
285                </div>
286                </div>
287                <canvas id="pdf-canvas3" width="500"></canvas>
288                <div id="page-loader3">Cargando página ...</div>
289              </div>
290          </div>
291          <!-- MyData table -->
292          <div class=" ">
293            <table id="myJson" class="display" cellspacing="0" width="100%">           
294            </table> 
295            <div id="Dialogo"> </div>         
296          </div>
297
298      </div>
299       
300        <!--############ well-->
301
302        <!--############ -->
303     </div>
304
305  </div><!-- End Main Content -->
306
307
308
309
310
311  <hr />
312
313  <!-- Footer
314  ================================================== -->
315<!--
316  <footer>
317    <div class="container">
318      <div class="well" align="center">
319        Some text description...
320      </div>
321    </div>
322  </footer>--><!-- End Footer -->
323
324
325
326
327
328  <!-- Contact Form JavaScript -->
329
330  <script src="static/js/jqBootstrapValidation.js"></script>
331  <!-- Theme JavaScript -->
332  <script src="static/js/clean-blog.min.js"></script>
333  <script src="static/js/draggable.js"></script>
334  <script src="static/js/bounded.js"></script>
335  <script src="static/js/jquery/jquery-ui.js"></script>
336  <script src="static/js/constantes.js"></script>
337
338
339  <script src="static/js/docFirmaNormal.js"></script>
340  <script src="static/js/menu.js"></script>
341
342  <!-- Coordenadas PDF-->
343  <script src="static/js/functions/DraggableSortable.js"></script>
344  <script src="static/js/docsDraggable.js"></script>
345  <!-- sign PDF -->
346  <script src="static/js/functions/manejoJsonPDF.js"></script>
347  <script src="static/js/functions/signFunctions.js"></script>
348  <script src="static/js/functions/PDF/myInfoDataTablePDF.js"></script>
349  <script src="static/js/functions/firmarDocumentoPdf.js"></script>
350
351
352</body>
353</html>
354 
Note: See TracBrowser for help on using the repository browser.