Sync both clan lists.

This commit is contained in:
MaxJa4
2024-01-15 11:01:51 +01:00
parent fe92068ad3
commit 49a6b8de38
11 changed files with 193 additions and 42 deletions

View File

@@ -4,6 +4,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Infantry Skill Calculator</title>
<script src="https://unpkg.com/htmx.org@1.9.6"></script>
<script src="../static/index.js"></script>
<!-- Bootstrap 5 CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">

View File

@@ -8,9 +8,7 @@
<div class="input-group input-group-lg mb-3">
<select class="form-select form-control border-secondary" id="home-clan" hx-get="/players" hx-target="#home-player-list">
<option disabled selected value>Auswählen...</option>
{{ range .clans }}
<option value="{{ .ID }}">[{{ .Tag }}] {{ .Name }}</option>
{{ end }}
<!-- Options will be loaded dynamically -->
</select>
<button class="btn btn-lg btn-outline-secondary text-danger" type="button" id="home-delete" data-bs-toggle="modal" data-bs-list="#home-clan" data-bs-target="#deleteClanModal" disabled>
<i class="bi bi-trash3"></i>
@@ -27,14 +25,8 @@
<script lang="javascript">
document.addEventListener('DOMContentLoaded', function() {
const dropdownHome = document.getElementById('home-clan');
const deleteButtonHome = document.getElementById('home-delete');
const editButtonHome = document.getElementById('home-edit');
dropdownHome.addEventListener('change', function () {
deleteButtonHome.disabled = !this.value;
editButtonHome.disabled = !this.value;
});
setupClanButtons('home-clan', 'home-delete', 'home-edit');
htmx.ajax('GET', '/clan_options', {target: '#home-clan'});
});
</script>

View File

@@ -8,9 +8,6 @@
<div class="input-group input-group-lg mb-3">
<select class="form-select form-control border-secondary" id="opponent-clan" hx-get="/players" hx-target="#opponent-player-list">
<option disabled selected value>Auswählen...</option>
{{ range .clans }}
<option value="{{ .ID }}">[{{ .Tag }}] {{ .Name }}</option>
{{ end }}
</select>
<button class="btn btn-lg btn-outline-secondary text-danger" type="button" id="opponent-delete" data-bs-toggle="modal" data-bs-list="#opponent-clan" data-bs-target="#deleteClanModal" disabled>
<i class="bi bi-trash3"></i>
@@ -27,14 +24,8 @@
<script lang="javascript">
document.addEventListener('DOMContentLoaded', function() {
const dropdownOpponent = document.getElementById('opponent-clan');
const deleteButtonOpponent = document.getElementById('opponent-delete');
const editButtonOpponent = document.getElementById('opponent-edit');
dropdownOpponent.addEventListener('change', function () {
deleteButtonOpponent.disabled = !this.value;
editButtonOpponent.disabled = !this.value;
});
setupClanButtons('opponent-clan', 'opponent-delete', 'opponent-edit');
htmx.ajax('GET', '/clan_options', {target: '#opponent-clan'});
});
</script>