source: prototipo_portal_2018/prototipo/index.html @ 445bdb4

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

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