Merge branch 'tagyourit'

static/js/app.js

@@ -425,6 +425,8 @@ quayApp = angular.module('quay', quayDependencies, function($provide, cfpLoading
           'role': 'th-large',
           'original_role': 'th-large',
           'application_name': 'cloud',
+          'image': 'archive',
+          'original_image': 'archive',
           'client_id': 'chain'
         };
 
@@ -436,6 +438,9 @@ quayApp = angular.module('quay', quayDependencies, function($provide, cfpLoading
         for (var key in metadata) {
           if (metadata.hasOwnProperty(key)) {
             var value = metadata[key] != null ? metadata[key].toString() : '(Unknown)';
+            if (key.indexOf('image') >= 0) {
+              value = value.substr(0, 12);
+            }
             var markedDown = getMarkedDown(value);
             markedDown = markedDown.substr('<p>'.length, markedDown.length - '<p></p>'.length);
 
@@ -2133,6 +2138,8 @@ quayApp.directive('logsView', function () {
             }
           },
           'delete_tag': 'Tag {tag} deleted in repository {repo} by user {username}',
+          'create_tag': 'Tag {tag} created in repository {repo} on image {image} by user {username}',
+          'move_tag': 'Tag {tag} moved from image {original_image} to image {image} in repository {repo} by user {username}',
           'change_repo_visibility': 'Change visibility for repository {repo} to {visibility}',
           'add_repo_accesstoken': 'Create access token {token} in repository {repo}',
           'delete_repo_accesstoken': 'Delete access token {token} in repository {repo}',
@@ -2212,6 +2219,8 @@ quayApp.directive('logsView', function () {
         'set_repo_description': 'Change repository description',
         'build_dockerfile': 'Build image from Dockerfile',
         'delete_tag': 'Delete Tag',
+        'create_tag': 'Create Tag',
+        'move_tag': 'Move Tag',
         'org_create_team': 'Create team',
         'org_delete_team': 'Delete team',
         'org_add_team_member': 'Add team member',
@@ -4522,6 +4531,121 @@ quayApp.directive('dockerfileBuildForm', function () {
 });
 
 
+quayApp.directive('tagSpecificImagesView', function () {
+  var directiveDefinitionObject = {
+    priority: 0,
+    templateUrl: '/static/directives/tag-specific-images-view.html',
+    replace: false,
+    transclude: true,
+    restrict: 'C',
+    scope: {
+      'repository': '=repository',
+      'tag': '=tag',
+      'images': '=images'
+    },
+    controller: function($scope, $element) {
+      $scope.getFirstTextLine = getFirstTextLine;
+
+      $scope.hasImages = false;
+      $scope.tagSpecificImages = [];
+
+      $scope.getImageListingClasses = function(image) {
+        var classes = '';
+        if (image.ancestors.length > 1) {
+          classes += 'child ';
+        }
+ 
+        var currentTag = $scope.repository.tags[$scope.tag];
+        if (image.dbid == currentTag.image.dbid) {
+          classes += 'tag-image ';
+        }
+        
+        return classes;
+      };
+
+      var forAllTagImages = function(tag, callback) {
+        if (!tag) { return; }
+
+        callback(tag.image);
+
+        if (!$scope.imageByDBID) {
+          $scope.imageByDBID = [];
+          for (var i = 0; i < $scope.images.length; ++i) {
+            var currentImage = $scope.images[i];
+            $scope.imageByDBID[currentImage.dbid] = currentImage;
+          }
+        }
+
+        var ancestors = tag.image.ancestors.split('/');
+        for (var i = 0; i < ancestors.length; ++i) {
+          var image = $scope.imageByDBID[ancestors[i]];
+          if (image) {
+            callback(image);
+          }
+        }
+      };
+
+      var refresh = function() {
+        if (!$scope.repository || !$scope.tag || !$scope.images) {
+          $scope.tagSpecificImages = [];
+          return;
+        }
+
+        var tag = $scope.repository.tags[$scope.tag];
+        if (!tag) {
+          $scope.tagSpecificImages = [];
+          return;
+        }
+        
+        var getIdsForTag = function(currentTag) {
+          var ids = {};
+          forAllTagImages(currentTag, function(image) {
+            ids[image.dbid] = true;
+          });
+          return ids;
+        };
+
+        // Remove any IDs that match other tags.
+        var toDelete = getIdsForTag(tag);
+        for (var currentTagName in $scope.repository.tags) {
+          var currentTag = $scope.repository.tags[currentTagName];
+          if (currentTag != tag) {
+            for (var dbid in getIdsForTag(currentTag)) {
+              delete toDelete[dbid];
+            }
+          }
+        }
+
+        // Return the matching list of images.
+        var images = [];
+        for (var i = 0; i < $scope.images.length; ++i) {
+          var image = $scope.images[i];
+          if (toDelete[image.dbid]) {
+            images.push(image);
+          }
+        }
+        
+        images.sort(function(a, b) {
+          var result = new Date(b.created) - new Date(a.created);
+          if (result != 0) {
+            return result;
+          }
+
+          return b.dbid - a.dbid;
+        });
+
+        $scope.tagSpecificImages = images;
+      };
+
+      $scope.$watch('repository', refresh);
+      $scope.$watch('tag', refresh);
+      $scope.$watch('images', refresh);
+    }
+  };
+  return directiveDefinitionObject;
+});
+
+
 // Note: ngBlur is not yet in Angular stable, so we add it manaully here.
 quayApp.directive('ngBlur', function() {
   return function( scope, elem, attrs ) {