Files
InfantrySkillCalculator/templates/components/home_clan_bar.html
MaxJa4 130fe2ad57
All checks were successful
Build and Push Docker Image / build-and-push (push) Successful in 46s
UI optimizations and polish.
2024-01-24 12:01:23 +01:00

42 lines
2.2 KiB
HTML

{{ define "home_clan_bar" }}
<div class="row g-2">
<div class="col-auto pe-2">
<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_html" hx-target="#home-player-list" hx-vals='js:{"clan_id": getSelectedClanId("home-clan")}'>
<option disabled selected value>Auswählen...</option>
<!-- Options will be loaded dynamically -->
</select>
{{ if not (eq .UserRole "READER") }}
<button class="btn btn-lg btn-outline-secondary text-danger bg-secondary-subtle" type="button" id="home-delete"
data-bs-toggle="modal" data-bs-list="#home-clan" data-bs-target="#deleteClanModal" data-bs-action="tooltip" data-bs-title="Clan löschen" disabled>
<i class="bi bi-trash3-fill"></i>
</button>
<button class="btn btn-lg btn-outline-secondary text-primary bg-secondary-subtle" type="button" id="home-edit"
data-bs-toggle="modal" data-bs-list="#home-clan" data-bs-target="#editClanModal" data-bs-action="tooltip" data-bs-title="Clan bearbeiten" disabled>
<i class="bi bi-pencil-fill"></i>
</button>
<button class="btn btn-lg btn-outline-secondary text-success" type="button" id="home-add"
data-bs-toggle="modal" data-bs-list="#home-clan" data-bs-target="#addClanModal" data-bs-action="tooltip" data-bs-title="Clan hinzufügen">
<i class="bi bi-plus-lg"></i>
</button>
{{ end }}
</div>
</div>
</div>
<script lang="javascript">
document.addEventListener('DOMContentLoaded', function() {
setupClanButtons('home-clan', 'home-delete', 'home-edit');
const homePlayerList = document.getElementById('home-player-list');
homePlayerList.addEventListener('htmx:afterSwap', function() {
initTooltips(homePlayerList);
});
});
</script>
{{ end }}