7 <link rel="stylesheet" type="text/css" href="/styles/main.css" />
8 <%include ../../partials/head%>
9 <!-- aqui van los estilos externos (a ser borrados) -->
10 <link rel="stylesheet" href="/styles/pure-min-0.5.0.css">
11 <link rel="stylesheet" href="/styles/font-awesome.min.css">
12 <link rel="stylesheet" href="/styles/pure-custom.css">
17 <%include ../../partials/header%>
21 <div class="pure-menu pure-menu-open">
24 <a href="/web/index.html">Topology
25 <i class="fa fa-home"></i></a>
27 <li class="menu-item-divided pure-menu-selected">
28 <a href="/web/stats.html">Statistics
29 <i class="fa fa-bar-chart-o"></i></a>
32 <a href="/web/tap.html">Manage Tap
33 <i class="fa fa-edit"></i>
36 <a href="/web/loadbalancer.html">Load balancer
37 <i class="fa fa-sitemap"></i></a>
44 <div class="tabGroup">
45 <input type="radio" id="port-stats" name="tabGroup1" class="port-stats" checked="checked" />
46 <label for="port-stats">Port</label>
48 <input type="radio" id="flow-stats" name="tabGroup1" class="flow-stats" />
49 <label for="flow-stats">Flow</label>
53 <div class="port-stats">
55 <h2>Port Statistics</h2>
56 <button style="float:right;" type="submit" class="pure-button
57 pure-button-primary" onclick="stopPortStatsTableRefresh()">Stop refresh</button>
59 <table class="pure-table pure-table-bordered">
62 <th rowspan="2">Switch</th>
63 <th rowspan="2">Port</th>
64 <th colspan="4">Receive counters</th>
65 <th colspan="4">Transmit counters</th>
78 <tbody id="port-stats-data">
83 <div class="flow-stats">
84 <h2>Flow Statistics</h2>
85 <button style="float:right;" type="submit" class="pure-button
86 pure-button-primary" onclick="stopFlowStatsTableRefresh()">Stop refresh</button>
88 <table class="pure-table pure-table-bordered">
91 <th rowspan="2">Switch</th>
92 <th rowspan="2">In port</th>
93 <th colspan="3">MAC Src</th>
94 <th colspan="3">IP Src</th>
95 <th colspan="2">Transport</th>
96 <th rowspan="2">Out port</th>
97 <th rowspan="2">Duration (secs)</th>
98 <th rowspan="2">Packets</th>
99 <th rowspan="2">Bytes</th>
112 <tbody id="flow-stats-data">
121 <script src="/js/jquery.min.js"></script>
122 <script src="/js/utils.js"></script>
123 <script src="/js/port-stats.js"></script>
124 <script src="/js/flow-stats.js"></script>
128 <%include ../../partials/footer%>