quay/static/js/pages/image-view.js

(function() {
  /**
   * Page to view the details of a single image.
   */
  angular.module('quayPages').config(['pages', function(pages) {
    pages.create('image-view', 'image-view.html', ImageViewCtrl, {
      'newLayout': true,
      'title': '{{ image.id }}',
      'description': 'Image {{ image.id }}'
    })
  }]);

  function ImageViewCtrl($scope, $routeParams, $rootScope, $timeout, ApiService, ImageMetadataService, VulnerabilityService, Features) {
    var namespace = $routeParams.namespace;
    var name = $routeParams.name;
    var imageid = $routeParams.image;

    $scope.options = {
      'vulnFilter': '',
      'packageFilter': ''
    };

    var loadImage = function() {
      var params = {
        'repository': namespace + '/' + name,
        'image_id': imageid
      };

      $scope.imageResource = ApiService.getImageAsResource(params).get(function(image) {
        $scope.image = image;
        $scope.reversedHistory = image.history.reverse();
      });
    };

    var loadRepository = function() {
      var params = {
        'repository': namespace + '/' + name
      };

      $scope.repositoryResource = ApiService.getRepoAsResource(params).get(function(repo) {
        $scope.repository = repo;
      });
    };

    loadImage();
    loadRepository();

    $scope.downloadPackages = function() {
      if (!Features.SECURITY_SCANNER || $scope.packagesResource) { return; }

      var params = {
        'repository': namespace + '/' + name,
        'imageid': imageid
      };

      $scope.packagesResource = ApiService.getRepoImagePackagesAsResource(params).get(function(packages) {
        $scope.packages = packages;
        return packages;
      });
    };

    $scope.loadImageVulnerabilities = function() {
      if (!Features.SECURITY_SCANNER || $scope.vulnerabilitiesResource) { return; }

      $scope.VulnerabilityLevels = VulnerabilityService.getLevels();

      var params = {
        'repository': namespace + '/' + name,
        'imageid': imageid
      };

      $scope.vulnerabilitiesResource = ApiService.getRepoImageVulnerabilitiesAsResource(params).get(function(resp) {
        $scope.vulnerabilityInfo = resp;
        $scope.vulnerabilities = [];

        if (resp.data && resp.data.Vulnerabilities) {
          resp.data.Vulnerabilities.forEach(function(vuln) {
            vuln_copy = jQuery.extend({}, vuln);
            vuln_copy['index'] = VulnerabilityService.LEVELS[vuln['Priority']]['index'];
            $scope.vulnerabilities.push(vuln_copy);
          });
        }

        return resp;
      });
    };

    $scope.downloadChanges = function() {
      if ($scope.changesResource) { return; }

      var params = {
        'repository': namespace + '/' + name,
        'image_id': imageid
      };

      $scope.changesResource = ApiService.getImageChangesAsResource(params).get(function(changes) {
        var combinedChanges = [];
        var addCombinedChanges = function(c, kind) {
          for (var i = 0;  i < c.length; ++i) {
            combinedChanges.push({
              'kind': kind,
              'file': c[i]
            });
          }
        };

        addCombinedChanges(changes.added, 'added');
        addCombinedChanges(changes.removed, 'removed');
        addCombinedChanges(changes.changed, 'changed');

        $scope.combinedChanges = combinedChanges;
        $scope.imageChanges = changes;
        $scope.initializeTree();
      });
    };

    $scope.initializeTree = function() {
      if ($scope.tree || !$scope.combinedChanges.length) { return; }

      $scope.tree = new ImageFileChangeTree($scope.image, $scope.combinedChanges);
      $timeout(function() {
        $scope.tree.draw('changes-tree-container');
      }, 100);
    };
  }
})();