diff --git a/app/docker/views/swarm/visualizer/swarmVisualizerController.js b/app/docker/views/swarm/visualizer/swarmVisualizerController.js index 761ea1228..d811477bd 100644 --- a/app/docker/views/swarm/visualizer/swarmVisualizerController.js +++ b/app/docker/views/swarm/visualizer/swarmVisualizerController.js @@ -5,6 +5,7 @@ function ($q, $scope, $document, $interval, NodeService, ServiceService, TaskSer $scope.state = { ShowInformationPanel: true, DisplayOnlyRunningTasks: false, + DisplayNodeLabels: false, refreshRate: '5' }; @@ -22,6 +23,11 @@ function ($q, $scope, $document, $interval, NodeService, ServiceService, TaskSer LocalStorage.storeSwarmVisualizerSettings('display_only_running_tasks', value); }; + $scope.changeDisplayNodeLabels = function() { + var value = $scope.state.DisplayNodeLabels; + LocalStorage.storeSwarmVisualizerSettings('display_node_labels', value); +}; + $scope.changeUpdateRepeater = function() { stopRepeater(); setUpdateRepeater(); @@ -110,6 +116,10 @@ function ($q, $scope, $document, $interval, NodeService, ServiceService, TaskSer if (displayOnlyRunningTasks !== undefined && displayOnlyRunningTasks !== null) $scope.state.DisplayOnlyRunningTasks = displayOnlyRunningTasks; + var displayNodeLabels = LocalStorage.getSwarmVisualizerSettings('display_node_labels'); + if (displayNodeLabels !== undefined && displayNodeLabels !== null) + $scope.state.DisplayNodeLabels = displayNodeLabels; + var refreshRate = LocalStorage.getSwarmVisualizerSettings('refresh_rate'); if (refreshRate !== undefined && refreshRate !== null) $scope.state.refreshRate = refreshRate; diff --git a/app/docker/views/swarm/visualizer/swarmvisualizer.html b/app/docker/views/swarm/visualizer/swarmvisualizer.html index 8851ac41c..79d2318c9 100644 --- a/app/docker/views/swarm/visualizer/swarmvisualizer.html +++ b/app/docker/views/swarm/visualizer/swarmvisualizer.html @@ -37,7 +37,7 @@
- Filters + Options
@@ -48,6 +48,14 @@
+
+ + +
@@ -95,6 +103,17 @@
CPU: {{ node.CPUs / 1000000000 }}
Memory: {{ node.Memory|humansize: 2 }}
{{ node.Status }}
+
+
Labels
+
+ + {{ label.key }} + + + = {{ label.value }} + +
+
diff --git a/assets/css/app.css b/assets/css/app.css index f397a0a2f..44ce2625d 100644 --- a/assets/css/app.css +++ b/assets/css/app.css @@ -718,6 +718,17 @@ ul.sidebar .sidebar-list .sidebar-sublist a.active { font-size: 16px; } +.visualizer_container .node .node_info .node_labels { + border-top: 1px solid #777; + padding-top: 10px; + margin-top: 10px; +} + +.visualizer_container .node .node_info .node_label { + font-style: italic; + color: #787878; +} + .visualizer_container .node .tasks { display: flex; flex-direction: column;