39266c4102cbe815edb5ed3a295f5a742ee4fee2
[squid-reports.git] / web / index.html
1 <!DOCTYPE html>
2 <html lang="ru">
3 <head>
4         <meta charset="utf-8">
5         <title>Squid reports</title>
6         <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"/>
7         <link rel="stylesheet" href="squid.css">
8         <link rel="shortcut icon" href="squid.png">
9         <script src="squid.js"></script>
10         <script src="../js/Chart.bundle.min.js"></script>
11 </head>
12 <body onload="OnLoad();">
13 <header>
14 <div class="fill">
15 <div class="container">
16 <a id="logo" href="http://www.squid-cache.org/"><img src="squid.png" alt="Squid"></a>
17 <a id="brand" href="/squid/"></a>
18 </div>
19 </div>
20 </header>
21 <div class="main">
22 <div id="menu">
23 </div>
24 <div class="main-right">
25 <div id="report-name"></div>
26 <div id="report-dates">
27 Отчет с: <input id="date-from" type="date" onchange="UpdateDates();"> 
28 по: <input id="date-to" type="date" onchange="UpdateDates();">
29 <span id="filter">
30 Фильтр:
31 </span>
32 <button id="report-button" type="button" disabled onclick="Rerun();">Выполнить</button>
33 </div>
34 <div id="page-selector">
35 <div class="selector" onclick="Display('report-body');">Статистика</div><div class="selector" onclick="Display('report-graph')">График</div>
36 </div>
37 <div class="report-block" id="report-body">Выберите отчет из списка слева...</div>
38 <div class="report-block" id="report-graph"><canvas id="canvas"></canvas></div>
39 </div>
40 </div>
41 </body>
42 </html>