| <html> |
| <head> |
| <link rel="stylesheet" href="css/layout.default.css" type="text/css"/> |
| <link rel="stylesheet" href="css/skin.default.css" type="text/css"/> |
| </head> |
| <body> |
| <div id='background'> |
| <img id='background-image' src='assets/logo.svg'/> |
| </div> |
| |
| <div id='contents'> |
| |
| <div class='header'> |
| <img id='logo' src='assets/logo.svg'></img> |
| <div id='status'> |
| <div class='status'><span class='dynamic' id='activeFlows'>????</span><span class='static'>Flows</span></div> |
| <div class='status'><span class='dynamic' id='activeSwitches'>???</span><span class='static'>Active Switches</span></div> |
| </div> |
| <div id='lastUpdated' class='status'><span class='static'>Last updated:</span><span id='lastUpdate' class='dynamic'>Mon Mar 18 11:11:12 PDT 2013</span></div> |
| </div> |
| |
| <div id='onos'> |
| <div id='cluster-label'>ONOS Node Cluster</div> |
| <div id='controllers'></div> |
| <div id='actions'> |
| <div id='action-all' class='action'>A</div> |
| <div id='action-local' class='action'>1</div> |
| <div id='action-scale' class='action'>S</div> |
| <div id='action-reset' class='action'>R</div> |
| </div> |
| </div> |
| |
| <div id='topologyArea'> |
| <div id='svg-container'></div> |
| </div> |
| |
| <div id='selectedFlowsHeader'> |
| <div id='showFlowChooser' class='flowId'><div class='white-eye'></div></div> |
| <div class='flowId'>id</div> |
| <div class='srcDPID'>src</div> |
| <div class='dstDPID'>dst</div> |
| <div class='iperf'>iperf</div> |
| </div> |
| |
| <div id='selectedFlows'></div> |
| |
| <div id='flowChooser'></div> |
| </div> |
| <div id='confirm'> |
| <div id='confirm-background'></div> |
| <div id='confirm-panel'> |
| <div id='confirm-prompt'>A PROMPT</div> |
| <div id='confirm-buttons'> |
| <div id='confirm-ok' class='confirm-button'>OK</div> |
| <div id='confirm-cancel' class='confirm-button'>CANCEL</div> |
| </div> |
| </div> |
| </div> |
| |
| <script src="d3/d3.v3.js" charset="utf-8"></script> |
| <script src="d3/topojson.v0.min.js"></script> |
| <script src="js/async.js"></script> |
| <script src="js/debug.js"></script> |
| <script src="js/constants.js"></script> |
| <script src="js/globals.js"></script> |
| <script src="js/utils.js"></script> |
| <script src="js/model.js"></script> |
| <script src="js/controller.js"></script> |
| <script src="js/controllers.js"></script> |
| |
| <!-- choose ring or map layout --> |
| <!--script src="js/rings.js"></script--> |
| <script src="js/map.js"></script> |
| |
| <script src="js/topologyactions.js"></script> |
| <script src="js/topology.js"></script> |
| <script src="js/flows.js"></script> |
| <script src="js/init.js"></script> |
| <script src="js/app.js"></script> |
| </body> |
| |
| </html> |