41 lines
896 B
HTML
41 lines
896 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Sensor dashboard</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<link rel="stylesheet" href="./uPlot.min.css">
|
|
<link rel="shortcut icon" href="./favicon.ico">
|
|
<style>
|
|
body {
|
|
padding: 0;
|
|
margin: 0;
|
|
overflow-x: hidden;
|
|
}
|
|
#buttons {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
button {
|
|
padding: 0.5em;
|
|
margin: 0.75em;
|
|
font-size: x-large;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="plot"></div>
|
|
<div id="buttons" style="display: none">
|
|
<button id="day">24 hours</button>
|
|
<button id="week">7 days</button>
|
|
<button id="all">all data</button>
|
|
</div>
|
|
<script src="./uPlot.iife.min.js"></script>
|
|
<script src="./papaparse.js"></script>
|
|
<script src="./base.js"></script>
|
|
</body>
|
|
</html>
|