Merge pull request 'years-changeable' (#72) from years-changeable into main
All checks were successful
CI/CD Pipeline / test (push) Successful in 10m53s
CI/CD Pipeline / deploy-staging (push) Has been skipped
CI/CD Pipeline / deploy-main (push) Successful in 14m54s

Reviewed-on: #72
This commit is contained in:
philipp 2023-11-20 19:46:14 +01:00
commit 4737663e8d
2 changed files with 28 additions and 2481 deletions

File diff suppressed because it is too large Load Diff

View File

@ -6,7 +6,7 @@
<div class="max-w-screen-lg w-full"> <div class="max-w-screen-lg w-full">
<h1 class="h1">Statistik</h1> <h1 class="h1">Statistik <select id="yearSelect" onchange="changeYear()" style="background: transparent; background-image: none; text-decoration: underline;"></select></h1>
<div class="search-wrapper"> <div class="search-wrapper">
<label for="name" class="sr-only">Suche</label> <label for="name" class="sr-only">Suche</label>
<input type="search" name="name" id="filter-js" class="search-bar" placeholder="Suchen nach Namen..."> <input type="search" name="name" id="filter-js" class="search-bar" placeholder="Suchen nach Namen...">
@ -46,6 +46,33 @@ const data = [
] ]
sessionStorage.setItem('userStats', JSON.stringify(data)); sessionStorage.setItem('userStats', JSON.stringify(data));
{% endif %} {% endif %}
function getYearFromURL() {
var queryParams = new URLSearchParams(window.location.search);
return queryParams.get('year');
}
function populateYears() {
var select = document.getElementById('yearSelect');
var currentYear = new Date().getFullYear();
var selectedYear = getYearFromURL() || currentYear;
for (var year = 1977; year <= currentYear; year++) {
var option = document.createElement('option');
option.value = option.textContent = year;
if (year == selectedYear) {
option.selected = true;
}
select.appendChild(option);
}
}
function changeYear() {
var selectedYear = document.getElementById('yearSelect').value;
window.location.href = '?year=' + selectedYear;
}
// Call this function when the page loads
populateYears();
</script> </script>
<script src="/public/logbook.js"></script> <script src="/public/logbook.js"></script>