blob: ed9053617106a6df92e5c8316526e2bfa0527586 (
plain)
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
|
/* FIXME */
const userInfo = document.getElementById("userInfo");
const userName = document.getElementById("name");
const userEmail = document.getElementById("email");
const userAge = document.getElementById("age");
const errorBox = document.getElementById("error");
const jwtField = document.getElementById("inputJWT");
localStorage.clear();
function displayError() {
errorBox.innerHTML = "Invalid token";
if (localStorage.getItem("token")) {
localStorage.removeItem("token");
}
userInfo.style.display = "none";
}
function decodeToken() {
if (localStorage.getItem("token") != null) {
// parse the token
try {
const token = localStorage.getItem("token");
const content = token.split(".")[1];
const b64 = content.replace(/-/g, "+").replace(/_/g, "/");
const payload = decodeURIComponent(window.atob(b64));
return JSON.parse(payload);
} catch {
displayError();
}
} else {
return null;
}
}
function addToken() {
/* FIXME */
localStorage.setItem("token", jwtField.value);
display();
}
function display() {
errorBox.innerHTML = "";
if (localStorage.getItem("token") === "") {
displayError();
return;
}
// validity check
const dec = decodeToken();
if (dec == null || Date.now() < dec.iat * 1000) {
displayError();
return;
}
userInfo.style.display = "inherit";
if (dec["name"] != undefined) {
userName.innerHTML = dec["name"];
} else {
userName.innerHTML = "No name";
}
if (dec["email"] != undefined) {
userEmail.innerHTML = dec["email"];
} else {
userEmail.innerHTML = "No email";
}
if (dec["age"] != undefined) {
userAge.innerHTML = dec["age"];
} else {
userAge.innerHTML = "No age";
}
}
window.addToken = addToken;
display();
|
