markus
/
weatherdata


			
				
					
						
						
							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>