Fixed copy button

web/templates/secrets_admin.html

@@ -21,7 +21,7 @@
 				</td>
 				<td>
 					{% if value != None %}
-						<code>{{ value }}</code>
+						<code class="copyText">{{ value }}</code>
 						<button class="copyButton">Copy</button>
 					{% else %}
 						<b>Missing from environment</b>
@@ -41,15 +41,18 @@
 {% 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');
+for(var index=0; index < copyButtons.length; index++){
+	var element = copyButtons[index];
+	element.addEventListener('click', function(){
+		console.log(element);
+		var parent = element.parentElement;
+		var text = parent.firstElementChild.textContent;
+		navigator.clipboard.writeText(text).then(() => {
+			/* Resolved - text copied to clipboard successfully */
+		},() => {
+			/* Rejected - text failed to copy to the clipboard */
 		});
-	}
-)
+	});
+}
 </script>
 {% endblock scripts %}