jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-07-21 02:01:16 -04:00
Code Issues Activity

Update clipboard.js

Browse Source
This commit is contained in:
Jake Jarvis
2021-11-26 22:02:57 -05:00
parent 298211eace
commit 9165c59c61
1 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
assets/js/src/clipboard.js
View File

@@ -11,20 +11,20 @@ document.querySelectorAll("div.highlight").forEach((highlightDiv) => {
const button = document.createElement("button");
button.className = "copy-button";
button.textContent = defaultText;
button.addEventListener("click", async () => {
button.addEventListener("click", () => {
// prevent unintentional double-clicks by unfocusing button
button.blur();
// actual code element will have class "language-*", even if plaintext
await copy(trimNewlines(highlightDiv.querySelector('code[class^="language-"]').textContent));
if (copy(trimNewlines(highlightDiv.querySelector('code[class^="language-"]').textContent))) {
// show a subtle indication of success
button.textContent = successText;
// show a subtle indication of success
button.textContent = successText;
// reset button to original text after 2 seconds
setTimeout(() => {
button.textContent = defaultText;
}, 2000);
// reset button to original text after 2 seconds
setTimeout(() => {
button.textContent = defaultText;
}, 2000);
}
});
// add Hugo's code block to a new wrapper element, and insert the copy button as a sibling to it