From f96b70841f2e5e0395a63ffee0740b84d6f2fe95 Mon Sep 17 00:00:00 2001
From: Anthony Lapenna <lapenna.anthony@gmail.com>
Date: Thu, 14 Sep 2017 10:22:27 +0200
Subject: [PATCH] feat(swarm-visualizer): add a platform icon next to node name
 (#1191)

---
 app/components/swarmVisualizer/swarmVisualizer.html | 10 +++++++++-
 assets/css/app.css                                  |  5 +++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/app/components/swarmVisualizer/swarmVisualizer.html b/app/components/swarmVisualizer/swarmVisualizer.html
index 373f9f899..2d71cb53b 100644
--- a/app/components/swarmVisualizer/swarmVisualizer.html
+++ b/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">
diff --git a/assets/css/app.css b/assets/css/app.css
index 74964a26b..5a4d2d88a 100644
--- a/assets/css/app.css
+++ b/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;