dominic/waschmarken
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Beautify

Browse Source
This commit is contained in:
Kai Vogelgesang 2020-07-17 23:17:02 +02:00
parent fe01c162d8
commit cbed154489
2 changed files with 37 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
index.html
View File

@ -21,9 +21,8 @@
} }
#scoreboard .bar { #scoreboard .bar {
background-color: chartreuse; height: 1.2em;
width: 80%; border-radius: 0.6em;
height: 0.8em;
} }
</style> </style>

34
static/js/main.js
View File

@ -1,10 +1,38 @@
"use strict" "use strict"
const COLORS = [
'#7FD9E2',
// '#8ED4F8',
'#ADCCFF',
// '#D1C2FC',
'#EDBAE9',
// '#FEB5CE',
'#FFB7B2',
// '#F3BE9C',
'#DCC892',
// '#BFD197',
'#A0D7AA',
// '#87DAC6',
];
// https://stackoverflow.com/a/7616484
Object.defineProperty(String.prototype, 'hashCode', {
value: function () {
var hash = 0, i, chr;
for (i = 0; i < this.length; i++) {
chr = this.charCodeAt(i);
hash = ((hash << 5) - hash) + chr;
hash |= 0; // Convert to 32bit integer
}
return hash;
}
});
function render_scoreboard(data) { function render_scoreboard(data) {
const users = Object.values(data.users); const users = Object.values(data.users);
users.sort((a, b) => b.score - a.score); users.sort((a, b) => b.score - a.score);
const min_score = users[users.length-1].score, const min_score = users[users.length - 1].score,
max_score = users[0].score; max_score = users[0].score;
const tbody = document.querySelector("#scoreboard tbody"); const tbody = document.querySelector("#scoreboard tbody");
@ -24,6 +52,8 @@ function render_scoreboard(data) {
const score_percent = Math.floor(10 + (user.score - min_score) / (max_score - min_score) * 90) + "%"; const score_percent = Math.floor(10 + (user.score - min_score) / (max_score - min_score) * 90) + "%";
bar.style.width = score_percent; bar.style.width = score_percent;
const color_index = ((user.uuid.hashCode() % COLORS.length) + COLORS.length) % COLORS.length;
bar.style.backgroundColor = COLORS[color_index];
name.innerText = user.name; name.innerText = user.name;
score.innerText = user.score; score.innerText = user.score;
@ -49,4 +79,4 @@ async function update_scoreboard() {
} }
update_scoreboard(); update_scoreboard();
setInterval(update_scoreboard, 1000); // setInterval(update_scoreboard, 1000);