Move images to its own submodule.

app/components/images/images.html

@@ -0,0 +1,33 @@
+
+<div ng-include="template" ng-controller="BuilderController"></div>
+
+<h2>Images:</h2>
+
+<ul class="nav nav-pills">
+    <li class="dropdown">
+        <a class="dropdown-toggle" id="drop4" role="button" data-toggle="dropdown" data-target="#">Actions <b class="caret"></b></a>
+        <ul id="menu1" class="dropdown-menu" role="menu" aria-labelledby="drop4">
+            <li><a tabindex="-1" href="" ng-click="removeAction()">Remove</a></li>
+        </ul>
+    </li>
+</ul>
+<table class="table table-striped">
+    <thead>
+        <tr>
+            <th><input type="checkbox" ng-model="toggle" ng-change="toggleSelectAll()" /> Action</th>
+            <th>Id</th>
+            <th>Repository</th>
+            <th>VirtualSize</th>
+            <th>Created</th>
+        </tr>
+    </thead>
+    <tbody>
+        <tr ng-repeat="image in images | orderBy:predicate">
+            <td><input type="checkbox" ng-model="image.Checked" /></td>
+            <td><a href="#/images/{{ image.Id }}/?tag={{ image|repotag }}">{{ image.Id|truncate:20}}</a></td>
+            <td>{{ image|repotag }}</td>
+            <td>{{ image.VirtualSize|humansize }}</td>
+            <td>{{ image.Created|getdate }}</td>
+        </tr>
+    </tbody>
+</table>

app/components/images/imagesController.js

@@ -0,0 +1,52 @@
+angular.module('images', [])
+.controller('ImagesController', ['$scope', 'Image', 'ViewSpinner', 'Messages',
+function($scope, Image, ViewSpinner, Messages) {
+    $scope.toggle = false;
+    $scope.predicate = '-Created';
+
+    $scope.showBuilder = function() {
+        $('#build-modal').modal('show');
+    };
+
+    $scope.removeAction = function() {
+        ViewSpinner.spin();
+        var counter = 0;
+        var complete = function() {
+           counter = counter - 1;
+           if (counter === 0) {
+                ViewSpinner.stop();
+           }
+        };
+        angular.forEach($scope.images, function(i) {
+            if (i.Checked) {
+                counter = counter + 1;
+                Image.remove({id: i.Id}, function(d) {
+                   angular.forEach(d, function(resource) {
+                       Messages.send("Image deleted", resource.Deleted);
+                   });
+                   var index = $scope.images.indexOf(i);
+                   $scope.images.splice(index, 1);
+                   complete();
+                }, function(e) {
+                   Messages.error("Failure", e.data);
+                   complete();
+                });
+            }
+        });
+    };
+
+    $scope.toggleSelectAll = function() {
+        angular.forEach($scope.images, function(i) {
+            i.Checked = $scope.toggle;
+        });
+    };
+
+    ViewSpinner.spin();
+    Image.query({}, function(d) {
+        $scope.images = d.map(function(item) { return new ImageViewModel(item); });
+        ViewSpinner.stop();
+    }, function (e) {
+        Messages.error("Failure", e.data);
+        ViewSpinner.stop();
+    });
+}]);