diff options
Diffstat (limited to 'templates/register.tpl')
-rw-r--r-- | templates/register.tpl | 146 |
1 files changed, 146 insertions, 0 deletions
diff --git a/templates/register.tpl b/templates/register.tpl new file mode 100644 index 0000000..794ddaa --- /dev/null +++ b/templates/register.tpl | |||
@@ -0,0 +1,146 @@ | |||
1 | <!doctype html> | ||
2 | <html lang="en"> | ||
3 | <head> | ||
4 | <meta charset="utf-8" /> | ||
5 | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
6 | <meta name="render-time" content="{{ .RenderTime }}"> | ||
7 | {{ if .Context.HasKey "title" }}<title>{{ .Context.Get "title" }}</title>{{ else }}<title>SSH Proxy</title>{{ end }} | ||
8 | </head> | ||
9 | |||
10 | <body> | ||
11 | <script type="text/javascript"> | ||
12 | /* | ||
13 | * Base64URL-ArrayBuffer | ||
14 | * https://github.com/herrjemand/Base64URL-ArrayBuffer | ||
15 | * | ||
16 | * Copyright (c) 2017 Yuriy Ackermann <ackermann.yuriy@gmail.com> | ||
17 | * Copyright (c) 2012 Niklas von Hertzen | ||
18 | * Licensed under the MIT license. | ||
19 | * | ||
20 | */ | ||
21 | (function(){ | ||
22 | 'use strict'; | ||
23 | |||
24 | let chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-_'; | ||
25 | |||
26 | // Use a lookup table to find the index. | ||
27 | let lookup = new Uint8Array(256); | ||
28 | for (let i = 0; i < chars.length; i++) { | ||
29 | lookup[chars.charCodeAt(i)] = i; | ||
30 | } | ||
31 | |||
32 | let encode = function(arraybuffer) { | ||
33 | let bytes = new Uint8Array(arraybuffer), | ||
34 | i, len = bytes.length, base64url = ''; | ||
35 | |||
36 | for (i = 0; i < len; i+=3) { | ||
37 | base64url += chars[bytes[i] >> 2]; | ||
38 | base64url += chars[((bytes[i] & 3) << 4) | (bytes[i + 1] >> 4)]; | ||
39 | base64url += chars[((bytes[i + 1] & 15) << 2) | (bytes[i + 2] >> 6)]; | ||
40 | base64url += chars[bytes[i + 2] & 63]; | ||
41 | } | ||
42 | |||
43 | if ((len % 3) === 2) { | ||
44 | base64url = base64url.substring(0, base64url.length - 1); | ||
45 | } else if (len % 3 === 1) { | ||
46 | base64url = base64url.substring(0, base64url.length - 2); | ||
47 | } | ||
48 | |||
49 | return base64url; | ||
50 | }; | ||
51 | |||
52 | let decode = function(base64string) { | ||
53 | let bufferLength = base64string.length * 0.75, | ||
54 | len = base64string.length, i, p = 0, | ||
55 | encoded1, encoded2, encoded3, encoded4; | ||
56 | |||
57 | let bytes = new Uint8Array(bufferLength); | ||
58 | |||
59 | for (i = 0; i < len; i+=4) { | ||
60 | encoded1 = lookup[base64string.charCodeAt(i)]; | ||
61 | encoded2 = lookup[base64string.charCodeAt(i+1)]; | ||
62 | encoded3 = lookup[base64string.charCodeAt(i+2)]; | ||
63 | encoded4 = lookup[base64string.charCodeAt(i+3)]; | ||
64 | |||
65 | bytes[p++] = (encoded1 << 2) | (encoded2 >> 4); | ||
66 | bytes[p++] = ((encoded2 & 15) << 4) | (encoded3 >> 2); | ||
67 | bytes[p++] = ((encoded3 & 3) << 6) | (encoded4 & 63); | ||
68 | } | ||
69 | |||
70 | return bytes.buffer | ||
71 | }; | ||
72 | |||
73 | window.base64url = { | ||
74 | 'decode': decode, | ||
75 | 'encode': encode | ||
76 | }; | ||
77 | })(); | ||
78 | |||
79 | var request = {{ .Model.WebautnRequest }}; | ||
80 | request.publicKey.challenge = base64url.decode(request.publicKey.challenge); | ||
81 | {{ if .Model.LoginMode }} | ||
82 | request.publicKey.allowCredentials.forEach(e => e.id = base64url.decode(e.id)); | ||
83 | {{ else }} | ||
84 | request.publicKey.user.id = base64url.decode(request.publicKey.user.id); | ||
85 | {{ end }} | ||
86 | |||
87 | {{ if .Model.LoginMode }} | ||
88 | navigator.credentials.get(request) | ||
89 | .then((credential) => { | ||
90 | console.log(credential); | ||
91 | |||
92 | fetch(document.URL, { | ||
93 | method: "POST", | ||
94 | mode: "same-origin", | ||
95 | headers: { | ||
96 | "Content-Type": "application/json", | ||
97 | "X-CSRF-Token": "{{ .CSRFToken }}" | ||
98 | }, | ||
99 | body: JSON.stringify({ | ||
100 | type: credential.type, | ||
101 | id: credential.id, | ||
102 | rawId: base64url.encode(credential.rawId), | ||
103 | response: { | ||
104 | authenticatorData: base64url.encode(credential.response.authenticatorData), | ||
105 | clientDataJSON: base64url.encode(credential.response.clientDataJSON), | ||
106 | signature: base64url.encode(credential.response.signature), | ||
107 | userHandle: base64url.encode(credential.response.userHandle) | ||
108 | } | ||
109 | }) | ||
110 | }) | ||
111 | .then((response) => { | ||
112 | if (response.ok) { document.body.innerHTML = "<h1>Success</h1>"; } | ||
113 | else { document.body.innerHTML = "<h1>Failure</h1>"; } | ||
114 | }); | ||
115 | }); | ||
116 | {{ else }} | ||
117 | navigator.credentials.create(request) | ||
118 | .then((credential) => { | ||
119 | console.log(credential); | ||
120 | |||
121 | fetch(document.URL, { | ||
122 | method: "POST", | ||
123 | mode: "same-origin", | ||
124 | headers: { | ||
125 | "Content-Type": "application/json", | ||
126 | "X-CSRF-Token": "{{ .CSRFToken }}" | ||
127 | }, | ||
128 | body: JSON.stringify({ | ||
129 | type: credential.type, | ||
130 | id: credential.id, | ||
131 | rawId: base64url.encode(credential.rawId), | ||
132 | response: { | ||
133 | clientDataJSON: base64url.encode(credential.response.clientDataJSON), | ||
134 | attestationObject: base64url.encode(credential.response.attestationObject) | ||
135 | } | ||
136 | }) | ||
137 | }) | ||
138 | .then((response) => { | ||
139 | if (response.ok) { document.body.innerHTML = "<h1>Success</h1>"; } | ||
140 | else { document.body.innerHTML = "<h1>Failure</h1>"; } | ||
141 | }); | ||
142 | }); | ||
143 | {{ end }} | ||
144 | </script> | ||
145 | </body> | ||
146 | </html> | ||