first pass at flow chooser and flow display in topology view
diff --git a/web/ons-demo/css/layout.default.css b/web/ons-demo/css/layout.default.css
index b9a5ebe..fae757d 100644
--- a/web/ons-demo/css/layout.default.css
+++ b/web/ons-demo/css/layout.default.css
@@ -33,16 +33,44 @@
}
#selectedFlows {
- height: 5em;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
}
-/* tmp */
-#selectedFlows {
+.selectedFlow {
display: -webkit-box;
- -webkit-box-align: center;
- -webkit-box-pack: center;
}
+#selectedFlowsHeader {
+ display: -webkit-box;
+}
+
+.flowIndex {
+ width: 1.5em;
+}
+
+.flowId {
+ width: 5em;
+}
+
+.srcDPID, .dstDPID {
+ width: 20em;
+}
+
+.iperf {
+ width: 100%;
+ -webkit-box-flex: 1.0;
+}
+
+.selectedFlow {
+ border-bottom: 1px solid white;
+}
+
+.selectedFlow:last-child {
+ border-bottom: none;
+}
+
+
#controllers {
display: -webkit-box;
-webkit-box-orient: vertical;
diff --git a/web/ons-demo/css/skin.default.css b/web/ons-demo/css/skin.default.css
index d3a9e61..dd1ed8e 100644
--- a/web/ons-demo/css/skin.default.css
+++ b/web/ons-demo/css/skin.default.css
@@ -67,6 +67,38 @@
border-bottom: 1px solid white;
}
+.selectedFlow {
+ height: 2em;
+ color: white;
+ background-color: black;
+}
+
+.selectedFlow.selected {
+ color: black;
+ background-color:#AAA;
+}
+
+path.flow {
+ fill: none;
+ stroke-width: 3px;
+ stroke: white;
+}
+
+#selectedFlowsHeader {
+ border-top: 1px solid white;
+}
+
+.flowIndex, .flowId, .srcDPID, .dstDPID, .iperf {
+ display: -webkit-box;
+ -webkit-box-pack: center;
+ -webkit-box-align: center;
+}
+
+.flowIndex, .flowId, .srcDPID, .dstDPID {
+ border-right: 1px solid white;
+}
+
+
#controllers {
border-right: 1px solid white;
}