Added sample switch data, and augmented selection logic to fetch the detail data from the server.
Also used styled table for displaying properties.
diff --git a/web/gui/src/main/webapp/onos.css b/web/gui/src/main/webapp/onos.css
index 2eae797..06e5b63 100644
--- a/web/gui/src/main/webapp/onos.css
+++ b/web/gui/src/main/webapp/onos.css
@@ -189,6 +189,13 @@
* Specific structural elements
*/
+/* This is to ensure that the body does not expand to account for the
+ flyout details pane, that is positioned "off screen".
+ */
+body {
+ overflow: hidden;
+}
+
#mast {
height: 36px;
padding: 4px;
@@ -214,6 +221,7 @@
background-color: rgba(0,0,0,0.5);
padding: 10px;
color: white;
+ font-size: 10pt;
}
#flyout h2 {
@@ -221,7 +229,17 @@
color: yellow;
}
-#flyout p {
+#flyout p, table {
margin: 4px 4px;
}
+#flyout td.label {
+ font-style: italic;
+ color: #ccf;
+ padding-right: 12px;
+}
+
+#flyout td.value {
+
+}
+