Maxi/InfantrySkillCalculator
1
0
Fork 0
Code Issues 6 Pull Requests Actions Packages Projects 1 Releases Activity

UI optimizations and polish.
All checks were successful
Build and Push Docker Image / build-and-push (push) Successful in 46s
Details

Browse Source
This commit is contained in:
MaxJa4
2024-01-24 12:01:23 +01:00
parent 0b2d10e7b7
commit 130fe2ad57
14 changed files with 69 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
templates/components/bottom_controls.html
View File

@@ -1,6 +1,6 @@
{{ define "bottom_controls" }}
<div class="row justify-content-between border-top pt-4 position-relative mb-5">
<div class="row justify-content-between border-top border-secondary-subtle pt-4 mx-0 position-relative mb-5">
<div class="col-auto position-absolute start-0">
<div class="btn-toolbar" role="toolbar">
<a class="btn btn-lg btn-outline-secondary text-secondary-emphasis me-2" href="/logout" data-bs-action="tooltip" data-bs-title="Abmelden">

2
templates/components/home_clan_bar.html
View File

@@ -1,7 +1,7 @@
{{ define "home_clan_bar" }}
<div class="row g-2">
<div class="col-auto">
<div class="col-auto pe-2">
<label for="home-clan" class="col-form-label col-form-label-lg">Clans:</label>
</div>
<div class="col">

2
templates/components/home_player_list.html
View File

@@ -2,7 +2,7 @@
<div class="row">
<div class="col">
<div id="home-player-list" class="border rounded p-1 overflow-auto" style="height: 47vh;">
<div id="home-player-list" class="border border-secondary rounded p-1 overflow-auto" style="height: 47vh;">
</div>
</div>

8
templates/components/opp_clan_bar.html
View File

@@ -1,13 +1,14 @@
{{ define "opp_clan_bar" }}
<div class="row g-2">
<div class="col-auto">
<div class="col-auto pe-2">
<label for="opponent-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="opponent-clan" hx-get="/players_html" hx-target="#opponent-player-list" hx-vals='js:{"clan_id": getSelectedClanId("opponent-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="opponent-delete"
@@ -30,6 +31,11 @@
<script lang="javascript">
document.addEventListener('DOMContentLoaded', function() {
setupClanButtons('opponent-clan', 'opponent-delete', 'opponent-edit');
const oppPlayerList = document.getElementById('opponent-player-list');
oppPlayerList.addEventListener('htmx:afterSwap', function() {
initTooltips(oppPlayerList);
});
});
</script>

7
templates/components/opp_player_list.html
View File

@@ -2,7 +2,7 @@
<div class="row">
<div class="col">
<div id="opponent-player-list" class="border rounded p-1 overflow-auto" style="height: 47vh;">
<div id="opponent-player-list" class="border border-secondary rounded p-1 overflow-auto" style="height: 47vh;">
</div>
</div>
@@ -33,11 +33,6 @@
<script lang="javascript">
document.addEventListener('DOMContentLoaded', function() {
setupPlayerButtons('opponent-clan', 'opponent-player-list', 'opponent-player-add');
const oppPlayerList = document.getElementById('opponent-player-list');
oppPlayerList.addEventListener('htmx:afterSwap', function() {
initTooltips(oppPlayerList);
});
});
</script>