| tom | 0eb04ca | 2014-08-25 14:34:51 -0700 | [diff] [blame] | 1 | <!DOCTYPE html> |
| Simon Hunt | 0b05d4a | 2014-10-21 21:50:15 -0700 | [diff] [blame^] | 2 | <!-- |
| 3 | ONOS UI - single page web app |
| 4 | |
| 5 | @author Simon Hunt |
| 6 | --> |
| tom | 0eb04ca | 2014-08-25 14:34:51 -0700 | [diff] [blame] | 7 | <html> |
| 8 | <head> |
| 9 | <title>ONOS GUI</title> |
| Simon Hunt | 8bca74f | 2014-10-15 16:56:55 -0700 | [diff] [blame] | 10 | |
| 11 | <script src="libs/d3.min.js"></script> |
| 12 | <script src="libs/jquery-2.1.1.min.js"></script> |
| Simon Hunt | 0b05d4a | 2014-10-21 21:50:15 -0700 | [diff] [blame^] | 13 | |
| 14 | <link rel="stylesheet" href="base.css"> |
| 15 | <link rel="stylesheet" href="onos.css"> |
| 16 | |
| 17 | <script src="onosui.js"></script> |
| 18 | |
| tom | 0eb04ca | 2014-08-25 14:34:51 -0700 | [diff] [blame] | 19 | </head> |
| 20 | <body> |
| Simon Hunt | 0b05d4a | 2014-10-21 21:50:15 -0700 | [diff] [blame^] | 21 | <div id="frame"> |
| 22 | <div id="mast"> |
| 23 | <span class="title"> |
| 24 | ONOS Web UI |
| 25 | </span> |
| 26 | <span class="right"> |
| 27 | <span class="radio">[one]</span> |
| 28 | <span class="radio">[two]</span> |
| 29 | <span class="radio">[three]</span> |
| 30 | </span> |
| 31 | </div> |
| 32 | <div id="view"></div> |
| 33 | </div> |
| 34 | |
| 35 | // Initialize the UI... |
| 36 | <script type="text/javascript"> |
| 37 | var ONOS = $.onos({note: "config, if needed"}); |
| 38 | </script> |
| 39 | |
| 40 | // include module files |
| 41 | // + mast.js |
| 42 | // + nav.js |
| 43 | // + .... application views |
| 44 | |
| 45 | // for now, we are just bootstrapping the network visualization |
| 46 | <script src="network.js" type="text/javascript"></script> |
| 47 | |
| 48 | // finally, build the UI |
| 49 | <script type="text/javascript"> |
| 50 | $(ONOS.buildUi); |
| 51 | </script> |
| 52 | |
| tom | 0eb04ca | 2014-08-25 14:34:51 -0700 | [diff] [blame] | 53 | </body> |
| Simon Hunt | 0b05d4a | 2014-10-21 21:50:15 -0700 | [diff] [blame^] | 54 | </html> |