mirror of
https://github.com/KevinMidboe/ISPDowntimeMonitor.git
synced 2026-02-15 12:49:21 +00:00
47 lines
1.2 KiB
HTML
47 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>ISP downtime monitor</title>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<link href="style.css" type="text/css" rel="stylesheet">
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/fetch/3.0.0/fetch.min.js"></script>
|
|
</head>
|
|
<body>
|
|
<h1>Downtime monitor</h1>
|
|
<div class="page-container">
|
|
<h2>Uptime</h2>
|
|
<div class="container" id="bar-graph">
|
|
<!-- BAR GRAPH -->
|
|
</div>
|
|
|
|
<div class="color-indicators">
|
|
<label class="color-indicator-box green"></label>
|
|
<span>Uptime</span>
|
|
|
|
<label class="color-indicator-box red"></label>
|
|
<span>Downtime</span>
|
|
</div>
|
|
<hr />
|
|
|
|
<h2>Indicent logs</h2>
|
|
<div class="container" id="indicent-logs">
|
|
<table id="log-table">
|
|
<thead><tr>
|
|
<th>Date</th>
|
|
<th>Incident message</th>
|
|
<th>Duration</th>
|
|
</tr></thead>
|
|
|
|
<tbody></tbody>
|
|
</table>
|
|
</div>
|
|
|
|
</div>
|
|
</body>
|
|
|
|
<script src="popover.js" type="text/javascript"></script>
|
|
<script src="fetchUptimeAndGenerateBarGraph.js" type="text/javascript"></script>
|
|
<script src="fetchLogsAndGenerateTable.js" type="text/javascript"></script>
|
|
</html> |