Enable Enter-Press for submit in modals.

templates/modals/delete_player.html

@@ -1,13 +1,13 @@
 {{ define "delete_player" }}
 
-<div class="modal fade" data-bs-backdrop="static" data-bs-keyboard="false" id="deletePlayerModal" tabindex="-1">
+<div class="modal modal-lg fade" data-bs-backdrop="static" data-bs-keyboard="false" id="deletePlayerModal" tabindex="-1">
     <div class="modal-dialog modal-dialog-centered">
         <div class="modal-content">
             <div class="modal-header">
                 <h1 class="modal-title fs-3 text-danger fw-bold" id="deletePlayerModalLabel">Spieler löschen</h1>
                 <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
             </div>
-            <div class="modal-body fs-5">
+            <div class="modal-body fs-5 text-center">
                 Möchtest du den Spieler <span class="text-warning fw-bold" id="player"></span> wirklich löschen?
                 <br><br>
                 Die Aktion kann nicht rückgängig gemacht werden.
@@ -24,6 +24,8 @@
     document.addEventListener('DOMContentLoaded', function() {
         const deletePlayerModal = document.getElementById('deletePlayerModal')
         const deletePlayerModalBS = new bootstrap.Modal('#deletePlayerModal');
+        const submitButton = deletePlayerModal.querySelector('button[name="submit"]');
+
         if (deletePlayerModal) {
             deletePlayerModal.addEventListener('show.bs.modal', event => {
                 const button = event.relatedTarget;
@@ -37,7 +39,6 @@
                 const homeClanList = document.getElementById('home-clan');
                 const oppClanList = document.getElementById('opponent-clan');
 
-                const submitButton = deletePlayerModal.querySelector('button[name="submit"]');
                 submitButton.addEventListener('click', function () {
                     fetch("/player/" + playerId, {
                         method: "DELETE",
@@ -59,6 +60,12 @@
                         });
                 }, { once: true });
             });
+
+            deletePlayerModal.addEventListener('keypress', event => {
+                if (event.key === 'Enter') {
+                    submitButton.click();
+                }
+            });
         }
     });
 </script>