feat(swarm-visualizer): add a platform icon next to node name (#1191)

app/components/swarmVisualizer/swarmVisualizer.html

@@ -64,7 +64,15 @@
         <div class="visualizer_container">
           <div class="node" ng-repeat="node in visualizerData.nodes track by $index">
             <div class="node_info">
-              <div><b>{{ node.Hostname }}</b></div>
+              <div>
+                <div>
+                  <b>{{ node.Hostname }}</b>
+                  <span class="node_platform">
+                    <i class="fa fa-linux" aria-hidden="true" ng-if="node.PlatformOS === 'linux'"></i>
+                    <i class="fa fa-windows" aria-hidden="true" ng-if="node.PlatformOS === 'windows'"></i>
+                  </span>
+                </div>
+              </div>
               <div>{{ node.Role }}</div>
             </div>
             <div class="tasks">

assets/css/app.css

@@ -500,6 +500,11 @@ ul.sidebar .sidebar-list .sidebar-sublist a.active {
   padding-bottom: 10px;
 }
 
+.visualizer_container .node .node_info .node_platform {
+  margin-left: 2px;
+  font-size: 16px;
+}
+
 .visualizer_container .node .tasks {
   display: flex;
   flex-direction: column;