Add copy-to-clipboard element for upload/download lists.

src/freenet/clients/http/QueueToadlet.java

@@ -1979,7 +1979,11 @@ private HTMLNode createSizeCell(long dataSize, boolean confirmed, boolean advanc
 	private HTMLNode createKeyCell(FreenetURI uri, boolean addSlash) {
 		HTMLNode keyCell = new HTMLNode("td", "class", "request-key");
 		if (uri != null) {
-			keyCell.addChild("span", "class", "key_is").addChild("a", "href", '/' + uri.toString() + (addSlash ? "/" : ""), uri.toShortString() + (addSlash ? "/" : ""));
+			keyCell.addChild("span", "class", "key_is")
+					.addChild("a",
+							new String[]{"class", "data-key", "href"},
+							new String[]{"finished_key_link", uri.toString(), '/' + uri.toString() + (addSlash ? "/" : "")}, 
+							uri.toShortString() + (addSlash ? "/" : ""));
 		} else {
 			keyCell.addChild("span", "class", "key_unknown", l10n("unknown"));
 		}
@@ -2115,6 +2119,9 @@ private HTMLNode createRequestTable(PageMaker pageMaker, ToadletContext ctx, Lis
 
 		HTMLNode formDiv = new HTMLNode("div", "class", "request-table-form");
 		HTMLNode form = ctx.addFormChild(formDiv, path(), "request-table-form-"+id+(advancedModeEnabled?"-advanced":"-simple"));
+        if (core.getNode().isFProxyJavascriptEnabled()) {
+            form.addChild("script", new String[] {"type", "src"}, new String[] {"text/javascript", "/static/js/clipboard.js"});
+        }
 
 		createRequestTableButtons(form, pageMaker, ctx, mimeType, hasFriends, advancedModeEnabled, priorityClasses, true, queueType);
 

src/freenet/clients/http/staticfiles/color.css

@@ -431,3 +431,9 @@ div#statusbar div.separator {
 }
 
 
+
+.copy-to-clipboard-element:active {
+  color: red;
+  font-weight: bold;
+}
+

src/freenet/clients/http/staticfiles/js/clipboard.js

@@ -0,0 +1,19 @@
+// @license magnet:?xt=urn:btih:1f739d935676111cfff4b4693e3816e664797050&dn=gpl-3.0.txt GPL-v3-or-Later
+function addCopyKeyFieldToFinishedTransfers() {
+  if (navigator && navigator.clipboard) {
+    var matching = document.getElementsByClassName("finished_key_link");
+    for (var matchingElement of matching) {
+      var key = matchingElement.dataset.key;
+      if (key) {
+        var toClipboard = document.createElement("span");
+        toClipboard.textContent = " ⎘";
+        toClipboard.classList.add("copy-to-clipboard-element");
+        toClipboard.setAttribute("title", "Copy to Clipboard");
+        toClipboard.onclick=() => navigator.clipboard.writeText(key);
+        matchingElement.parentElement.appendChild(toClipboard);
+      }
+    }
+  }
+}
+document.addEventListener("DOMContentLoaded", addCopyKeyFieldToFinishedTransfers);
+// @license-end

src/freenet/clients/http/staticfiles/themes/boxed/color.css

@@ -260,3 +260,9 @@ div#statusbar div.separator {
 	background-color: black;
 }
 
+
+.copy-to-clipboard-element:active {
+  color: red;
+  font-weight: bold;
+}
+

src/freenet/clients/http/staticfiles/themes/clean/color.css

@@ -59,3 +59,9 @@
 /* 
  * Statusbar
  */
+
+.copy-to-clipboard-element:active {
+  color: red;
+  font-weight: bold;
+}
+

src/freenet/clients/http/staticfiles/themes/grayandblue/color.css

@@ -289,3 +289,9 @@ tr.priority6, td.priority6 {
   background-color: transparent !important;
 }
 
+
+.copy-to-clipboard-element:active {
+  color: red;
+  font-weight: bold;
+}
+

src/freenet/clients/http/staticfiles/themes/sky/color.css

@@ -229,3 +229,9 @@ table.queue span.progress_fraction_finalized {
 #statusbar div.separator {
 	background-color: #d0d0f0;
 }
+
+.copy-to-clipboard-element:active {
+  color: red;
+  font-weight: bold;
+}
+

src/freenet/clients/http/staticfiles/themes/winterfacey/theme.css

@@ -1482,6 +1482,12 @@ body[id*="Sone"] {
 }
 
 
+.copy-to-clipboard-element:active {
+  color: red;
+  font-weight: bold;
+}
+
+
 
 /** Media query **/
 @media (max-width: 1500px) {