Initial commit

templates/components/home_clan_bar.html

@@ -0,0 +1,41 @@
+{{ define "home_clan_bar" }}
+
+<div class="row g-2">
+    <div class="col-auto">
+        <label for="home-clan" class="col-form-label col-form-label-lg">Clans:</label>
+    </div>
+    <div class="col">
+        <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 }}
+            </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>
+            </button>
+            <button class="btn btn-lg btn-outline-secondary text-primary" type="button" data-bs-toggle="modal" data-bs-list="#home-clan" data-bs-target="#editClanModal" id="home-edit" disabled>
+                <i class="bi bi-pencil-fill"></i>
+            </button>
+            <button class="btn btn-lg btn-outline-secondary text-success" type="button" data-bs-toggle="modal" data-bs-list="#home-clan" data-bs-target="#addClanModal" id="home-add">
+                <i class="bi bi-plus-lg"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<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;
+        });
+    });
+</script>
+
+{{ end }}