Add live production day 1 patchHEADmain

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)
 });
-