Skip to content

Commit 7ba9ee3

Browse files
alusion-coderalusion-coder
authored
Add calcular.html for OID data input and display
This HTML file contains a form for inputting various OID data related to Brazilian digital certificates, along with a results table for displaying processed data.
1 parent 1fc3d5e commit 7ba9ee3

1 file changed

Lines changed: 123 additions & 0 deletions

File tree

‎calcular.html‎

Lines changed: 123 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,123 @@
1+
<!DOCTYPE html>
2+
<html lang="pt-BR">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Resposta de OIDs</title>
7+
<link rel="stylesheet" href="calcular.css">
8+
</head>
9+
<body>
10+
<div class="container">
11+
<h1>Resposta de OIDs</h1>
12+
<p class="subtitle">Certificado Digital Brasileiro</p>
13+
14+
<form id="oidForm" method="POST">
15+
<div class="form-group">
16+
<label for="oid_2_16_76_1_3_1">OID 2.16.76.1.3.1 (Dados de Pessoa Física):</label>
17+
<input type="text" id="oid_2_16_76_1_3_1" name="oid_2_16_76_1_3_1" placeholder="Insira os dados ou valores hex">
18+
</div>
19+
20+
<div class="form-group">
21+
<label for="oid_2_16_76_1_3_2">OID 2.16.76.1.3.2 (Nome da Pessoa Jurídica/Responsável):</label>
22+
<input type="text" id="oid_2_16_76_1_3_2" name="oid_2_16_76_1_3_2" placeholder="Insira os dados ou valores hex">
23+
</div>
24+
25+
<div class="form-group">
26+
<label for="oid_2_16_76_1_3_3">OID 2.16.76.1.3.3 (CNPJ):</label>
27+
<input type="text" id="oid_2_16_76_1_3_3" name="oid_2_16_76_1_3_3" placeholder="Insira os dados ou valores hex">
28+
</div>
29+
30+
<div class="form-group">
31+
<label for="oid_2_16_76_1_3_4">OID 2.16.76.1.3.4 (Dados da Pessoa Jurídica):</label>
32+
<input type="text" id="oid_2_16_76_1_3_4" name="oid_2_16_76_1_3_4" placeholder="Insira os dados ou valores hex">
33+
</div>
34+
35+
<div class="form-group">
36+
<label for="oid_2_16_76_1_3_5">OID 2.16.76.1.3.5 (Título de Eleitor):</label>
37+
<input type="text" id="oid_2_16_76_1_3_5" name="oid_2_16_76_1_3_5" placeholder="Insira os dados ou valores hex">
38+
</div>
39+
40+
<div class="form-group">
41+
<label for="oid_2_16_76_1_3_6">OID 2.16.76.1.3.6 (CEI Pessoa Física):</label>
42+
<input type="text" id="oid_2_16_76_1_3_6" name="oid_2_16_76_1_3_6" placeholder="Insira os dados ou valores hex">
43+
</div>
44+
45+
<div class="form-group">
46+
<label for="oid_2_16_76_1_3_7">OID 2.16.76.1.3.7 (CEI Pessoa Jurídica):</label>
47+
<input type="text" id="oid_2_16_76_1_3_7" name="oid_2_16_76_1_3_7" placeholder="Insira os dados ou valores hex">
48+
</div>
49+
50+
<div class="form-group">
51+
<label for="oid_2_16_76_1_3_8">OID 2.16.76.1.3.8 (Nome Social CNPJ):</label>
52+
<input type="text" id="oid_2_16_76_1_3_8" name="oid_2_16_76_1_3_8" placeholder="Insira os dados ou valores hex">
53+
</div>
54+
55+
<button type="submit" class="btn-submit">Processar Dados</button>
56+
<button type="reset" class="btn-reset">Limpar Formulário</button>
57+
</form>
58+
59+
<table id="resultsTable" style="display: none; margin-top: 30px;">
60+
<thead>
61+
<tr>
62+
<th style="width: 12%;">OID</th>
63+
<th style="width: 18%;">Nome Técnico</th>
64+
<th style="width: 50%;">Conteúdo</th>
65+
<th style="width: 20%;">Resultado</th>
66+
</tr>
67+
</thead>
68+
<tbody>
69+
<tr>
70+
<td><span class="oid-code">2.16.76.1.3.1</span></td>
71+
<td class="tech-name">Dados de Pessoa Física</td>
72+
<td class="description">Data de nascimento, CPF, PIS/PASEP/CI, RG</td>
73+
<td class="result" id="result_oid_2_16_76_1_3_1"></td>
74+
</tr>
75+
<tr>
76+
<td><span class="oid-code">2.16.76.1.3.2</span></td>
77+
<td class="tech-name">Nome da Pessoa Jurídica/Responsável</td>
78+
<td class="description">Nome da pessoa responsável pelo certificado</td>
79+
<td class="result" id="result_oid_2_16_76_1_3_2"></td>
80+
</tr>
81+
<tr>
82+
<td><span class="oid-code">2.16.76.1.3.3</span></td>
83+
<td class="tech-name">CNPJ</td>
84+
<td class="description">Cadastro Nacional da Pessoa Jurídica</td>
85+
<td class="result" id="result_oid_2_16_76_1_3_3"></td>
86+
</tr>
87+
<tr>
88+
<td><span class="oid-code">2.16.76.1.3.4</span></td>
89+
<td class="tech-name">Dados da Pessoa Jurídica</td>
90+
<td class="description">Data de nascimento, CPF, NIS/PIS/PASEP/CI, RG, siglas e UF</td>
91+
<td class="result" id="result_oid_2_16_76_1_3_4"></td>
92+
</tr>
93+
<tr>
94+
<td><span class="oid-code">2.16.76.1.3.5</span></td>
95+
<td class="tech-name">Título de Eleitor</td>
96+
<td class="description">Inscrição eleitoral, zona, seção, município e UF</td>
97+
<td class="result" id="result_oid_2_16_76_1_3_5"></td>
98+
</tr>
99+
<tr>
100+
<td><span class="oid-code">2.16.76.1.3.6</span></td>
101+
<td class="tech-name">CEI Pessoa Física</td>
102+
<td class="description">Cadastro Específico do INSS para pessoas físicas</td>
103+
<td class="result" id="result_oid_2_16_76_1_3_6"></td>
104+
</tr>
105+
<tr>
106+
<td><span class="oid-code">2.16.76.1.3.7</span></td>
107+
<td class="tech-name">CEI Pessoa Jurídica</td>
108+
<td class="description">Cadastro Específico do INSS para pessoas jurídicas</td>
109+
<td class="result" id="result_oid_2_16_76_1_3_7"></td>
110+
</tr>
111+
<tr>
112+
<td><span class="oid-code">2.16.76.1.3.8</span></td>
113+
<td class="tech-name">Nome Social CNPJ</td>
114+
<td class="description">Razão social da pessoa jurídica</td>
115+
<td class="result" id="result_oid_2_16_76_1_3_8"></td>
116+
</tr>
117+
</tbody>
118+
</table>
119+
</div>
120+
121+
<script src="calcular.js"></script>
122+
</body>
123+
</html>

0 commit comments

Comments
 (0)