monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2026-01-05 06:54:36 +08:00
Code Issues Projects Releases Packages Wiki Activity

now only using time 15 and 60 leaderboards

Browse source
This commit is contained in:
Jack 2020-07-08 00:28:40 +01:00
parent 2d69b78ee2
commit f1401d76ef
3 changed files with 48 additions and 54 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
public/css/style.scss
View file

@ -278,7 +278,7 @@ a:hover {
display: grid;
grid-auto-flow: column;
gap: 1rem;
grid-area: 1/2;
}
}
}

14
public/index.html
View file

@ -58,17 +58,9 @@
Leaderboards
</div>
<div class="buttons">
<div class="buttonGroup leaderboardMode">
<div class="button active" mode="words">words</div>
<div class="button" mode="time">time</div>
</div>
<div class="buttonGroup leaderboardWords">
<div class="button active" words="10">10</div>
<div class="button" words="100">100</div>
</div>
<div class="buttonGroup leaderboardTime hidden">
<div class="button" time="15">15</div>
<div class="button" time="60">60</div>
<div class="buttonGroup">
<div class="button active" board="time_15">time 15</div>
<div class="button" board="time_60">time 60</div>
</div>
</div>
<div class="tables">

86
public/js/leaderboards.js
View file

@ -1,8 +1,4 @@
let currentLeaderboard = {
mode: "words",
words: "10",
time: "15",
};
let currentLeaderboard = "time_15";
function showLeaderboards() {
if ($("#leaderboardsWrapper").hasClass("hidden")) {
@ -39,35 +35,41 @@ function hideLeaderboards() {
}
function updateLeaderboards() {
$("#leaderboardsWrapper .leaderboardMode .button").removeClass("active");
$("#leaderboardsWrapper .buttons .button").removeClass("active");
$(
`#leaderboardsWrapper .leaderboardMode .button[mode=${currentLeaderboard.mode}]`
`#leaderboardsWrapper .buttons .button[board=${currentLeaderboard}]`
).addClass("active");
$("#leaderboardsWrapper .leaderboardWords .button").removeClass("active");
$(
`#leaderboardsWrapper .leaderboardWords .button[words=${currentLeaderboard.words}]`
).addClass("active");
// $(
// `#leaderboardsWrapper .leaderboardMode .button[mode=${currentLeaderboard.mode}]`
// ).addClass("active");
$("#leaderboardsWrapper .leaderboardTime .button").removeClass("active");
$(
`#leaderboardsWrapper .leaderboardTime .button[time=${currentLeaderboard.time}]`
).addClass("active");
// $("#leaderboardsWrapper .leaderboardWords .button").removeClass("active");
// $(
// `#leaderboardsWrapper .leaderboardWords .button[words=${currentLeaderboard.words}]`
// ).addClass("active");
if (currentLeaderboard.mode === "time") {
$("#leaderboardsWrapper .leaderboardWords").addClass("hidden");
$("#leaderboardsWrapper .leaderboardTime").removeClass("hidden");
} else if (currentLeaderboard.mode === "words") {
$("#leaderboardsWrapper .leaderboardWords").removeClass("hidden");
$("#leaderboardsWrapper .leaderboardTime").addClass("hidden");
}
// $("#leaderboardsWrapper .leaderboardTime .button").removeClass("active");
// $(
// `#leaderboardsWrapper .leaderboardTime .button[time=${currentLeaderboard.time}]`
// ).addClass("active");
let mode2;
if (currentLeaderboard.mode === "words") {
mode2 = currentLeaderboard.words;
} else if (currentLeaderboard.mode === "time") {
mode2 = currentLeaderboard.time;
}
let boardinfo = currentLeaderboard.split("_");
// if (boardinfo[0] === "time") {
// $("#leaderboardsWrapper .leaderboardWords").addClass("hidden");
// $("#leaderboardsWrapper .leaderboardTime").removeClass("hidden");
// } else if (currentLeaderboard.mode === "words") {
// $("#leaderboardsWrapper .leaderboardWords").removeClass("hidden");
// $("#leaderboardsWrapper .leaderboardTime").addClass("hidden");
// }
// let mode2;
// if (currentLeaderboard.mode === "words") {
// mode2 = currentLeaderboard.words;
// } else if (currentLeaderboard.mode === "time") {
// mode2 = currentLeaderboard.time;
// }
let uid = null;
if (firebase.auth().currentUser !== null) {
@ -77,14 +79,14 @@ function updateLeaderboards() {
showBackgroundLoader();
Promise.all([
firebase.functions().httpsCallable("getLeaderboard")({
mode: currentLeaderboard.mode,
mode2: mode2,
mode: boardinfo[0],
mode2: boardinfo[1],
type: "daily",
uid: uid,
}),
firebase.functions().httpsCallable("getLeaderboard")({
mode: currentLeaderboard.mode,
mode2: mode2,
mode: boardinfo[0],
mode2: boardinfo[1],
type: "global",
uid: uid,
}),
@ -207,17 +209,17 @@ $("#leaderboardsWrapper").click((e) => {
}
});
$("#leaderboardsWrapper .leaderboardMode .button").click((e) => {
currentLeaderboard.mode = $(e.target).attr("mode");
$("#leaderboardsWrapper .buttons .button").click((e) => {
currentLeaderboard = $(e.target).attr("board");
updateLeaderboards();
});
$("#leaderboardsWrapper .leaderboardWords .button").click((e) => {
currentLeaderboard.words = $(e.target).attr("words");
updateLeaderboards();
});
// $("#leaderboardsWrapper .leaderboardWords .button").click((e) => {
// currentLeaderboard.words = $(e.target).attr("words");
// updateLeaderboards();
// });
$("#leaderboardsWrapper .leaderboardTime .button").click((e) => {
currentLeaderboard.time = $(e.target).attr("time");
updateLeaderboards();
});
// $("#leaderboardsWrapper .leaderboardTime .button").click((e) => {
// currentLeaderboard.time = $(e.target).attr("time");
// updateLeaderboards();
// });