From d0e0fec58d496780cf79bd4457b863c3d595d828 Mon Sep 17 00:00:00 2001
From: no <mk@admins.tech>
Date: Fri, 29 Nov 2024 14:38:55 +0100
Subject: [PATCH] update indesx

---
 app/templates/index.html | 47 +++++++++++++++++++++++++++++-----------
 1 file changed, 34 insertions(+), 13 deletions(-)

diff --git a/app/templates/index.html b/app/templates/index.html
index 1e2542f..6572bcc 100644
--- a/app/templates/index.html
+++ b/app/templates/index.html
@@ -45,18 +45,39 @@
 	<input type="time" id="endTime" value="23:59">
 	<button id="calculateButton">Berechne maximale Differenz</button>
 	<p id="maxTimeDiff">Please press calculate.</p>
-    </div>
-    <div>
-	<h2>5-Minuten-Chart</h2>
-	<label for="startDate">Start-Datum:</label>
-	<input type="date" id="startDate">
-	<label for="endDate">End-Datum:</label>
-	<input type="date" id="endDate">
-	<label for="startTime">Start-Zeit:</label>
-	<input type="time" id="startTime" value="00:00">
-	<label for="endTime">End-Zeit:</label>
-	<input type="time" id="endTime" value="23:59">
-	<canvas id="fuenfMinutenChart" width="400" height="200"></canvas>
-    </div>
+    </div><div id="fiveMinChartSection">
+		<h2>5-Minuten-Chart</h2>
+	
+		<!-- Filter spezifisch für den 5-Minuten-Chart -->
+		<label for="fiveMinStartDate">Start-Datum:</label>
+		<input type="date" id="fiveMinStartDate">
+	
+		<label for="fiveMinEndDate">End-Datum:</label>
+		<input type="date" id="fiveMinEndDate">
+	
+		<label for="fiveMinStartTime">Start-Zeit:</label>
+		<input type="time" id="fiveMinStartTime" value="00:00">
+	
+		<label for="fiveMinEndTime">End-Zeit:</label>
+		<input type="time" id="fiveMinEndTime" value="23:59">
+	
+		<!-- Canvas für den 5-Minuten-Chart -->
+		<canvas id="fuenfMinutenChart" width="400" height="200"></canvas>
+	</div>
+	
+	<script>
+		// Initialisiere die Filterfelder nur für den 5-Minuten-Chart
+		document.addEventListener('DOMContentLoaded', function() {
+			const startDateInput = document.getElementById('fiveMinStartDate');
+			const endDateInput = document.getElementById('fiveMinEndDate');
+			const now = new Date();
+			const yesterday = new Date(now);
+			yesterday.setDate(now.getDate() - 1);
+	
+			// Vorauswahl von Start- und Enddatum für den 5-Minuten-Chart
+			startDateInput.value = yesterday.toISOString().split('T')[0];
+			endDateInput.value = now.toISOString().split('T')[0];
+		});
+	</script>	
 </body>
 </html>