portainer/app/components/image/imageController.js

angular.module('image', [])
    .controller('ImageController', ['$scope', '$q', '$routeParams', '$location', 'Image', 'Container', 'Messages', 'LineChart',
        function ($scope, $q, $routeParams, $location, Image, Container, Messages, LineChart) {
            $scope.history = [];
            $scope.tagInfo = {repo: '', version: '', force: false};
            $scope.id = '';
            $scope.repoTags = [];

            $scope.removeImage = function (id) {
                Image.remove({id: id}, function (d) {
                    d.forEach(function(msg){
                        var key = Object.keys(msg)[0];
                        Messages.send(key, msg[key]);
                    });
                    // If last message key is 'Deleted' then assume the image is gone and send to images page
                    if (d[d.length-1].Deleted) {
                        $location.path('/images');
                    } else {
                        $location.path('/images/' + $scope.id); // Refresh the current page.
                    }
                }, function (e) {
                    $scope.error = e.data;
                    $('#error-message').show();
                });
            };

            $scope.getHistory = function () {
                Image.history({id: $routeParams.id}, function (d) {
                    $scope.history = d;
                });
            };

            $scope.addTag = function () {
                var tag = $scope.tagInfo;
                Image.tag({
                    id: $routeParams.id,
                    repo: tag.repo,
                    tag: tag.version,
                    force: tag.force ? 1 : 0
                }, function (d) {
                    Messages.send("Tag Added", $routeParams.id);
                    $location.path('/images/' + $scope.id);
                }, function (e) {
                    $scope.error = e.data;
                    $('#error-message').show();
                });
            };

            function getContainersFromImage($q, Container, imageId) {
                var defer = $q.defer();

                Container.query({all: 1, notruc: 1}, function (d) {
                    var containers = [];
                    for (var i = 0; i < d.length; i++) {
                        var c = d[i];
                        if (c.ImageID === imageId) {
                            containers.push(new ContainerViewModel(c));
                        }
                    }
                    defer.resolve(containers);
                });

                return defer.promise;
            }

            /**
             * Get RepoTags from the /images/query endpoint instead of /image/json,
             * for backwards compatibility with Docker API versions older than 1.21
             * @param {string} imageId
             */
            function getRepoTags(imageId) {
                Image.query({}, function (d) {
                    d.forEach(function(image) {
                        if (image.Id === imageId && image.RepoTags[0] !== '<none>:<none>') {
                            $scope.RepoTags = image.RepoTags;
                        }
                    });
                });
            }

            Image.get({id: $routeParams.id}, function (d) {
                $scope.image = d;
                $scope.id = d.Id;
                if (d.RepoTags) {
                    $scope.RepoTags = d.RepoTags;
                } else {
                    getRepoTags($scope.id);
                }

                getContainersFromImage($q, Container, $scope.id).then(function (containers) {
                    LineChart.build('#containers-started-chart', containers, function (c) {
                        return new Date(c.Created * 1000).toLocaleDateString();
                    });
                });
            }, function (e) {
                if (e.status === 404) {
                    $('.detail').hide();
                    $scope.error = "Image not found.<br />" + $routeParams.id;
                } else {
                    $scope.error = e.data;
                }
                $('#error-message').show();
            });

            $scope.getHistory();
        }]);