-
Notifications
You must be signed in to change notification settings - Fork 2
/
ui.js
109 lines (100 loc) · 4.03 KB
/
ui.js
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
const lookUpButton = document.getElementById("look-up");
const panel = document.getElementById("panel-container");
const goBack = document.getElementById("go-back");
const idPaste = document.getElementById("id-paste");
const idInput = document.getElementById("id-container");
const errorHeader = document.getElementById("header");
const endPoint = `https://discord-lookup-server.herokuapp.com`;
function uToD(unix) {
let stamp = moment.unix(unix/1000)
return stamp.format('MM/DD/YY - h:mm:ss A');
}
function fetchDataByUser(id) {
let q = new XMLHttpRequest();
q.open("GET", `${endPoint}/${id}`);
q.send();
q.onload = function() {
let res = JSON.parse(q.responseText);
console.log(res);
if (res.bannerURL != null) {
document.getElementById("banner-img").src = `https://cdn.discordapp.com/banners/${res.query}/${res.bannerURL}?size=1024`;
document.getElementById("banner-img").style.display = "block";
document.getElementById("banner-header").style.display = "block";
document.getElementById("banner-color").style.display = "none";
document.getElementById("panel").style.height = "350px";
} else {
document.getElementById("panel").style.height = "245px";
document.getElementById("banner-img").style.display = "none";
document.getElementById("banner-header").style.display = "none";
document.getElementById("banner-color").style.display = "block";
}
document.getElementById("profile-image").src = `${res.avatar}?size=1024`;
document.getElementById("created-at").innerText = `Created at: ${uToD(res.createdAt)}`
document.getElementById("username").innerText = `Username: ${res.username}`;
if (res.bannerColor != null) {
document.getElementById("banner-color").innerText = `Banner Color: ${res.bannerColor}`;
}
document.getElementById("badges").innerHTML =
`
<div id = "badges">
<p id = "holder-badges">Badges: </p>
</div>
`
if (res.badge.length != 0) {
let seen = {}
res.badge.forEach((badge) => {
if (badge != "verifiedBot") {
let img = document.createElement("img");
img.src = `svgs/${badge}.svg`;
img.className = "badge";
document.getElementById("badges").appendChild(img);
} else {
if (!seen["verifiedBot"]) {
let p = document.createElement("p");
p.innerText = "BOT";
p.className = "bot"
document.getElementById("badges").appendChild(p);
}
}
seen[badge] = true;
})
} else {
document.getElementById("holder-badges").innerText = `Badges: None!`;
}
document.getElementById("query-id").innerText = `Query ID: ${res.query}`;
document.getElementById("profile-image-link").href = res.avatar + "?size=1024"
idPaste.className = "container hidden"
panel.className = "container visible";
if (res.bannerColor == null) {
document.getElementById("banner-color").style.display = "none";
}
}
q.onerror = function(e) {
console.log(e);
console.log(`Request status: ${q.status}`)
errorHeader.className = "show"
let index = 0;
setInterval(function() {
if (index != 1) {
errorHeader.className = ""
index++;
} else {
clearInterval();
}
}, 4000)
}
}
lookUpButton.onclick = function() {
const id = idInput.value;
fetchDataByUser(id);
}
idInput.onkeyup = function(e) {
if (e.key == "Enter") {
const id = idInput.value;
fetchDataByUser(id);
}
}
goBack.onclick = function() {
idPaste.className = "container visible"
panel.className = "container hidden";
}