Initial (v.rough) draft of ONOS UI.
Finally got something working, and need to check it in.
diff --git a/web/gui/src/main/webapp/index.html b/web/gui/src/main/webapp/index.html
index d68a706..3b0d290 100644
--- a/web/gui/src/main/webapp/index.html
+++ b/web/gui/src/main/webapp/index.html
@@ -1,13 +1,54 @@
<!DOCTYPE html>
+<!--
+ ONOS UI - single page web app
+
+ @author Simon Hunt
+ -->
<html>
<head>
<title>ONOS GUI</title>
<script src="libs/d3.min.js"></script>
<script src="libs/jquery-2.1.1.min.js"></script>
+
+ <link rel="stylesheet" href="base.css">
+ <link rel="stylesheet" href="onos.css">
+
+ <script src="onosui.js"></script>
+
</head>
<body>
- <h1>ONOS GUI</h1>
- Sort of...
+ <div id="frame">
+ <div id="mast">
+ <span class="title">
+ ONOS Web UI
+ </span>
+ <span class="right">
+ <span class="radio">[one]</span>
+ <span class="radio">[two]</span>
+ <span class="radio">[three]</span>
+ </span>
+ </div>
+ <div id="view"></div>
+ </div>
+
+ // Initialize the UI...
+ <script type="text/javascript">
+ var ONOS = $.onos({note: "config, if needed"});
+ </script>
+
+ // include module files
+ // + mast.js
+ // + nav.js
+ // + .... application views
+
+ // for now, we are just bootstrapping the network visualization
+ <script src="network.js" type="text/javascript"></script>
+
+ // finally, build the UI
+ <script type="text/javascript">
+ $(ONOS.buildUi);
+ </script>
+
</body>
-</html>
\ No newline at end of file
+</html>