66 lines
2.9 KiB
HTML
66 lines
2.9 KiB
HTML
{{ 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 }} |