KevinMidboe/ISPDowntimeMonitor
1
0
Fork 0
mirror of https://github.com/KevinMidboe/ISPDowntimeMonitor.git synced 2026-02-15 20:59:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

/site contains static start of frontend.

Browse Source 
Started a frontend for displaying the information collected.
 - Need dynamic data.
 - Needs a webserver to serve page.
This commit is contained in:
Kevin
2020-06-01 23:16:50 +02:00
committed by KevinMidboe
parent 61d98cd420
commit 06b01e5a3a
5 changed files with 353 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
src/site/index.html Normal file
View File

@@ -0,0 +1,57 @@
<!DOCTYPE html>
<html>
<head>
<title>ISP downtime monitor</title>
<meta charset="UTF-8">
<link href="style.css" type="text/css" rel="stylesheet">
</head>
<body>
<h1>Nedetid rapport</h1>
<div class="page-container">
<h2>Oppetid</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 log</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><tr>
<td>31 Mai 2020 22:34</td>
<td>OK</td>
<td>6d 4t 32min</td>
</tr>
<tr>
<td>31 Mai 2020 22:34</td>
<td>OK</td>
<td>6d 4t 32min</td>
</tr>
<tr>
<td>31 Mai 2020 22:34</td>
<td>OK</td>
<td>6d 4t 32min</td>
</tr></tbody>
</table>
</div>
</div>
</body>
<script src="fetchLogsAndGenerateTable.js" type="text/javascript"></script>
<script src="fetchUptimeAndGenerateBarGraph.js" type="text/javascript"></script>
</html>