Admin copy button

web/templates/secrets_admin.html

@@ -1,13 +1,4 @@
 {% extends "admin/base_site.html" %}
-{% block scripts %}
-<script>
-  function CopyText(value) {
-		var text = document.getElementById(value)
-		text.select();
-		document.execCommand('copy')
-	}
-</script>
-{% endblock scripts %}
 {% block content %}
 	<table>
 		<tr>
@@ -30,8 +21,8 @@
 				</td>
 				<td>
 					{% if value != None %}
-						<code id="{{ value }}">{{ value }}</code>
-						<button type="submit" onclick="CopyText({{ value }})">Copy</button>
+						<code>{{ value }}</code>
+						<button class="copyButton">Copy</button>
 					{% else %}
 						<b>Missing from environment</b>
 					{% endif %}
@@ -47,3 +38,18 @@
 		{% endfor %}
 	</table>
 {% endblock %}
+{% block scripts %}
+<script>
+var copyButtons = document.getElementsByClassName('copyButton');
+copyButtons.forEach(
+	(element) => {
+		element.addEventListener('click', function(){
+			var parent = element.parentElement;
+			var text = parent.firstElementChild.textContent;
+			text.select();
+			document.execCommand('copy');
+		});
+	}
+)
+</script>
+{% endblock scripts %}