<!DOCTYPE html>
-
+<meta charset="utf-8">
<html>
-
<head>
- <title></title>
- <link rel="stylesheet" type="text/css" href="/styles/main.css" />
- <%include ../../partials/head%>
- <!-- aqui van los estilos externos (a ser borrados) -->
- <link rel="stylesheet" href="/styles/pure-min-0.5.0.css">
- <link rel="stylesheet" href="/styles/font-awesome.min.css">
- <link rel="stylesheet" href="/styles/pure-custom.css">
+ <title>Tablas de flujo</title>
+ <link rel="stylesheet" type="text/css" href="styles\style.css?v2">
+ <link rel="stylesheet" type="text/css" href="styles\table.css?v2">
+ <link rel="stylesheet" type="text/css" href="styles\frames.css?v1">
+ <link rel="stylesheet" type="text/css" href="styles\tabs.css?v1">
+ <link rel="stylesheet" type="text/css" href="styles\menu.css?v2">
+ <script src="js\topology\jquery-3.3.1.min.js"></script>
+ <title></title>
+ <link rel="stylesheet" type="text/css" href="/styles/main.css" />
+ <%include ../../partials/head%>
</head>
-
<body>
- <header>
- <%include ../../partials/header%>
- </header>
- <div id="layout">
- <div id="menu">
- <div class="pure-menu pure-menu-open">
- <ul>
- <li class=" ">
- <a href="/web/index.html">Topology
- <i class="fa fa-home"></i></a>
- </li>
- <li class="menu-item-divided pure-menu-selected">
- <a href="/web/stats.html">Statistics
- <i class="fa fa-bar-chart-o"></i></a>
- </li>
- <li class=" ">
- <a href="/web/tap.html">Manage Tap
- <i class="fa fa-edit"></i>
- </a></li>
- <li class=" ">
- <a href="/web/loadbalancer.html">Load balancer
- <i class="fa fa-sitemap"></i></a>
- </li>
- </ul>
- </div>
- </div>
-
- <div id="main">
- <div class="tabGroup">
- <input type="radio" id="port-stats" name="tabGroup1" class="port-stats" checked="checked" />
- <label for="port-stats">Port</label>
-
- <input type="radio" id="flow-stats" name="tabGroup1" class="flow-stats" />
- <label for="flow-stats">Flow</label>
-
- <br />
-
- <div class="port-stats">
-
- <h2>Port Statistics</h2>
- <button style="float:right;" type="submit" class="pure-button
- pure-button-primary" onclick="stopPortStatsTableRefresh()">Stop refresh</button>
-
- <table class="pure-table pure-table-bordered">
- <thead>
- <tr>
- <th rowspan="2">Switch</th>
- <th rowspan="2">Port</th>
- <th colspan="4">Receive counters</th>
- <th colspan="4">Transmit counters</th>
- </tr>
- <tr>
- <th>Rx packets</th>
- <th>Rx bytes</th>
- <th>Rx dropped</th>
- <th>Rx errors</th>
- <th>Tx packets</th>
- <th>Tx bytes</th>
- <th>Tx dropped</th>
- <th>Tx errors</th>
- </tr>
- </thead>
- <tbody id="port-stats-data">
- </tbody>
- </table>
- </div>
-
- <div class="flow-stats">
- <h2>Flow Statistics</h2>
- <button style="float:right;" type="submit" class="pure-button
- pure-button-primary" onclick="stopFlowStatsTableRefresh()">Stop refresh</button>
-
- <table class="pure-table pure-table-bordered">
- <thead>
- <tr>
- <th rowspan="2">Switch</th>
- <th rowspan="2">In port</th>
- <th colspan="3">MAC Src</th>
- <th colspan="3">IP Src</th>
- <th colspan="2">Transport</th>
- <th rowspan="2">Out port</th>
- <th rowspan="2">Duration (secs)</th>
- <th rowspan="2">Packets</th>
- <th rowspan="2">Bytes</th>
- </tr>
- <tr>
- <th>Src</th>
- <th>Dst</th>
- <th>Type</th>
- <th>Src</th>
- <th>Dst</th>
- <th>Type</th>
- <th>Src port</th>
- <th>Dst port</th>
- </tr>
- </thead>
- <tbody id="flow-stats-data">
- </tbody>
- </table>
- </div>
- </div>
- </div><!-- main -->
- </div>
- <!--layout -->
-
- <script src="/js/jquery.min.js"></script>
- <script src="/js/utils.js"></script>
- <script src="/js/port-stats.js"></script>
- <script src="/js/flow-stats.js"></script>
-
+ <header>
+ <%include ../../partials/header%>
+ </header>
+<div class="container_16">
+ <!-- <div id="header" class="grid_16"> -->
+ <h1>Flow Tables</h1>
+ <button type="button" name="refresh" class="refresh">Refresh</button>
+ <button type="button" onclick="resetflows()">Reset Flows</button>
+
+ <!--button type="button" name="refresh" class="reficon"><i class="fa fa-refresh"></i></button-->
+ <!-- </div> -->
+ <!-- <div id="menu" class="grid_2"></div> -->
+ <div id="main" class="grid_14"></div>
+ <div id="snackbar"></div>
+</div>
+<!-- <script src="js\mainmenu.js"></script> -->
+<script src="js\topology\common.js?v2"></script>
+<script src="js\topology\flowtables.js?v2"></script>
+<script>
+ function resetflows() {
+ let xhr = new XMLHttpRequest();
+ xhr.open('GET', '/resetflows', true);
+ xhr.onload = function() {
+ if (xhr.status == 200) {
+ displayMessage(xhr.response)
+ }
+ }
+ xhr.send();
+
+ }
+
+</script>
</body>
<footer>
<%include ../../partials/footer%>
</footer>
-
-
-</html>
\ No newline at end of file
+</html>