electricdusk/rushlink
3
3
Fork 3
Code Issues 21 Pull Requests 2 Releases Activity

Add copy-to-clipboard button to meta page #44

Merged
electricdusk merged 2 commits from issue-42 into master 2020-04-14 16:08:09 +02:00
Conversation 1 Commits 2 Files Changed 3 +24 -8
3 changed files with 24 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 09481f47e6 - Show all commits

4
assets/css/main.css
View File

@ -28,3 +28,7 @@ pre {
.fail { .fail {
color: #800000; color: #800000;
} }
.hidden {
display: none;
}

24
assets/js/copyclipboard.js
View File

@ -1,5 +1,6 @@
"use strict"; "use strict";
const COPY_TO_CLIPBOARD_CONTAINER_ID = "copyToClipboardContainer";
const COPY_TO_CLIPBOARD_STATUS_ID = "copyToClipboardStatus"; const COPY_TO_CLIPBOARD_STATUS_ID = "copyToClipboardStatus";
let copyToClipboardCtr = 0; let copyToClipboardCtr = 0;
@ -13,7 +14,9 @@ function copyToClipboardSuccess() {
function copyToClipboardFail(cause) { function copyToClipboardFail(cause) {
let statusElem = document.getElementById(COPY_TO_CLIPBOARD_STATUS_ID); let statusElem = document.getElementById(COPY_TO_CLIPBOARD_STATUS_ID);
if (!cause) cause = "unknown error"; if (!cause) cause = "unknown error";
statusElem.innerText = "copy failed: " + cause; let msg = "copy failed: " + cause;
console.log(msg);
statusElem.innerText = msg;
statusElem.classList.remove("success"); statusElem.classList.remove("success");
statusElem.classList.add("fail"); statusElem.classList.add("fail");
} }
@ -22,11 +25,7 @@ function copyToClipboard(url) {
let copyEventIdx = ++copyToClipboardCtr; let copyEventIdx = ++copyToClipboardCtr;
if (!window.navigator.clipboard) { if (!window.navigator.clipboard) {
let msg = "could not access clipboard"; copyToClipboardFail("could not access clipboard");
if (window.location.protocol !== "https:") {
msg += ": website not using HTTPS"
}
copyToClipboardFail(msg);
return; return;
} }
window.navigator.clipboard.writeText(url).then(() => { window.navigator.clipboard.writeText(url).then(() => {
@ -37,3 +36,16 @@ function copyToClipboard(url) {
copyToClipboardFail(); copyToClipboardFail();
}); });
} }
(function () {
if (!window.navigator.clipboard) {
let msg = "cannot access clipboard";
if (window.location.protocol !== "https:") {
msg += ": website not using https"
}
console.error(msg);
} else {
let container = document.getElementById(COPY_TO_CLIPBOARD_CONTAINER_ID);
container.classList.remove("hidden");
}
})();

2
assets/templates/html/pasteMeta.html.tmpl
View File

@ -7,7 +7,7 @@
{{end}} {{end}}
{{define "body"}} {{define "body"}}
<pre> <pre id="copyToClipboardContainer" class="hidden">
<button onclick="copyToClipboard('{{.RootURL}}/{{.Paste.Key}}{{.FileExt}}')">Copy URL to clipboard</button> <span id="copyToClipboardStatus"></span> <button onclick="copyToClipboard('{{.RootURL}}/{{.Paste.Key}}{{.FileExt}}')">Copy URL to clipboard</button> <span id="copyToClipboardStatus"></span>
</pre> </pre>
<pre> <pre>