first commit

2024-11-29 14:00:20 +01:00
commit a6fe7bf1c7
16 changed files with 455 additions and 0 deletions
@@ -0,0 +1,52 @@
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Webservice Monitoring</title>
+    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
+    <script src="/static/js/tag_nacht.js" defer></script>
+    <script src="/static/js/max_time_diff.js" defer></script>
+    <script src="/static/js/fuenf_minuten.js" defer></script>
+</head>
+<body>
+    <h1>Webservice Monitoring</h1>
+    <div>
+        <h2>Tag/Nacht-Aktivität</h2>
+        <canvas id="tagNachtChart"></canvas>
+    </div>
+    <div>
+	<h2>Maximale Zeitdifferenz</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">
+	<button id="calculateButton">Berechne maximale Differenz</button>
+	<p id="maxTimeDiff">Lädt...</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">
+	<select id="timeFilter">
+	    <option value="24h">Letzte 24 Stunden</option>
+	    <option value="7d">Letzte 7 Tage</option>
+	    <option value="1m">Letzter Monat</option>
+	    <option value="1y">Letztes Jahr</option>
+	    <option value="all">Gesamt</option>
+	</select>
+	<canvas id="fuenfMinutenChart" width="400" height="200"></canvas>
+    </div>
+</body>
+</html>