Merge pull request skydive-project#23 from eranra/fix_submariner2

adding colors to edges for submariner example

tools/csvstoskyui/data/example_submariner/Config.ts

@@ -560,11 +560,13 @@ var DefaultConfig = {
         switch (link.data.RelationType) {
             case "ipsec":
                 attrs.label = link.data.RelationType
-                attrs.classes.push('traffic')
+                attrs.classes.push("traffic")
+                attrs.classes.push('ipsec_traffic')
                 break
             case "vxlan":
                 attrs.label = link.data.RelationType
-                attrs.classes.push('traffic')
+                attrs.classes.push("traffic")
+                attrs.classes.push('vxlan_traffic')
                 break
         }
 

tools/csvstoskyui/data/example_submariner/topology.css

@@ -0,0 +1,62 @@
+.host .node-hexagon {
+  fill: #114B5F;
+}
+
+.netns .node-hexagon {
+  fill: #C6DABF;
+}
+
+.bridge .node-hexagon, .ovsbridge .node-hexagon, .port .node-hexagon, .ovsport .node-hexagon {
+  fill: #36b791;
+}
+
+.interface .node-hexagon, .device .node-hexagon, .tun .node-hexagon, .tap .node-hexagon, .veth .node-hexagon {
+  fill: #88D498;
+}
+
+.down .node-hexagon {
+  fill: rgb(163, 0, 0);
+}
+
+.host .node-icon {
+  fill: #eee;
+}
+
+.netns .node-icon {
+  fill: #444;
+}
+
+.bridge .node-icon, .ovsbridge .node-icon, .port .node-icon, .ovsport .node-icon {
+  fill: #eee;
+}
+
+.interface .node-icon, .device .node-icon, .tun .node-icon, .tap .node-icon, .veth .node-icon {
+  fill: #444;
+}
+
+.down .node-icon {
+  fill: #eee;
+}
+
+.traffic {
+  stroke-dasharray: 5;
+  animation: traffic 3s linear;
+  animation-iteration-count: infinite;
+}
+
+.ipsec_traffic {
+  stroke: #00FF11;
+  stroke-width: 5px;
+  markerWidth: 3px;
+  markerHeight: 3px;
+}
+
+.vxlan_traffic {
+  stroke: #00FFFF;
+}
+
+@keyframes traffic {
+  to {
+    stroke-dashoffset: -100;
+  }
+}

tools/csvstoskyui/do.sh

@@ -37,7 +37,10 @@ for rules_filename in data/$data_dir/*.conf; do
   mountconf_to_docker=$mountconf_to_docker" -v "$dir"/"$destjson_dir"/"$destjsonfile":/usr/src/skydive-ui/assets/"$destjsonfile
 done
 
-echo "$dir"/data/$data_dir/Config.ts
+if [[ -f "$dir"/data/$data_dir/topology.css ]]; then
+  mountconf_to_docker=$mountconf_to_docker" -v "$dir"/data/"$data_dir"/topology.css:/usr/src/skydive-ui/assets/topology.css"
+fi
+
 if [[ -f "$dir"/data/$data_dir/config.js ]]; then
   mountconf_to_docker=$mountconf_to_docker" -v "$dir"/data/"$data_dir"/config.js:/usr/src/skydive-ui/assets/config.js"
 fi