Initial commit

2024-01-14 22:06:53 +01:00
commit fe92068ad3
30 changed files with 1067 additions and 0 deletions
--- a/templates/modals/delete_clan.html
+++ b/templates/modals/delete_clan.html
@@ -0,0 +1,66 @@
+{{ define "delete_clan" }}
+
+<div class="modal modal-lg fade" id="deleteClanModal" 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="deleteClanModalLabel">Clan löschen</h1>
+                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
+            </div>
+            <div class="modal-body fs-5">
+                Möchtest du den Clan "<span id="clan"></span>" wirklich löschen?
+                <br><br>
+                Diese Aktion kann nicht rückgängig gemacht werden.
+            </div>
+            <div class="modal-footer">
+                <button type="submit" name="submit" class="btn btn-lg btn-danger">Löschen</button>
+                <button type="button" class="btn btn-lg btn-secondary" data-bs-dismiss="modal">Abbrechen</button>
+            </div>
+        </div>
+    </div>
+</div>
+
+<script lang="javascript">
+    document.addEventListener('DOMContentLoaded', function() {
+        const deleteClanModal = document.getElementById('deleteClanModal')
+        const deleteClanModalBS = new bootstrap.Modal('#deleteClanModal');
+        if (deleteClanModal) {
+            deleteClanModal.addEventListener('show.bs.modal', event => {
+                const button = event.relatedTarget;
+                const clanListId = button.getAttribute('data-bs-list');
+                const clanList = document.querySelector(clanListId);
+                const selectedClan = clanList.options[clanList.selectedIndex].text;
+
+                const modalBodyInput = deleteClanModal.querySelector('#clan');
+                modalBodyInput.innerText = selectedClan;
+
+                const submitButton = deleteClanModal.querySelector('button[name="submit"]');
+                submitButton.addEventListener('click', function () {
+                    const button = event.relatedTarget;
+                    const clanListId = button.getAttribute('data-bs-list');
+                    const clanList = document.querySelector(clanListId);
+
+                    const clanId = parseInt(clanList.value);
+
+                    fetch("/clan/" + clanId, {
+                        method: "DELETE",
+                        headers: {
+                            "Content-type": "application/json; charset=UTF-8"
+                        }
+                    })
+                        .then((response) => {
+                            if (response.ok) {
+                                clanList.removeChild(clanList.children[clanList.selectedIndex]);
+                                clanList.selectedIndex = 0;
+                                clanList.dispatchEvent(new Event('change'));
+                                deleteClanModalBS.hide();
+                            } else
+                                throw new Error(response.error)
+                        });
+                })
+            });
+        }
+    });
+</script>
+
+{{ end }}