Optionally include stopped containers

app/components/containersNetwork/containersNetwork.html

@@ -15,6 +15,7 @@
             <button class="btn btn-info" ng-click="network.showSelectedUpstream()">Show Selected Upstream</button>
             <button class="btn btn-success" ng-click="network.showAll()">Show All</button>
         </div>
+	<input type="checkbox" ng-model="includeStopped" id="includeStopped" ng-change="toggleIncludeStopped()"/> <label for="includeStopped">Include stopped containers</label>
     </div>
     <div class="row">
         <vis-network data="network.data" options="network.options" events="network.events"

app/components/containersNetwork/containersNetworkController.js

@@ -41,7 +41,9 @@ angular.module('containersNetwork', ['ngVis'])
                 title: "<ul style=\"list-style-type:none; padding: 0px; margin: 0px\">" +
                     "<li><strong>ID:</strong> " + container.Id + "</li>" +
                     "<li><strong>Image:</strong> " + container.Image + "</li>" +
-                     "</ul>"});
+                    "</ul>",
+		color: (container.State.Running ? null : "gray")
+	    });
         };
 
         this.addLinkEdgeIfExists = function(from, to) {
@@ -240,10 +242,19 @@ angular.module('containersNetwork', ['ngVis'])
         $scope.network.addContainer(container);
     };
 
-    Container.query({all: 0}, function(d) {
-        for (var i = 0; i < d.length; i++) {
-            Container.get({id: d[i].Id}, addContainer, showFailure);
-        }
-    });
-
+    var update = function (data) {
+        Container.query(data, function(d) {
+            for (var i = 0; i < d.length; i++) {
+		Container.get({id: d[i].Id}, addContainer, showFailure);
+            }
+	});
+    };
+    update({all: 0});
+    
+    $scope.includeStopped = false;
+    $scope.toggleIncludeStopped = function() {
+	$scope.network.updateShownContainers([]);
+	update({all: $scope.includeStopped ? 1 : 0});
+    };
+    
 }]);