monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2025-10-21 21:16:10 +08:00
Code Issues Projects Releases Packages Wiki Activity

Added graph test result selection

Browse source
This commit is contained in:
Estebene 2021-05-14 00:10:49 +12:00
parent 2ac4f24761
commit 122842782b
2 changed files with 34 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
src/js/account.js
View file

@ -158,9 +158,15 @@ export function getDataAndInit() {
let filteredResults = [];
let visibleTableLines = 0;
function loadMoreLines() {
function loadMoreLines(lineIndex) {
if (filteredResults == [] || filteredResults.length == 0) return;
for (let i = visibleTableLines; i < visibleTableLines + 10; i++) {
let newVisibleLines;
if (lineIndex && lineIndex > visibleTableLines) {
newVisibleLines = Math.ceil(lineIndex / 10) * 10;
} else {
newVisibleLines = visibleTableLines + 10;
}
for (let i = visibleTableLines; i < newVisibleLines; i++) {
const result = filteredResults[i];
if (result == undefined) continue;
let withpunc = "";
@ -265,7 +271,7 @@ function loadMoreLines() {
}
$(".pageAccount .history table tbody").append(`
<tr>
<tr class="result-row" id="result-${i}">
<td>${pb}</td>
<td>${result.wpm.toFixed(2)}</td>
<td>${raw}</td>
@ -279,7 +285,7 @@ function loadMoreLines() {
<td>${moment(result.timestamp).format("DD MMM YYYY<br>HH:mm")}</td>
</tr>`);
}
visibleTableLines += 10;
visibleTableLines = newVisibleLines;
if (visibleTableLines >= filteredResults.length) {
$(".pageAccount .loadMoreButton").addClass("hidden");
} else {
@ -817,6 +823,21 @@ $(".pageAccount .loadMoreButton").click((e) => {
loadMoreLines();
});
$(".pageAccount #accountHistoryChart").click((e) => {
let activeElement = ChartController.accountHistory.getElementAtEvent(e);
if (activeElement == [] || activeElement.length == 0) return;
let index = activeElement[0]._index;
loadMoreLines(index);
$([document.documentElement, document.body]).animate(
{
scrollTop: $(`#result-${index}`).offset().top,
},
500
);
$(".result-row").removeClass("active");
$(`#result-${index}`).addClass("active");
});
$(document).on("click", ".pageAccount .miniResultChartButton", (event) => {
console.log("updating");
let filteredId = $(event.currentTarget).attr("filteredResultsId");

15
src/sass/style.scss
View file

@ -3268,6 +3268,10 @@ key {
}
&.history {
.active {
background: var(--main-color);
color: var(--bg-color);
}
.loadMoreButton {
background: rgba(0, 0, 0, 0.1);
color: var(--text-color);
@ -3388,12 +3392,11 @@ key {
#resultEditTags {
transition: 0.25s;
}
#resultEditTags:hover {
cursor: pointer;
color: var(--text-color);
opacity: 1 !important;
&:hover {
cursor: pointer;
color: var(--text-color);
opacity: 1 !important;
}
}
}