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

added username to the built in screenshot

Browse source
This commit is contained in:
Miodec 2021-07-09 23:30:06 +01:00
parent 8dad137372
commit 3ac4f3b245
1 changed files with 36 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

68
src/js/test/test-ui.js
View file

@ -15,7 +15,7 @@ import * as ManualRestart from "./manual-restart-tracker";
import * as PractiseMissed from "./practise-missed";
import * as Replay from "./replay";
import * as TestStats from "./test-stats";
import * as Misc from './misc';
import * as Misc from "./misc";
export let currentWordElementIndex = 0;
export let resultVisible = false;
@ -192,6 +192,7 @@ export function screenshot() {
$("#notificationCenter").removeClass("hidden");
$("#commandLineMobileButton").removeClass("hidden");
$(".pageTest .ssWatermark").addClass("hidden");
$(".pageTest .ssWatermark").text("monkeytype.com");
$(".pageTest .buttons").removeClass("hidden");
if (revealReplay) $("#resultReplay").removeClass("hidden");
if (firebase.auth().currentUser == null)
@ -204,6 +205,11 @@ export function screenshot() {
}
$("#resultReplay").addClass("hidden");
$(".pageTest .ssWatermark").removeClass("hidden");
if (firebase.auth().currentUser != null) {
$(".pageTest .ssWatermark").text(
DB.getSnapshot().name + " | monkeytype.com"
);
}
$(".pageTest .buttons").addClass("hidden");
let src = $("#middle");
var sourceX = src.position().left; /*X position from div#target*/
@ -785,24 +791,23 @@ export function toggleResultWords() {
}
}
export let heatmapEnabled = false;
function toggleBurstHeatmap(){
if(!heatmapEnabled){
function toggleBurstHeatmap() {
if (!heatmapEnabled) {
applyBurstHeatmap();
}else{
} else {
//clear all classes
$("#resultWordsHistory .heatmapLegend").addClass('hidden');
$('#resultWordsHistory .words .word').removeClass("heatmap-0");
$('#resultWordsHistory .words .word').removeClass("heatmap-1");
$('#resultWordsHistory .words .word').removeClass("heatmap-2");
$('#resultWordsHistory .words .word').removeClass("heatmap-3");
$('#resultWordsHistory .words .word').removeClass("heatmap-4");
$("#resultWordsHistory .heatmapLegend").addClass("hidden");
$("#resultWordsHistory .words .word").removeClass("heatmap-0");
$("#resultWordsHistory .words .word").removeClass("heatmap-1");
$("#resultWordsHistory .words .word").removeClass("heatmap-2");
$("#resultWordsHistory .words .word").removeClass("heatmap-3");
$("#resultWordsHistory .words .word").removeClass("heatmap-4");
}
heatmapEnabled = !heatmapEnabled;
}
export function applyBurstHeatmap(){
$("#resultWordsHistory .heatmapLegend").removeClass('hidden');
export function applyBurstHeatmap() {
$("#resultWordsHistory .heatmapLegend").removeClass("hidden");
let min = Math.min(...TestStats.burstHistory);
let max = Math.max(...TestStats.burstHistory);
// let step = (max - min) / 5;
@ -830,41 +835,41 @@ export function applyBurstHeatmap(){
// ];
let median = Misc.median(TestStats.burstHistory);
let adatm = [];
TestStats.burstHistory.forEach(burst => {
TestStats.burstHistory.forEach((burst) => {
adatm.push(Math.abs(median - burst));
})
});
let step = Misc.mean(adatm);
// let step = Misc.stdDev(TestStats.burstHistory)/2;
let steps = [
{
val: 0,
class: 'heatmap-0'
class: "heatmap-0",
},
{
val: median - (step * 1.5),
class: 'heatmap-1'
val: median - step * 1.5,
class: "heatmap-1",
},
{
val: median - (step * 0.5),
class: 'heatmap-2'
val: median - step * 0.5,
class: "heatmap-2",
},
{
val: median + (step * 0.5),
class: 'heatmap-3'
val: median + step * 0.5,
class: "heatmap-3",
},
{
val: median + (step * 1.5),
class: 'heatmap-4'
val: median + step * 1.5,
class: "heatmap-4",
},
];
$('#resultWordsHistory .words .word').each((index, word) => {
let wordBurstVal = parseInt($(word).attr('burst'));
let cls = '';
steps.forEach(step => {
if(wordBurstVal > step.val) cls = step.class;
})
$("#resultWordsHistory .words .word").each((index, word) => {
let wordBurstVal = parseInt($(word).attr("burst"));
let cls = "";
steps.forEach((step) => {
if (wordBurstVal > step.val) cls = step.class;
});
$(word).addClass(cls);
})
});
}
export function highlightBadWord(index, showError) {
@ -902,7 +907,6 @@ $(".pageTest #copyWordsListButton").click(async (event) => {
}
});
$(".pageTest #toggleBurstHeatmap").click(async (event) => {
toggleBurstHeatmap();
});