1234567891011121314151617181920212223242526272829303132333435363738394041 |
- <!DOCTYPE html>
- <!--
- vim: expandtab shiftwidth=4:
- -->
- <html>
- <head>
- <link rel="stylesheet" type="text/css" href="/css/default.css">
- <script type="text/javascript" src="/js/Chart.bundle.min.js"></script>
- <script type="text/javascript" src="/js/overview.js"></script>
- <script type="text/javascript">
- window.onload = function () {
- let now = new Date();
- endDateElement = document.getElementById('endDate');
- endDateElement.value = now.toISOString().substring(0, 10);
- fromdate = document.getElementById('startDate').value;
- untildate = endDateElement.value;
- render_graph('/cgi-bin/output?from=' + fromdate
- + '&until=' + untildate, 'chart');
- document.getElementById("reload").onclick = function () {
- fromdate = document.getElementById('startDate').value;
- untildate = document.getElementById('endDate').value;
- render_graph('/cgi-bin/output?from=' + fromdate
- + '&until=' + untildate, 'chart');
- }
- }
- </script>
- </head>
- <body>
- <div id="dateSelectContainer">
- <label for="startDate">Start:</label><input id="startDate" type="date" value="1970-01-01">
- <label for="endDate">End:</label><input id="endDate" type="date">
- <input id="reload" type="button" value="reload">
- </div>
- <div id="chartContainer" style="height: 100%; width: 100%;">
- <canvas id="chart"></canvas>
- </div>
- </body>
- </html>
|