diff --git a/static/css/directives/repo-view/repo-panel-tags.css b/static/css/directives/repo-view/repo-panel-tags.css index 83d520929..e50f43a34 100644 --- a/static/css/directives/repo-view/repo-panel-tags.css +++ b/static/css/directives/repo-view/repo-panel-tags.css @@ -46,6 +46,7 @@ .repo-panel-tags-element .image-track-line.start { top: 18px; + height: 24px; display: block; } @@ -58,3 +59,11 @@ height: 16px; display: block; } + +.repo-panel-tags-element .image-id-col { + width: 100px; +} + +.repo-panel-tags-element .options-col { + padding-left: 20px; +} \ No newline at end of file diff --git a/static/directives/repo-view/repo-panel-tags.html b/static/directives/repo-view/repo-panel-tags.html index 6f71896bd..a6782d6b8 100644 --- a/static/directives/repo-view/repo-panel-tags.html +++ b/static/directives/repo-view/repo-panel-tags.html @@ -7,12 +7,17 @@
All Tags
-
+
No Tags
-
+
Commit SHAs
+ +
+ {{ it.image_id.substr(0, 12) }} +
@@ -53,13 +58,13 @@ {{ tag.name }} {{ tag.size | bytes }} + {{ tag.image_id.substr(0, 12) }} - {{ tag.image_id.substr(0, 12) }} - + Delete Tag diff --git a/static/js/core-ui.js b/static/js/core-ui.js index 8ce025d9c..abfd9b22d 100644 --- a/static/js/core-ui.js +++ b/static/js/core-ui.js @@ -657,7 +657,9 @@ angular.module("core-ui", []) }; this.checkByFilter = function(filter) { - $scope.controller.checkByFilter(filter); + $scope.controller.checkByFilter(function(tag) { + return filter({'tag': tag}); + }); }; } }; @@ -673,7 +675,7 @@ angular.module("core-ui", []) restrict: 'C', require: '^corCheckableMenu', scope: { - 'itemFilter': '=itemFilter' + 'itemFilter': '&itemFilter' }, link: function($scope, $element, $attr, parent) { $scope.parent = parent; diff --git a/static/js/directives/repo-view/repo-panel-tags.js b/static/js/directives/repo-view/repo-panel-tags.js index f9bcbf9e2..8a5cbea90 100644 --- a/static/js/directives/repo-view/repo-panel-tags.js +++ b/static/js/directives/repo-view/repo-panel-tags.js @@ -215,6 +215,10 @@ angular.module('quay').directive('repoPanelTags', function () { $scope.noTagFilter = function(tag) { return false; }; + + $scope.imageIDFilter = function(image_id, tag) { + return tag.image_id == image_id; + }; } }; return directiveDefinitionObject;