-
Notifications
You must be signed in to change notification settings - Fork 29
/
Copy pathindex.html
142 lines (102 loc) · 4.74 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Assinatura Digital via JavaScript</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="http://fonts.googleapis.com/css?family=Raleway:400,700" rel="stylesheet" />
<link href="assets/css/style.css" rel="stylesheet" />
<script language="JavaScript" type="text/javascript" src="jsrsasign/ext/jsbn.js"></script>
<script language="JavaScript" type="text/javascript" src="jsrsasign/ext/jsbn2.js"></script>
<script language="JavaScript" type="text/javascript" src="jsrsasign/ext/rsa.js"></script>
<script language="JavaScript" type="text/javascript" src="jsrsasign/ext/rsa2.js"></script>
<script language="JavaScript" type="text/javascript" src="jsrsasign/ext/base64.js"></script>
<!-- for crypto.js -->
<script src="http://yui.yahooapis.com/2.9.0/build/yahoo/yahoo-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.2/components/core.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.2/components/md5.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.2/components/sha1.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.2/components/sha256.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.2/components/ripemd160.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.2/components/x64-core.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.2/components/sha512.js"></script>
<script language="JavaScript" type="text/javascript" src="jsrsasign/rsapem-1.1.js"></script>
<script language="JavaScript" type="text/javascript" src="jsrsasign/rsasign-1.2.js"></script>
<script language="JavaScript" type="text/javascript" src="jsrsasign/asn1hex-1.1.js"></script>
<script language="JavaScript" type="text/javascript" src="jsrsasign/x509-1.1.js"></script>
<script language="JavaScript" type="text/javascript" src="jsrsasign/crypto-1.1.js"></script>
</head>
<body>
<a class="back"></a>
<div id="stage">
<div id="step1">
<div class="content">
<h1>Assinatura Digital via JavaScript</h1>
<a class="button encrypt green">Assinar um arquivo</a>
<a class="button decrypt magenta">Verificar assinatura</a>
</div>
</div>
<div id="step2">
<div class="content if-encrypt">
<!-- Selecionar o arquivo -->
<h1>Escolha um arquivo para assinar</h1>
<h2>Uma cópia assinada do arquivo será gerado. Nenhum dado é enviado para o nosso servidor.</h2>
<a class="button browse blue">Selecionar</a>
<input type="file" id="encrypt-input" />
</div>
<div class="content if-decrypt">
<h1>Escolha o arquivo para verificar</h1>
<h2>Apenas arquivos assinados serão aceitos.</h2>
<a class="button browse blue">Selecionar</a>
<input type="file" id="decrypt-input" />
</div>
</div>
<div id="step3">
<div class="content if-encrypt">
<!-- Chave privada de assinatura -->
<h1>Insira a chave privada</h1>
<h2>Esta chave vai ser utilizada para a assinatura do documento.</h2>
<a class="button cardreader green">Ler cartão</a>
</div>
<div class="content if-decrypt">
<!-- Chave pública para verificar a assinatura -->
<h1>Insira a chave pública</h1>
<h2>Digite a chave pública do assinante para verificar este arquivo. Não será possível verificar sem ela.</h2>
<textarea id="pubkey" name="pubkey" rows="4" cols="35"></textarea>
<a class="button continue red">Continuar</a>
</div>
</div>
<div id="step4">
<div class="content if-encrypt">
<!-- Algoritimo de assinatura -->
<h1>Selecione o algoritmo de assinatura</h1>
<select id="algorithm" name="hashalg">
<option value="sha1" selected>SHA1
<option value="sha256">SHA256
<option value="sha512">SHA512
<option value="md5">MD5
<option value="ripemd160">RIPEMD-160
</select>
<a class="button sign green">Assinar!</a>
</div>
<div class="content if-decrypt">
<h1>Selecione o arquivo com assinatura</h1>
<a class="button browse blue">Selecionar</a>
<input type="file" id="signature-input" />
</div>
</div>
<div id="step5">
<div class="content if-encrypt">
<h1>Seu arquivo foi assinado!</h1>
<h2>Baixe a assinatura do arquivo!</h2>
<a class="button download green">Download</a>
</div>
<div class="content if-decrypt">
<div id="verification"></div>
</div>
</div>
</div>
</body>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="assets/js/script.js"></script>
</html>