diff --git a/static/css/directives/repo-view/repo-panel-tags.css b/static/css/directives/repo-view/repo-panel-tags.css index 69fdd91a2..aebf689f8 100644 --- a/static/css/directives/repo-view/repo-panel-tags.css +++ b/static/css/directives/repo-view/repo-panel-tags.css @@ -25,6 +25,7 @@ border: 2px solid black; border-radius: 50%; + cursor: pointer; } .repo-panel-tags-element .image-track-line { diff --git a/static/directives/repo-view/repo-panel-tags.html b/static/directives/repo-view/repo-panel-tags.html index be238cf1c..740ee7834 100644 --- a/static/directives/repo-view/repo-panel-tags.html +++ b/static/directives/repo-view/repo-panel-tags.html @@ -72,7 +72,7 @@ + ng-style="{'borderColor': it.color}" ng-click="selectTrack(it)"> diff --git a/static/js/directives/repo-view/repo-panel-tags.js b/static/js/directives/repo-view/repo-panel-tags.js index add0db228..84b75c25f 100644 --- a/static/js/directives/repo-view/repo-panel-tags.js +++ b/static/js/directives/repo-view/repo-panel-tags.js @@ -207,6 +207,12 @@ angular.module('quay').directive('repoPanelTags', function () { $scope.setTab = function(tab) { $location.search('tab', tab); }; + + $scope.selectTrack = function(it) { + $scope.checkedTags.checkByFilter(function(tag) { + return $scope.imageIDFilter(it.image_id, tag); + }); + }; } }; return directiveDefinitionObject;