make years in stat changeable

templates/stat.people.html.tera

@@ -6,7 +6,7 @@
 
 
 	<div class="max-w-screen-lg w-full">
-		<h1 class="h1">Statistik</h1>
+		<h1 class="h1">Statistik <select id="yearSelect" onchange="changeYear()" style="text-decoration: underline;"></select></h1>
     <div class="search-wrapper">
       <label for="name" class="sr-only">Suche</label>
       <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));
 {% 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 src="/public/logbook.js"></script>