diff --git a/views/bootstrap/styles/application.js b/views/bootstrap/styles/application.js
index a249aae65..6e27c3e3a 100644
--- a/views/bootstrap/styles/application.js
+++ b/views/bootstrap/styles/application.js
@@ -757,6 +757,11 @@ $(document).ready( function() {
 		}
 		return e.which != 13;
 	}); /* }}} */
+
+	$("body").on("click", ".copy-to-clipboard", function(ev) {
+		console.log($(this).data());
+		navigator.clipboard.writeText($(this).data("text"));
+	});
 });
 
 function onAddClipboard(ev) { /* {{{ */
diff --git a/views/bootstrap4/styles/application.js b/views/bootstrap4/styles/application.js
index 39d229062..63f401832 100644
--- a/views/bootstrap4/styles/application.js
+++ b/views/bootstrap4/styles/application.js
@@ -805,6 +805,11 @@ $(document).ready( function() {
 		}
 		return e.which != 13;
 	}); /* }}} */
+
+	$("body").on("click", ".copy-to-clipboard", function(ev) {
+		console.log($(this).data());
+		navigator.clipboard.writeText($(this).data("text"));
+	});
 });
 
 function onAddClipboard(ev) { /* {{{ */