53 lines
1.8 KiB
HTML
53 lines
1.8 KiB
HTML
|
|
<!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>
|