blob: 74c9829707928daadf7ff62f23f1de41f3e17592 (
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
81
82
|
import { API_ROOT, INGORED_USERS } from "./global.js"
const element = (e) => document.querySelector(e)
async function update() {
const data = await get_leaderboard_data()
fill_metadata(data.settings)
fill_leaderboard(data.points, data.settings.multiplier)
}
function sentenceCase(string) {
const out = string.slice(0, 1).toUpperCase() + string.slice(1).toLowerCase()
return out
}
async function get_leaderboard_data() {
const response = await fetch(`${API_ROOT}/leaderboard/`)
console.log(API_ROOT)
const data = await response.json()
return data
}
function fill_metadata(settings) {
element("#prompt").innerHTML = `"${settings.prompt}"`
}
function clear_leaderboard() {
element(`#team-container`).innerHTML = ''
}
function fill_leaderboard(points, multipliers) {
clear_leaderboard()
for (let team of ["green", "purple"]) {
console.log(team)
const html = `
<div id="divv" class="team-box ${team}-team" style="background-image: url('${team}.jpg')">
<div id="team-name" style="background-color: ${team}">${sentenceCase(team)} Team</div>
<div id="team-multiplier" style="background-color: ${team}">Determination: ${multipliers[team]}</div>
<hr>
<div id="team-total" style="background-color: ${team}">Total: ${points[team]["__total"]}</div>
<hr>
<div id="team-data"></div>
<table>
${team_member_entry(points[team])}
</table>
</div>
`
element(`#team-container`).innerHTML += html
}
}
function team_member_entry(teamPoints) {
let html = ""
const sorted = []
for (let member in teamPoints) {
sorted.push([member, teamPoints[member]])
}
sorted.sort((a, b) => b[1] - a[1])
for (let i = 0; i<sorted.length; i++) {
console.log(i, sorted[i], sorted[0])
if (!INGORED_USERS.includes(sorted[i][0])) {
html += `
<tr class="team-member-row">
<td>${sentenceCase(sorted[i][0])}</td>
<td>${sorted[i][1]}</td>
</tr>
`
}
}
return html
}
document.addEventListener("DOMContentLoaded", async () => {
update()
const urlParams = new URLSearchParams(window.location.search);
const poll = urlParams.get("poll") || 5000
const polling = setInterval(update, poll)
});
|
