Полностью новая версия веб-интерфейса на базе chart.js
[weathermon.git] / openwrt-web / meteo / archive.html
1 <?xml version="1.0" encoding="utf-8"?>
2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
3 <html xmlns="http://www.w3.org/1999/xhtml">
4 <head>
5     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
6     <meta http-equiv="Cache-Control" content="no-cache" />
7     <link rel="shortcut icon" href="/luci-static/material/favicon.ico">
8     <link rel="stylesheet" href="/meteo/meteo.css" type="text/css" />
9     <script type="text/javascript" src="/js/Chart.bundle.min.js"></script>
10     <script type="text/javascript" src="/meteo/archive.js"></script>
11 </head>
12 <body>
13
14 <header>
15     <div class="fill">
16         <div class="container">
17             <a class="brand" href="/"><img width="48" src="/meteo/weather.svg"/></a>
18             <a class="brand" href="/meteo">Метеостанция</a>
19             <a class="brand" id="current" href="/meteo">Последние сутки</a>
20         </div>
21     </div>
22 </header>
23
24 <div class="main">
25     <div id="maincontent">
26         <div class="container">
27             <div class="wide-section">
28               <div class="selector-header">Год</div>
29               <div class="selector"><select id="year" onchange="selectChange();"></select></div>
30               <div class="selector-header">Месяц</div>
31               <div class="selector"><select id="month" onchange="selectChange();"></select></div>
32               <div class="selector-header">День</div>
33               <div class="selector"><select id="day" onchange="selectChange();"></select></div>
34               <div class="selector-header">Параметр</div>
35               <div class="selector"><select id="sensor" onchange="selectChange();"></select></div>
36             </div>
37             <div class="bottom-section" id="chartdiv">
38               <canvas id="chart">
39               </canvas>
40             </div>
41         </div>
42     </div>
43 </div>
44
45 <footer>Powered by OpenWRT</footer>
46
47 </body>
48 </html>