logviewer/static/channels.html

   1 <html>
   2 <head>
   3 <title>Kismet</title>
   4
   5 <script src="js/msgpack.js"></script>
   6 <script src="js/jquery-3.1.0.min.js"></script>
   7 <script src="js/jquery.ajax.binary.js"></script>
   8 <script src="js/kismet.utils.js"></script>
   9 <script src="js/kismet.ui.js"></script>
  10 <script src="js/kismet.ui.channelgraph.js"></script>
  11 <script src="js/jquery.dataTables.min.js"></script>
  12 <script src="js/d3.v3.min.js" charset="utf-8"></script>
  13
  14 <link rel="stylesheet" href="css/font-awesome.min.css">
  15 <link rel="stylesheet" type="text/css" href="css/reset.css" media="screen" />
  16 <link rel="stylesheet" type="text/css" href="css/text.css" media="screen" />
  17 <link rel="stylesheet" type="text/css" href="css/grid.css" media="screen" />
  18 <link rel="stylesheet" type="text/css" href="css/layout.css" media="screen" />
  19 <link rel="stylesheet" type="text/css" href="css/nav.css" media="screen" />
  20 <!--[if IE 6]><link rel="stylesheet" type="text/css" href="css/ie6.css" media="screen" /><![endif]-->
  21 <!--[if IE 7]><link rel="stylesheet" type="text/css" href="css/ie.css" media="screen" /><![endif]-->
  22 <link rel="stylesheet" href="css/jquery.dataTables.min.css"/>
  23
  24 <script>
  25
  26 $(document).ready(function() {
  27     kismet_ui.BatteryUi($("#batspinner"), $("#batpower"), $("#battime"));
  28
  29     kismet_ui_channelgraph.ChannelSignalGraph("#channel_container", 600, 200);
  30
  31 });
  32
  33 </script>
  34
  35 <style type="text/css">
  36 rect {
  37     -moz-transition: all 0.3s;
  38     -o-transition: all 0.3s;
  39     -webkit-transition: all 0.3s;
  40     transition: all 0.3s;
  41 }
  42
  43 rect:hover {
  44     fill: orange;
  45 }
  46
  47
  48 </style>
  49
  50 </head>
  51 <body>
  52
  53     <div class="container_16">
  54         <div class="grid_16">
  55             <div class="box">
  56                 <h2>Kismet</h2>
  57                 <div style="text-align: right;"><span id="battime">00:11:22</span> <a href="#"><img id="batpower" src="/img/icon_battery_0.svg" style="width: 2em; height: auto; align: right; vertical-align: middle;"></a></div>
  58                 <i id="batspinner" class="fa fa-refresh fa-spin"></i>
  59             </div>
  60         </div>
  61
  62         <div class="clear"></div>
  63
  64         <div class="grid_16">
  65             <div class="box">
  66                 <h2>Channels (last seen dBm per channel)</h2>
  67
  68                 <div id="channel_container" class="fill">
  69
  70                 </div>
  71
  72             </div>
  73         </div>
  74
  75         <div class="clear"></div>
  76
  77         <div class="grid_16" id="site_info">
  78             <div class="box">
  79                 <p>Powered by many open source JS components, look at the <a href="/credit.html">credits page</a>
  80             </div>
  81         </div>
  82     </div>
  83
  84 </body>
  85 </html>