source: prototipo_portal_2018/nuevoPortal/index.html @ 0500480

Last change on this file since 0500480 was ca5e9e5, checked in by Antonio Araujo <aaraujo@…>, 7 years ago

Modificación del portal para establecer la ubicación de la marca de firma visible en documento pdf.

  • Property mode set to 100644
File size: 9.2 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  <!-- Styles - css
16  ================================================== -->
17  <link href="static/css/theme.css" rel="stylesheet">
18  <!-- Others - js
19  ================================================== -->
20  <script src="static/js/ie-emulation-modes-warning.js"></script>
21  <script src="static/js/holder.min.js"></script>
22  <!-- Jquery - js
23  ================================================== -->
24  <script src="static/js/jquery-1.12.4.min.js"></script>
25  <script>window.jQuery || document.write('<script src="static/js/jquery-1.12.4.min.js"><\/script>')</script>
26  <!-- Bootstrap - js
27  ================================================== -->
28  <script src="static/bootstrap/js/bootstrap.min.js"></script>
29  <!-- Bug fix - js
30  ================================================== -->
31  <script src="static/js/ie10-viewport-bug-workaround.js"></script>
32
33  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
34  <script src="static/js/cropper.js"></script>
35
36<script src="static/js/pdf.js"></script>
37<script src="static/js/pdf.worker.js"></script>
38<style type="text/css">
39
40#upload-button {
41  width: 150px;
42  display: block;
43  margin: 20px auto;
44}
45
46#file-to-upload {
47  display: none;
48}
49
50#pdf-main-container {
51  width: 700px;
52  margin: 30px auto;
53}
54
55#pdf-loader {
56  display: none;
57  text-align: center;
58  color: #999999;
59  font-size: 13px;
60  line-height: 100px;
61  height: 100px;
62}
63
64#pdf-contents {
65  display: none;
66}
67
68#pdf-meta {
69  overflow: hidden;
70  margin: 0 0 20px 0;
71}
72
73#pdf-buttons {
74  float: left;
75}
76
77#page-count-container {
78  float: right;
79}
80
81#pdf-current-page {
82  display: inline;
83}
84
85#pdf-total-pages {
86  display: inline;
87}
88
89#pdf-canvas {
90  border: 1px solid rgba(0,0,0,0.2);
91  box-sizing: border-box;
92}
93
94#page-loader {
95  height: 100px;
96  line-height: 100px;
97  text-align: center;
98  display: none;
99  color: #999999;
100  font-size: 13px;
101}
102
103#download-image {
104  width: 150px;
105  display: block;
106  margin: 20px auto 0 auto;
107  font-size: 13px;
108  text-align: center;
109}
110
111</style>
112</head>
113<body>
114
115  <!-- Navbar class
116  ================================================== -->
117  <nav class="navbar navbar-default navbar-custom navbar-fixed-top">
118    <div class="container-fluid">
119      <div class="navbar-header page-scroll">
120        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
121          <span class="sr-only">Toggle navigation</span>
122          Menu <i class="fa fa-bars"></i>
123        </button>
124       
125      </div>
126      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
127        <ul class="nav navbar-nav navbar-right">
128          <li>
129            <a href="#">Home</a>
130          </li>
131          <li>
132            <a href="#">Page 1</a>
133          </li>
134          <li>
135            <a href="#">Page 2</a>
136          </li>
137          <li class="dropdown">
138            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
139            <ul class="dropdown-menu">
140              <li><a href="#">Action</a></li>
141              <li><a href="#">Another action</a></li>
142              <li><a href="#">Something else here</a></li>
143            </ul>
144          </li>
145          <li>
146            <a href="#">Contact</a>
147          </li>
148        </ul>
149      </div>
150    </div>
151  </nav><!-- End Navbar class -->
152
153
154  <!-- Page Header -->
155  <!-- Set your background image for this header on the line below. -->
156  <header class="intro-header" style="background-image: url('static/img/backgroung-header.png')">
157    <div class="container">
158      <div class="row">
159        <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
160          <div class="site-heading">
161         
162          </div>
163        </div>
164      </div>
165    </div>
166  </header>
167
168  <!-- Main Content
169  ================================================== -->
170  <div class="container">
171
172    <!-- Row
173    ================================================== -->
174    <div class="row">
175
176      <!-- Right Column
177      ================================================== -->
178      <div class="col-sm-4">
179
180      <!-- 
181      <div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
182        <div class="menu_section">
183          <h3>General</h3>
184          <nav>
185          <ul class="nav">
186            <li><a href="#">Agregar texto imagen</a></li>
187            <li><a href="#" id="btn-1" class="list-group-item list-group-item-success" data-toggle="collapse" data-target="#submenu1" >Editar imagen</a>
188                <ul class="nav collapse" id="submenu1" role="menu" aria-labelledby="btn-1">
189                  <li><a href="#">Link 2.1</a></li>
190                  <li><a href="#">Link 2.2</a></li>
191                  <li><a href="#">Link 2.3</a></li>
192                </ul>
193            </li>
194            <li><a href="#">Link 3</a></li>
195          </ul>
196          </nav>
197        </div>
198      </div>
199      -->
200 
201
202      <div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
203        <div class="menu_section">
204          <h3>General</h3>
205          <nav>
206          <ul class="nav">
207     
208            <li><a href="#" id="btn-1" class="list-group-item list-group-item-success" data-toggle="collapse" data-target="#submenu1" >Sign</a>
209                <ul class="nav collapse" id="submenu1" role="menu" aria-labelledby="btn-1">
210                    <div class="col-sm-4">
211                      <button id="upload-button">Select PDF</button> 
212                      <input type="file" id="file-to-upload" accept="application/pdf" />
213                    </div>
214                </ul>
215            </li>
216            <li><a href="#">Agregar texto imagen</a></li>
217          </ul>
218          </nav>
219        </div>
220      </div>
221
222        <h3>Parámetros</h3>
223
224        <div class="list-group">
225
226        <div class="docs-data">
227          <div class="input-group input-group-sm">
228            <label class="input-group-addon" for="dataX">Pagina de Pdf</label>
229            <input type="text" class="form-control" id="pagepdf" placeholder="Page of pdf">
230            <span class="input-group-addon">page</span>
231          </div>
232          <div class="input-group input-group-sm">
233            <label class="input-group-addon" for="dataX">X</label>
234            <input type="text" class="form-control" id="dataX" placeholder="x">
235            <span class="input-group-addon">px</span>
236          </div>
237          <div class="input-group input-group-sm">
238            <label class="input-group-addon" for="dataY">Y</label>
239            <input type="text" class="form-control" id="dataY" placeholder="y">
240            <span class="input-group-addon">px</span>
241          </div>         
242          <div class="input-group input-group-sm">
243            <label class="input-group-addon" for="dataWidth">Width</label>
244            <input type="text" class="form-control" id="dataWidth" placeholder="width">
245            <span class="input-group-addon">px</span>
246          </div>
247          <div class="input-group input-group-sm">
248            <label class="input-group-addon" for="dataHeight">Height</label>
249            <input type="text" class="form-control" id="dataHeight" placeholder="height">
250            <span class="input-group-addon">px</span>
251          </div>
252        </div>
253        </div>
254
255      </div><!-- End Right Column -->
256
257      <!-- Center Column
258      ================================================== -->
259      <div class="col-sm-8">
260         <div class="well">
261            <div id="pdf-main-container">
262              <div id="pdf-loader">Loading document ...</div>
263              <div id="pdf-contents">
264                <div id="pdf-meta">
265                  <div id="pdf-buttons">
266                    <button id="pdf-prev">Previous</button>
267                    <button id="pdf-next">Next</button>
268                  </div>
269                  <div id="page-count-container">Page <div id="pdf-current-page"></div> of <div id="pdf-total-pages"></div></div>
270                </div>
271               
272                <img id = "img" />
273                <div id="page-loader">Loading page ...</div>
274              </div>
275            </div>         
276        </div>
277        <canvas id="pdf-canvas" width="500"></canvas>
278
279
280     </div>
281
282  </div><!-- End Main Content -->
283
284
285  <hr />
286
287
288
289  <!-- Footer
290  ================================================== -->
291  <footer>
292    <div class="container">
293      <div class="well" align="center">
294        Some text description...
295      </div>
296    </div>
297  </footer><!-- End Footer -->
298
299  <!-- Contact Form JavaScript -->
300  <script src="static/js/jqBootstrapValidation.js"></script>
301  <!-- Theme JavaScript -->
302  <script src="static/js/clean-blog.min.js"></script>
303  <script src="static/js/docs.js"></script>
304</body>
305</html>
306 
Note: See TracBrowser for help on using the repository browser.