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

added some more stats to the result page

Browse source
This commit is contained in:
Jack 2020-05-29 14:28:15 +01:00
parent e74cb09553
commit 368b8f59eb
3 changed files with 52 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
public/css/style.scss
View file

@ -653,7 +653,7 @@ key {
"wpm acc"
"wpm key"
"raw time"
"info info";
"testType info";
.group{
.top{
color: var(--sub-color);
@ -666,7 +666,21 @@ key {
line-height: 2rem;
}
}
.testType{
align-self: baseline;
grid-area: testType;
color: var(--sub-color);
.top{
font-size: 1rem;
line-height: 1.25rem;
}
.bottom{
font-size: 1rem;
line-height: 1rem;
}
}
.info{
align-self: baseline;
grid-area: info;
color: var(--sub-color);
.top{

6
public/index.html
View file

@ -183,10 +183,14 @@
<div class="top">raw wpm</div>
<div class="bottom">-</div>
</div>
<div class="group info">
<div class="group testType">
<div class="top">test type</div>
<div class="bottom">-</div>
</div>
<div class="group info">
<div class="top">other</div>
<div class="bottom">-</div>
</div>
</div>
<div class="chart">
<!-- <div class="title">wpm over time</div> -->

42
public/js/script.js
View file

@ -480,6 +480,7 @@ function showResult(difficultyFailed = false) {
setFocus(false);
hideCaret();
hideLiveWpm();
testInvalid = false;
let stats = calculateStats();
if(stats === undefined){
stats = {
@ -563,6 +564,7 @@ function showResult(difficultyFailed = false) {
}
} else {
showNotification("Test invalid", 3000);
testInvalid = true;
try{
firebase.analytics().logEvent('testCompletedInvalid', completedEvent);
}catch(e){
@ -572,29 +574,49 @@ function showResult(difficultyFailed = false) {
}
let infoText = "";
let testType = "";
infoText += config.mode;
testType += config.mode;
if (config.mode == "time") {
infoText += " " + config.time
testType += " " + config.time
} else if (config.mode == "words") {
infoText += " " + config.words
testType += " " + config.words
}
if(config.mode != "custom"){
infoText += "<br>" + config.language.replace('_', ' ');
testType += "<br>" + config.language.replace('_', ' ');
}
if (config.punctuation) {
infoText += "<br>punctuation"
testType += "<br>punctuation"
}
if (config.difficulty == "expert") {
infoText += "<br>expert";
testType += "<br>expert";
}else if(config.difficulty == "master"){
infoText += "<br>master";
testType += "<br>master";
}
$("#result .stats .testType .bottom").html(testType);
let otherText = "";
if(difficultyFailed){
otherText += "<br>failed"
}
if(afkDetected){
otherText += "<br>afk detected"
}
if(testInvalid){
otherText += "<br>invalid"
}
if(otherText == ""){
$("#result .stats .info").addClass('hidden');
}else{
$("#result .stats .info").removeClass('hidden');
otherText = otherText.substring(4);
$("#result .stats .info .bottom").html(otherText);
}
$("#result .stats .info .bottom").html(infoText);
let labels = [];
for (let i = 1; i <= wpmHistory.length; i++) {
labels.push(i.toString());