github
/
portainer
mirror of https://github.com/portainer/portainer
1
0
Fork 0
Code Issues Releases Wiki Activity

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

pull/1192/head
Anthony Lapenna 2017-09-14 10:22:27 +02:00 committed by GitHub
parent 8d4807c9e7
commit f96b70841f
2 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/components/swarmVisualizer/swarmVisualizer.html
View File

@ -64,7 +64,15 @@
<div class="visualizer_container"> <div class="visualizer_container">
<div class="node" ng-repeat="node in visualizerData.nodes track by $index"> <div class="node" ng-repeat="node in visualizerData.nodes track by $index">
<div class="node_info"> <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>{{ node.Role }}</div>
</div> </div>
<div class="tasks"> <div class="tasks">

5
assets/css/app.css
View File

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