justin/postmortem
1
0
Fork 0
mirror of https://github.com/justinian/postmortem.git synced 2025-12-09 16:14:31 -08:00
Code Issues Packages Projects Releases Wiki Activity

Copy the whole poem as well as the URL for sending

Browse Source
This commit is contained in:
Justin C. Miller
2023-01-28 15:27:55 -08:00
parent 7565ead8c9
commit 9d3f65afb5
1 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
templates/index.html
View File

@@ -74,23 +74,25 @@
{% if key %} {% if key %}
<div class="bordered"> <div class="bordered">
<strong>Mail this URL on to the next person!</strong> <strong>Mail the poem and this URL on to the next person!</strong>
<div id="url-div" style="float: left;"></div> <div id="url-div" style="float: left;"></div>
<button id="copy-button" style="float: right;">Copy to Clipboard</button> <button id="copy-button" style="float: right;">Copy it all to my clipboard</button>
</div> </div>
<script type="module"> <script type="module">
let poem = document.getElementById('poem-quote').innerHTML;
let div = document.getElementById('url-div'); let div = document.getElementById('url-div');
let url = document.location; let url = document.location;
div.innerHTML = `<a href="${url}">${url}</div>`; div.innerHTML = `<a href="${url}">${url}</div>`;
let button = document.getElementById('copy-button'); let button = document.getElementById('copy-button');
button.addEventListener('click', evt => { button.addEventListener('click', evt => {
navigator.clipboard.writeText(url); navigator.clipboard.writeText(poem + "\n\n" + url);
let oldText = button.innerHTML;
button.innerHTML = "Copied!"; button.innerHTML = "Copied!";
button.disabled = true; button.disabled = true;
setTimeout(() => { setTimeout(() => {
button.innerHTML = "Copy to Clipboard"; button.innerHTML = oldText;
button.disabled = false; button.disabled = false;
}, 2000); }, 2000);
}); });