<!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>
</head>
-
<body>
- <header>
- <%include ../../partials/header%>
- </header>
- <div id="layout">
-
- <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>
-
+<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" 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>
</body>
-<footer>
- <%include ../../partials/footer%>
-</footer>
-
-
-</html>
\ No newline at end of file
+</html>