diff options
Diffstat (limited to 'fe/leaderboard.js')
| -rw-r--r-- | fe/leaderboard.js | 38 |
1 files changed, 25 insertions, 13 deletions
diff --git a/fe/leaderboard.js b/fe/leaderboard.js index 426fb47..74c9829 100644 --- a/fe/leaderboard.js +++ b/fe/leaderboard.js @@ -1,4 +1,5 @@ -import { API_ROOT, INGORED_USERS } from "./global.js" + +import { API_ROOT, INGORED_USERS } from "./global.js" const element = (e) => document.querySelector(e) @@ -26,7 +27,7 @@ function fill_metadata(settings) { } function clear_leaderboard() { - element(`#team-container`).innerHTML = "" + element(`#team-container`).innerHTML = '' } function fill_leaderboard(points, multipliers) { @@ -34,12 +35,17 @@ function fill_leaderboard(points, multipliers) { for (let team of ["green", "purple"]) { console.log(team) const html = ` - <div class="team-box ${team}-team"> + <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> - <div id="team-name">${sentenceCase(team)} Team</div> - <div id="team-multiplier">x${multipliers[team]}</div> - <div id="team-total">Total: ${points[team]["__total"]}</div> + + <table> ${team_member_entry(points[team])} + </table> </div> ` element(`#team-container`).innerHTML += html @@ -48,13 +54,20 @@ function fill_leaderboard(points, multipliers) { function team_member_entry(teamPoints) { let html = "" + const sorted = [] for (let member in teamPoints) { - if (!INGORED_USERS.includes(member)) { + 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 += ` - <div class="team-member-row"> - <div class="team-member-name">${sentenceCase(member)}</div> - <div class="team-member-score">${teamPoints[member]}</div> - </div> + <tr class="team-member-row"> + <td>${sentenceCase(sorted[i][0])}</td> + <td>${sorted[i][1]}</td> + </tr> ` } } @@ -64,7 +77,6 @@ function team_member_entry(teamPoints) { document.addEventListener("DOMContentLoaded", async () => { update() const urlParams = new URLSearchParams(window.location.search); - const poll = urlParams.get("poll") || 3000 + const poll = urlParams.get("poll") || 5000 const polling = setInterval(update, poll) }); - |