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

added copy words history to clipboard button

Browse source
This commit is contained in:
Jack 2020-09-04 01:37:27 +01:00
parent 7c6943c284
commit 5c9250e5fc
3 changed files with 38 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
public/css/style.scss
View file

@ -2430,6 +2430,9 @@ key {
border-radius: var(--roundness);
cursor: pointer;
&:hover {
color: var(--main-color);
}
&:focus {
background: var(--sub-color);
color: var(--main-color);

15
public/index.html
View file

@ -973,7 +973,18 @@
<div class="loginTip">Sign in to save your results</div>
</div>
<input id="wordsInput" class="" tabindex="0" autocomplete="off" />
<div id="wordsTitle">input history</div>
<div id="wordsTitle">
input history
<span
id="copyWordsListButton"
class="icon-button"
aria-label="Copy words list"
data-balloon-pos="up"
style="display: inline-block;"
>
<i class="fas fa-copy"></i>
</span>
</div>
<div id="timerNumber">60</div>
<div id="miniTimerAndLiveWpm">
<div class="time hidden">1:00</div>
@ -1199,7 +1210,7 @@
</div>
<div
id="showWordHistoryButton"
aria-label="Show words history"
aria-label="Toggle words history"
data-balloon-pos="down"
tabindex="0"
onclick="this.blur();"

41
public/js/script.js
View file

@ -347,11 +347,11 @@ function verifyUsername() {
$(".nameChangeMessage").click((e) => {
alert(`Im currently preparing the system to be ready for leaderboards and other awesome features - it looks like you need to change your display name.
It either contains special characters, or your display name is the same as someone elses and your account was made later.
Sorry for this inconvenience.
`);
It either contains special characters, or your display name is the same as someone elses and your account was made later.
Sorry for this inconvenience.
`);
let newName = prompt(
"Please provide a new username - you can use lowercase and uppercase characters, numbers and one of these special characters ( . _ - ). The new name cannot be longer than 12 characters.",
firebase.auth().currentUser.displayName
@ -4068,14 +4068,9 @@ $(document).keydown((event) => {
if (firebase.app().options.projectId === "monkey-type-dev-67af4") {
$("#top .logo .bottom").text("monkey-dev");
$("head title").text("Monkey Dev");
$("body").append(`
<div class="devIndicator tr">
DEV
</div>
<div class="devIndicator bl">
DEV
</div>
`);
$("body").append(
`<div class="devIndicator tr">DEV</div><div class="devIndicator bl">DEV</div>`
);
}
if (window.location.hostname === "localhost") {
@ -4085,12 +4080,9 @@ if (window.location.hostname === "localhost") {
$("#top .logo .top").text("localhost");
$("head title").text($("head title").text() + " (localhost)");
firebase.functions().useFunctionsEmulator("http://localhost:5001");
$("body").append(`<div class="devIndicator tl">
local
</div>
<div class="devIndicator br">
local
</div>`);
$("body").append(
`<div class="devIndicator tl">local</div><div class="devIndicator br">local</div>`
);
}
loadConfigFromCookie();
@ -4139,6 +4131,17 @@ $(".scrollToTopButton").click((event) => {
window.scrollTo(0, 0);
});
$(".pageTest #copyWordsListButton").click(async (event) => {
try {
await navigator.clipboard.writeText(
wordsList.slice(0, inputHistory.length).join(" ")
);
showNotification("Copied to clipboard", 1000);
} catch (e) {
showNotification("Could not copy to clipboard: " + e, 5000);
}
});
let ctx = $("#wpmChart");
let wpmOverTimeChart = new Chart(ctx, {
type: "line",