source: portal_2019/index.php

dev
Last change on this file was fbcfb98, checked in by Argenis Osorio <argenisosorio580@…>, 7 months ago

feat: Movida la función checkFileSize a un archivo de uso global y agregada restricción de tamaño máximo del archivo desde el formulario de verificar la Firma electrónica
  • Property mode set to 100755
File size: 6.3 KB
Line 
1<!DOCTYPE html>
2<html lang="es">
3<head>
4  <?php require_once "./php/url.php" ?>
5
6  <!-- Metadata & Essential styles and scripts -->
7  <?php require_once "./php/headEssential.php" ?>
8
9  <!-- Styles -->
10  <link href="./css/dataTables.bootstrap.css" rel="stylesheet" type="text/css" />
11  <link href="./css/fileinput.css" rel="stylesheet" type="text/css" media="all" />
12
13  <!-- Scripts -->
14  <script src="./js/jquery.dataTables.min.js"></script>
15  <script src="./js/dataTables.bootstrap.js"></script>
16  <script src="./js/jquery.form.js"></script>
17  <script src="./js/fileinput.js"></script>
18  <script src="./js/gitversion.js"></script>
19  <script src="./js/hwcrypto-legacy.js"></script>
20  <script src="./js/hwcrypto.js"></script>
21  <script src="./js/hex2base.js"></script>
22  <script src="./js/enableDataTable.js"></script>
23
24</head>
25<body>
26
27  <!-- Header -->
28  <?php require_once "./php/header.php" ?>
29
30  <!-- Scrips to sign -->
31  <script src="./js/partial-1.js"></script>
32  <script src="./js/partial-2.js"></script>
33  <script src="./js/partial-3.js"></script>
34  <script src="./js/partial-4.js"></script>
35  <script src="./js/resetButtonsEvent.js"></script>
36  <script src="./js/handlerJSON.js"></script>
37  <script src="./js/handlerJSONBDOC.js"></script>
38  <script src="./js/manejoExtension.js"></script>
39
40  <!-- Navbar -->
41  <?php require_once "./php/navbar.php" ?>
42
43  <!-- Main -->
44  <main class="container">
45    <div id="operation">
46      <ul id="tabs-operation" class="nav nav-tabs mt-6" data-tabs="tabs">
47        <li class="nav-item">
48          <a class="nav-link d-none" href="#firmar" data-toggle="tab">
49            Firmar con token
50          </a>
51        </li>
52        <li>
53          <a class="nav-link" href="<?php returnURL(); ?>/php/sign.php">
54            Firmar con .p12
55          </a>
56        </li>
57        <li>
58          <a class="nav-link active" href="#verificar" data-toggle="tab">
59            Verificar
60          </a>
61        </li>
62      </ul>
63
64      <div id="operation-tab-content" class="tab-content py-4">
65
66        <!-- Tab: Firmar con Token -->
67        <div id="firmar" class="tab-pane">
68          <div class="row">
69            <div class="col-12">
70              <h2 class="text-center py-3 font-weight-bold text-dark">
71                Firmar Electrónicamente <span class="text-primary">eToken</span>
72              </h2>
73            </div>
74          </div>
75          <div class="row">
76            <div class="col-10 offset-1 col-md-8 offset-md-2 pt-4">
77              <p class="text-center mb-1">
78                Seleccione el tipo de formato que va a utilizar
79                para firmar electrónicamente:
80              </p>
81              <div class="kv-main">
82                <form
83                  id="firmar"
84                  name="SignFormat"
85                  action="https://murachi.cenditel.gob.ve/Murachi/0.1/archivos"
86                  enctype="multipart/form-data"
87                  method="post"
88                >
89                  <div class="custom-control custom-radio">
90                    <input
91                      id="radioOne"
92                      class="custom-control-input"
93                      type="radio"
94                      name="optradio"
95                      value="pdf"
96                      checked
97                    />
98                    <label class="custom-control-label" for="radioOne">PDF</label>
99                  </div>
100                  <div class="custom-control custom-radio">
101                    <input
102                      id="radioTwo"
103                      class="custom-control-input"
104                      type="radio"
105                      name="optradio"
106                      value="bdoc"
107                    />
108                    <label class="custom-control-label" for="radioTwo">BDOC</label>
109                  </div>
110                  <div class="py-4">
111                    <p class="text-center mb-3">
112                      Seleccione el archivo que desea firmar electrónicamente:
113                    </p>
114                    <input
115                      id="file-sign"
116                      class="file"
117                      name="upload"
118                      type="file"
119                      data-min-file-count="1"
120                      onclick="manejoExtension()"
121                    />
122                  </div>
123                  <button
124                    type="submit"
125                    class="btn btn-primary btn-block"
126                  >
127                    Enviar
128                  </button>
129                </form>
130              </div>
131            </div>
132          </div>
133        </div>
134
135        <!-- Tab: Verificar firma -->
136        <div id="verificar" class="tab-pane active">
137          <h2 class="text-center py-3 font-weight-bold text-dark">
138            Verificar la Firma Electrónica
139          </h2>
140          <div class="row">
141            <div class="col-10 offset-1 col-md-8 offset-md-2 pt-4">
142              <div class="kv-main">
143                <form
144                  id="verificar"
145                  method="post"
146                  action="https://murachi.cenditel.gob.ve/Murachi/0.1/archivos/firmados"
147                  enctype="multipart/form-data"
148                >
149                  <p class="text-center">
150                    Seleccione el archivo que desea verificar
151                    (Tamaño máximo <?php echo $maxFileSize ?>):
152                  </p>
153                  <div class="py-4">
154                    <input
155                      id="file-check-sign"
156                      class="file"
157                      type="file"
158                      multiple data-min-file-count="1"
159                      onchange="checkFileSize(this)"
160                      name="upload"
161                    />
162                  </div>
163                  <button
164                    type="submit"
165                    class="btn btn-primary btn-block button-please-wait"
166                  >
167                    Verificar
168                  </button>
169                </form>
170              </div>
171            </div>
172          </div>
173        </div>
174      </div>
175    </div>
176  </main>
177
178  <!-- Logs -->
179  <section id="logs" class="container">
180    <div class="row">
181      <div id="log" class="col-12 text-info text-center py-2"></div>
182      <div id="respuesta" class="col-12 text-info text-center py-2"></div>
183      <div id="respuestaVerificacion" class="col-12 text-info text-center py-2"></div>
184    </div>
185  </section>
186
187  <!-- Footer -->
188  <?php require_once "./php/footer.php" ?>
189
190</body>
191</html>
Note: See TracBrowser for help on using the repository browser.