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 <button onclick="DateLeft();">&larr;</button><button onclick="DateRight();">&rarr;</button>
  30 <span id="filter">
  31 Фильтр:
  32 </span>
  33 <button id="report-button" type="button" disabled onclick="Rerun();">Выполнить</button>
  34 </div>
  35 <div id="page-selector">
  36 <div class="selector" onclick="Display('report-body');">Статистика</div><div class="selector" onclick="Display('report-graph')">График</div>
  37 </div>
  38 <div class="report-block" id="report-body">Выберите отчет из списка слева...</div>
  39 <div class="report-block" id="report-graph"><canvas id="canvas"></canvas></div>
  40 </div>
  41 </div>
  42 </body>
  43 </html>