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

Make modals static. Hide some settings. Minor optimizations. Switch from NPM bach to CDN.

Browse Source
This commit is contained in:
MaxJa4
2024-01-22 12:41:47 +01:00
parent 14b4856d47
commit 938e4ef348
16 changed files with 34 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
templates/components/header.html
View File

@@ -1,17 +1,17 @@
{{ define "header" }}
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Infantry Skill Calculator</title>
<script src="https://unpkg.com/htmx.org@1.9.10"></script>
<script src="../static/index.js"></script>
<script src="../static/dialogs.js"></script>
<!-- Bootstrap 5 CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://unpkg.com/htmx.org@1.9.10" integrity="sha384-D1Kt99CQMDuVetoL1lrYwg5t+9QdHe7NLX/SoJYkXDFfX37iInKRy5xLSi8nO7UC" crossorigin="anonymous"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<link href="https://cdn.jsdelivr.net/npm/@sweetalert2/theme-dark@4/dark.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/html2canvas@1.4.1/dist/html2canvas.min.js"></script>
<link rel="stylesheet" href="../static/index.css">
{{ end }}

4
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;" oninput="updateTooltips(this)">
<div id="home-player-list" class="border rounded p-1 overflow-auto" style="height: 47vh;">
</div>
</div>
@@ -22,7 +22,7 @@
</button>
{{ end }}
<br>
<div class="vstack text-center border border-secondary rounded mt-2" data-bs-toggle="tooltip" data-bs-title="Ausgwählte Spieler">
<div class="vstack text-center border border-secondary rounded mt-2" data-bs-toggle="tooltip" data-bs-title="Ausgewählte Spieler">
<i class="bi bi-ui-checks fs-4 mt-2 mb-1"></i>
<span class="badge fs-5 mb-2" id="home-player-selected">0</span>
</div>

2
templates/components/opp_player_list.html
View File

@@ -22,7 +22,7 @@
</button>
{{ end }}
<br>
<div class="vstack text-center border border-secondary rounded mt-2" data-bs-toggle="tooltip" data-bs-title="Spieler hinzufügen">
<div class="vstack text-center border border-secondary rounded mt-2" data-bs-toggle="tooltip" data-bs-title="Ausgewählte Spieler">
<i class="bi bi-ui-checks fs-4 mt-2 mb-1"></i>
<span class="badge fs-5 mb-2" id="opponent-player-selected">0</span>
</div>

2
templates/modals/add_clan.html
View File

@@ -1,7 +1,7 @@
{{ define "add_clan" }}
<div class="modal fade" id="addClanModal" tabindex="-1">
<div class="modal fade" data-bs-backdrop="static" data-bs-keyboard="false" id="addClanModal" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">

2
templates/modals/add_player.html
View File

@@ -1,6 +1,6 @@
{{ define "add_player" }}
<div class="modal fade" id="addPlayerModal" tabindex="-1">
<div class="modal fade" data-bs-backdrop="static" data-bs-keyboard="false" id="addPlayerModal" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">

2
templates/modals/delete_clan.html
View File

@@ -1,6 +1,6 @@
{{ define "delete_clan" }}
<div class="modal fade" id="deleteClanModal" tabindex="-1">
<div class="modal fade" data-bs-backdrop="static" data-bs-keyboard="false" id="deleteClanModal" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">

2
templates/modals/delete_player.html
View File

@@ -1,6 +1,6 @@
{{ define "delete_player" }}
<div class="modal fade" id="deletePlayerModal" tabindex="-1">
<div class="modal fade" data-bs-backdrop="static" data-bs-keyboard="false" id="deletePlayerModal" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">

2
templates/modals/edit_clan.html
View File

@@ -1,6 +1,6 @@
{{ define "edit_clan" }}
<div class="modal fade" id="editClanModal" tabindex="-1">
<div class="modal fade" data-bs-backdrop="static" data-bs-keyboard="false" id="editClanModal" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">

4
templates/modals/edit_player.html
View File

@@ -1,6 +1,6 @@
{{ define "edit_player" }}
<div class="modal fade" id="editPlayerModal" tabindex="-1">
<div class="modal fade" data-bs-backdrop="static" data-bs-keyboard="false" id="editPlayerModal" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
@@ -47,7 +47,7 @@
}
function createSubmitPlayerHandler(modalEvent) {
return function submitPlayerHandler(e) {
return function submitPlayerHandler(_) {
if (!validateInput())
return;

9
templates/modals/settings.html
View File

@@ -1,6 +1,6 @@
{{ define "settings" }}
<div class="modal fade" id="settingsModal" tabindex="-1">
<div class="modal fade" data-bs-backdrop="static" data-bs-keyboard="false" id="settingsModal" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
@@ -18,15 +18,15 @@
</select>
</div>
</div>
<div class="form-check form-check-inline mt-3 fs-5">
<div class="form-check form-check-inline mt-3 fs-5 visually-hidden">
<input class="form-check-input" type="checkbox" id="settingsSquadColors" value="squadColors" checked>
<label class="form-check-label" for="settingsSquadColors">Squad-Farben aktivieren</label>
</div>
<div class="form-check form-check-inline mt-3 fs-5">
<div class="form-check form-check-inline mt-3 fs-5 visually-hidden" data-bs-toggle="tooltip" data-bs-title="Median zusätzlich berechnen">
<input class="form-check-input" type="checkbox" id="settingsCalcMedian" value="calcMedian">
<label class="form-check-label" for="settingsCalcMedian">Median aktivieren</label>
</div>
<div class="form-check form-check-inline mt-3 fs-5">
<div class="form-check form-check-inline mt-3 fs-5 visually-hidden">
<input class="form-check-input" type="checkbox" id="settingsUseCache" value="useCache" checked>
<label class="form-check-label" for="settingsUseCache">Infantryskill-Cache benutzen (empfohlen)</label>
</div>
@@ -102,7 +102,6 @@
return response.json();
})
.then((result) => {
console.log(result);
games.selectedIndex = games.querySelector(`option[value="${result['active_game_id']}"]`).index;
squadColors.checked = result['squad_colors'];
calcMedian.value = result['calc_median'];

2
templates/player_list_item.html → templates/shards/player_list_item.html
View File

@@ -1,5 +1,5 @@
{{ range . }}
<div class="input-group input-group-lg mb-1">
<div class="input-group input-group-lg mb-1" data-id="{{ .PlayerID }}">
<div class="input-group-text py-1 px-2">
<label>
<input class="form-check-input fs-4 border-secondary mt-0" type="checkbox" value="" onchange="updateSelectedPlayers(this)">