diff options
| author | unknown <zachary.romick@vanderbilt.edu> | 2020-08-07 18:44:03 -0500 |
|---|---|---|
| committer | unknown <zachary.romick@vanderbilt.edu> | 2020-08-07 18:44:03 -0500 |
| commit | c6d6bc1a9c2bdb6f42d70ee027bf97ccda1976a9 (patch) | |
| tree | f481b42c54e9fb1ac7aef6e1c71d3b8a198065e4 | |
| parent | 05563419cd447ed2c91ef635db4c91cf05803325 (diff) | |
Created a mod message button to copy mod message to clipboard
| -rw-r--r-- | index.html | 11 | ||||
| -rw-r--r-- | main.js | 12 |
2 files changed, 11 insertions, 12 deletions
@@ -8,6 +8,7 @@ <title>YouTube Frame Timer</title> <link rel="stylesheet" href="https://stackedit.io/style.css" /> <script src="main.js"></script> + <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> </head> <body class="stackedit"> @@ -39,14 +40,10 @@ <input type="text" id="endobj" style='width:100%' onchange='parseForTime(event)' /> </p> <h3 id="video-time">Video Time</h3> - <p> - <button id="computeButton" onclick="compute()">Compute time</button> <input type="text" id="time" readonly - size="20" /> - </p> + <button id="computeButton" onclick="compute()">Compute time</button> <input type="text" id="time" readonly + size="20" /> <p id="modMessage"></p> - <b> - <p id="postModMessage"></p> - </b> + <button id="modMessageButton" disabled>Copy Mod Message to Clipboard</button> </div> </body> @@ -41,13 +41,15 @@ function compute() { let modMessage = `Mod Message: Time starts at ${parseFloat(startFrame).toFixed(3)} and ends at ${parseFloat(endFrame).toFixed(3)} at ${frameRate} fps to get a final time of ${finalTime}.`; let credits = `Retimed using [yt-frame-timer](https://mattbraddock.com/yt-frame-timer)`; document.getElementById('time').value = finalTime; - document.getElementById('postModMessage').innerHTML = "The mod message has been copied to clipboard! Please paste the it into the comment of the run you are verifying."; document.getElementById('modMessage').innerHTML = modMessage + ' ' + credits; - // Copy mod message to clipboard - navigator.clipboard.writeText(modMessage) - .then(() => { alert(`Copied to clipboard!`) }) - .catch((error) => { alert(`Copy failed! ${error}`) }) + // Allow user to copy mod message to clipboard + document.getElementById("modMessageButton").disabled = false; + $("#modMessageButton").click(function () { + navigator.clipboard.writeText(modMessage + ' ' + credits) + .then(() => { alert(`The mod message has been copied to clipboard! Please paste it into the comment of the run you are verifying.`) }) + .catch((error) => { alert(`Failed to copy to clipboard! ${error}`) }) + }); } const validateFPS = (event) => { |