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%>
22 <div class="tabGroup">
23 <input type="radio" id="port-stats" name="tabGroup1" class="port-stats" checked="checked" />
24 <label for="port-stats">Port</label>
26 <input type="radio" id="flow-stats" name="tabGroup1" class="flow-stats" />
27 <label for="flow-stats">Flow</label>
31 <div class="port-stats">
33 <h2>Port Statistics</h2>
34 <button style="float:right;" type="submit" class="pure-button
35 pure-button-primary" onclick="stopPortStatsTableRefresh()">Stop refresh</button>
37 <table class="pure-table pure-table-bordered">
40 <th rowspan="2">Switch</th>
41 <th rowspan="2">Port</th>
42 <th colspan="4">Receive counters</th>
43 <th colspan="4">Transmit counters</th>
56 <tbody id="port-stats-data">
61 <div class="flow-stats">
62 <h2>Flow Statistics</h2>
63 <button style="float:right;" type="submit" class="pure-button
64 pure-button-primary" onclick="stopFlowStatsTableRefresh()">Stop refresh</button>
66 <table class="pure-table pure-table-bordered">
69 <th rowspan="2">Switch</th>
70 <th rowspan="2">In port</th>
71 <th colspan="3">MAC Src</th>
72 <th colspan="3">IP Src</th>
73 <th colspan="2">Transport</th>
74 <th rowspan="2">Out port</th>
75 <th rowspan="2">Duration (secs)</th>
76 <th rowspan="2">Packets</th>
77 <th rowspan="2">Bytes</th>
90 <tbody id="flow-stats-data">
99 <script src="/js/jquery.min.js"></script>
100 <script src="/js/utils.js"></script>
101 <script src="/js/port-stats.js"></script>
102 <script src="/js/flow-stats.js"></script>
106 <%include ../../partials/footer%>