Add UI for viewing and changing the expiration of tags

static/js/directives/repo-view/repo-panel-tags.js

@@ -74,7 +74,8 @@ angular.module('quay').directive('repoPanelTags', function () {
           var tagData = $scope.repository.tags[tag];
           var tagInfo = $.extend(tagData, {
             'name': tag,
-            'last_modified_datetime': TableService.getReversedTimestamp(tagData.last_modified)
+            'last_modified_datetime': TableService.getReversedTimestamp(tagData.last_modified),
+            'expiration_date': tagData.expiration ? TableService.getReversedTimestamp(tagData.expiration) : null,
           });
 
           allTags.push(tagInfo);
@@ -355,6 +356,10 @@ angular.module('quay').directive('repoPanelTags', function () {
         $scope.tagActionHandler.askDeleteMultipleTags(tags);
       };
 
+      $scope.askChangeTagsExpiration = function(tags) {
+        $scope.tagActionHandler.askChangeTagsExpiration(tags);
+      };
+
       $scope.askAddTag = function(tag) {
         $scope.tagActionHandler.askAddTag(tag.image_id);
       };

static/js/directives/ui/logs-view.js

@@ -271,6 +271,18 @@ angular.module('quay').directive('logsView', function () {
           'manifest_label_add': 'Label {key} added to manifest {manifest_digest} under repository {namespace}/{repo}',
           'manifest_label_delete': 'Label {key} deleted from manifest {manifest_digest} under repository {namespace}/{repo}',
 
+          'change_tag_expiration': function(metadata) {
+            if (metadata.expiration_date && metadata.old_expiration_date) {
+              return 'Tag {tag} set to expire on {expiration_date} (previously {old_expiration_date})';
+            } else if (metadata.expiration_date) {
+              return 'Tag {tag} set to expire on {expiration_date}';
+            } else if (metadata.old_expiration_date) {
+              return 'Tag {tag} set to no longer expire (previously {old_expiration_date})';
+            } else {
+              return 'Tag {tag} set to no longer expire';
+            }
+          },
+
           // Note: These are deprecated.
           'add_repo_webhook': 'Add webhook in repository {repo}',
           'delete_repo_webhook': 'Delete webhook in repository {repo}'
@@ -332,6 +344,7 @@ angular.module('quay').directive('logsView', function () {
         'take_ownership': 'Take Namespace Ownership',
         'manifest_label_add': 'Add Manifest Label',
         'manifest_label_delete': 'Delete Manifest Label',
+        'change_tag_expiration': 'Change tag expiration',
 
         // Note: these are deprecated.
         'add_repo_webhook': 'Add webhook',

static/js/directives/ui/tag-operations-dialog.js

@@ -81,13 +81,58 @@ angular.module('quay').directive('tagOperationsDialog', function () {
           $element.find('#createOrMoveTagModal').modal('hide');
         });
 
-        ApiService.changeTagImage(data, params).then(function(resp) {
+        ApiService.changeTag(data, params).then(function(resp) {
           $element.find('#createOrMoveTagModal').modal('hide');
           $scope.addingTag = false;
           markChanged([tag], []);
         }, errorHandler);
       };
 
+      $scope.changeTagsExpiration = function(tags, expiration_date, callback) {
+        if (!$scope.repository.can_write) { return; }
+
+        var count = tags.length;
+        var perform = function(index) {
+          if (index >= count) {
+            callback(true);
+            markChanged(tags, []);
+            return;
+          }
+
+          var tag_info = tags[index];
+          if (!tag_info) { return; }
+
+          $scope.changeTagExpiration(tag_info.name, expiration_date, function(result) {
+            if (!result) {
+              callback(false);
+              return;
+            }
+
+            perform(index + 1);
+          }, true);
+        };
+
+        perform(0);
+      };
+
+      $scope.changeTagExpiration = function(tag, expiration_date, callback) {
+        if (!$scope.repository.can_write) { return; }
+
+        var params = {
+          'repository': $scope.repository.namespace + '/' + $scope.repository.name,
+          'tag': tag
+        };
+
+        var data = {
+          'expiration': expiration_date
+        };
+
+        var errorHandler = ApiService.errorDisplay('Cannot change tag expiration', callback);
+        ApiService.changeTag(data, params).then(function() {
+          callback(true);
+        }, errorHandler);
+      };
+
       $scope.deleteMultipleTags = function(tags, callback) {
         if (!$scope.repository.can_write) { return; }
 
@@ -296,6 +341,17 @@ angular.module('quay').directive('tagOperationsDialog', function () {
           }, ApiService.errorDisplay('Could not load manifest labels'));
         },
 
+        'askChangeTagsExpiration': function(tags) {
+          if ($scope.alertOnTagOpsDisabled()) {
+            return;
+          }
+
+          $scope.changeTagsExpirationInfo ={
+            'tags': tags,
+            'expiration_date': null
+          };
+        },
+
         'askRestoreTag': function(tag, image_id, opt_manifest_digest) {
           if ($scope.alertOnTagOpsDisabled()) {
             return;