Browse Source

support rollback to specific release (#3093)

cbcc 4 years ago
parent
commit
21f0842fae
18 changed files with 321 additions and 12 deletions
  1. 7 1
      apollo-adminservice/src/main/java/com/ctrip/framework/apollo/adminservice/controller/ReleaseController.java
  2. 2 0
      apollo-biz/src/main/java/com/ctrip/framework/apollo/biz/repository/ReleaseRepository.java
  3. 54 0
      apollo-biz/src/main/java/com/ctrip/framework/apollo/biz/service/ReleaseService.java
  4. 33 0
      apollo-biz/src/test/java/com/ctrip/framework/apollo/biz/service/ReleaseServiceTest.java
  5. 6 0
      apollo-portal/src/main/java/com/ctrip/framework/apollo/portal/api/AdminServiceAPI.java
  6. 17 2
      apollo-portal/src/main/java/com/ctrip/framework/apollo/portal/controller/ReleaseController.java
  7. 10 0
      apollo-portal/src/main/java/com/ctrip/framework/apollo/portal/entity/bo/ReleaseHistoryBO.java
  8. 1 0
      apollo-portal/src/main/java/com/ctrip/framework/apollo/portal/service/ReleaseHistoryService.java
  9. 4 0
      apollo-portal/src/main/java/com/ctrip/framework/apollo/portal/service/ReleaseService.java
  10. 20 0
      apollo-portal/src/main/resources/static/config/history.html
  11. 5 0
      apollo-portal/src/main/resources/static/i18n/en.json
  12. 5 0
      apollo-portal/src/main/resources/static/i18n/zh-CN.json
  13. 42 4
      apollo-portal/src/main/resources/static/scripts/controller/config/ReleaseHistoryController.js
  14. 68 2
      apollo-portal/src/main/resources/static/scripts/directive/rollback-modal-directive.js
  15. 1 0
      apollo-portal/src/main/resources/static/scripts/services/EventManager.js
  16. 37 2
      apollo-portal/src/main/resources/static/scripts/services/ReleaseService.js
  17. 5 0
      apollo-portal/src/main/resources/static/styles/common-style.css
  18. 4 1
      apollo-portal/src/main/resources/static/views/component/rollback-modal.html

+ 7 - 1
apollo-adminservice/src/main/java/com/ctrip/framework/apollo/adminservice/controller/ReleaseController.java

@@ -168,9 +168,15 @@ public class ReleaseController {
   @Transactional
   @PutMapping("/releases/{releaseId}/rollback")
   public void rollback(@PathVariable("releaseId") long releaseId,
+                       @RequestParam(name="toReleaseId", defaultValue = "-1") long toReleaseId,
                        @RequestParam("operator") String operator) {
 
-    Release release = releaseService.rollback(releaseId, operator);
+    Release release;
+    if (toReleaseId > -1) {
+      release = releaseService.rollbackTo(releaseId, toReleaseId, operator);
+    } else {
+      release = releaseService.rollback(releaseId, operator);
+    }
 
     String appId = release.getAppId();
     String clusterName = release.getClusterName();

+ 2 - 0
apollo-biz/src/main/java/com/ctrip/framework/apollo/biz/repository/ReleaseRepository.java

@@ -25,6 +25,8 @@ public interface ReleaseRepository extends PagingAndSortingRepository<Release, L
 
   List<Release> findByAppIdAndClusterNameAndNamespaceNameAndIsAbandonedFalseOrderByIdDesc(String appId, String clusterName, String namespaceName, Pageable page);
 
+  List<Release> findByAppIdAndClusterNameAndNamespaceNameAndIsAbandonedFalseAndIdBetweenOrderByIdDesc(String appId, String clusterName, String namespaceName, long fromId, long toId);
+
   List<Release> findByReleaseKeyIn(Set<String> releaseKey);
 
   List<Release> findByIdIn(Set<Long> releaseIds);

+ 54 - 0
apollo-biz/src/main/java/com/ctrip/framework/apollo/biz/service/ReleaseService.java

@@ -131,6 +131,21 @@ public class ReleaseService {
     return releases;
   }
 
+  private List<Release> findActiveReleasesBetween(String appId, String clusterName, String namespaceName,
+                                                  long fromReleaseId, long toReleaseId) {
+    List<Release>
+        releases =
+        releaseRepository.findByAppIdAndClusterNameAndNamespaceNameAndIsAbandonedFalseAndIdBetweenOrderByIdDesc(appId,
+                                                                                                                clusterName,
+                                                                                                                namespaceName,
+                                                                                                                fromReleaseId,
+                                                                                                                toReleaseId);
+    if (releases == null) {
+      return Collections.emptyList();
+    }
+    return releases;
+  }
+
   @Transactional
   public Release mergeBranchChangeSetsAndRelease(Namespace namespace, String branchName, String releaseName,
                                                  String releaseComment, boolean isEmergencyPublish,
@@ -454,6 +469,45 @@ public class ReleaseService {
     return release;
   }
 
+  @Transactional
+  public Release rollbackTo(long releaseId, long toReleaseId, String operator) {
+    if (releaseId == toReleaseId) {
+      throw new BadRequestException("current release equal to target release");
+    }
+
+    Release release = findOne(releaseId);
+    Release toRelease = findOne(toReleaseId);
+    if (release == null || toRelease == null) {
+      throw new NotFoundException("release not found");
+    }
+    if (release.isAbandoned() || toRelease.isAbandoned()) {
+      throw new BadRequestException("release is not active");
+    }
+
+    String appId = release.getAppId();
+    String clusterName = release.getClusterName();
+    String namespaceName = release.getNamespaceName();
+
+    List<Release> releases = findActiveReleasesBetween(appId, clusterName, namespaceName,
+                                                       toReleaseId, releaseId);
+
+    for (int i = 0; i < releases.size() - 1; i++) {
+      releases.get(i).setAbandoned(true);
+      releases.get(i).setDataChangeLastModifiedBy(operator);
+    }
+
+    releaseRepository.saveAll(releases);
+
+    releaseHistoryService.createReleaseHistory(appId, clusterName,
+                                               namespaceName, clusterName, toReleaseId,
+                                               release.getId(), ReleaseOperation.ROLLBACK, null, operator);
+
+    //publish child namespace if namespace has child
+    rollbackChildNamespace(appId, clusterName, namespaceName, Lists.newArrayList(release, toRelease), operator);
+
+    return release;
+  }
+
   private void rollbackChildNamespace(String appId, String clusterName, String namespaceName,
                                       List<Release> parentNamespaceTwoLatestActiveRelease, String operator) {
     Namespace parentNamespace = namespaceService.findOne(appId, clusterName, namespaceName);

+ 33 - 0
apollo-biz/src/test/java/com/ctrip/framework/apollo/biz/service/ReleaseServiceTest.java

@@ -9,6 +9,7 @@ import com.ctrip.framework.apollo.biz.entity.Release;
 import com.ctrip.framework.apollo.biz.repository.ReleaseRepository;
 import com.ctrip.framework.apollo.common.exception.BadRequestException;
 
+import java.util.ArrayList;
 import java.util.Optional;
 import org.junit.Assert;
 import org.junit.Before;
@@ -108,6 +109,38 @@ public class ReleaseServiceTest extends AbstractUnitTest {
     Assert.assertEquals(user, firstRelease.getDataChangeLastModifiedBy());
   }
 
+  @Test
+  public void testRollbackTo() {
+    List<Release> releaseList = new ArrayList<>();
+    for (int i = 0; i < 3; i++) {
+      Release release = new Release();
+      release.setId(3 - i);
+      release.setAppId(appId);
+      release.setClusterName(clusterName);
+      release.setNamespaceName(namespaceName);
+      release.setAbandoned(false);
+      releaseList.add(release);
+    }
+    long releaseId1 = 1;
+    long releaseId3 = 3;
+    when(releaseRepository.findById(releaseId1)).thenReturn(Optional.of(releaseList.get(2)));
+    when(releaseRepository.findById(releaseId3)).thenReturn(Optional.of(releaseList.get(0)));
+    when(releaseRepository.findByAppIdAndClusterNameAndNamespaceNameAndIsAbandonedFalseAndIdBetweenOrderByIdDesc(appId,
+                                                                                                                 clusterName,
+                                                                                                                 namespaceName,
+                                                                                                                 releaseId1,
+                                                                                                                 releaseId3))
+        .thenReturn(releaseList);
+
+    releaseService.rollbackTo(releaseId3, releaseId1, user);
+
+    verify(releaseRepository).saveAll(releaseList);
+    Assert.assertTrue(releaseList.get(0).isAbandoned());
+    Assert.assertTrue(releaseList.get(1).isAbandoned());
+    Assert.assertFalse(releaseList.get(2).isAbandoned());
+    Assert.assertEquals(user, releaseList.get(0).getDataChangeLastModifiedBy());
+    Assert.assertEquals(user, releaseList.get(1).getDataChangeLastModifiedBy());
+  }
 
   @Test
   public void testFindRelease() throws Exception {

+ 6 - 0
apollo-portal/src/main/java/com/ctrip/framework/apollo/portal/api/AdminServiceAPI.java

@@ -347,6 +347,12 @@ public class AdminServiceAPI {
           "releases/{releaseId}/rollback?operator={operator}",
           null, releaseId, operator);
     }
+
+    public void rollbackTo(Env env, long releaseId, long toReleaseId, String operator) {
+      restTemplate.put(env,
+              "releases/{releaseId}/rollback?toReleaseId={toReleaseId}&operator={operator}",
+              null, releaseId, toReleaseId, operator);
+    }
   }
 
   @Service

+ 17 - 2
apollo-portal/src/main/java/com/ctrip/framework/apollo/portal/controller/ReleaseController.java

@@ -112,6 +112,16 @@ public class ReleaseController {
     return createdRelease;
   }
 
+  @GetMapping("/envs/{env}/releases/{releaseId}")
+  public ReleaseDTO get(@PathVariable String env,
+                        @PathVariable long releaseId) {
+    ReleaseDTO release = releaseService.findReleaseById(Env.valueOf(env), releaseId);
+
+    if (release == null) {
+      throw new NotFoundException("release not found");
+    }
+    return release;
+  }
 
   @GetMapping(value = "/apps/{appId}/envs/{env}/clusters/{clusterName}/namespaces/{namespaceName}/releases/all")
   public List<ReleaseBO> findAllReleases(@PathVariable String appId,
@@ -153,7 +163,8 @@ public class ReleaseController {
 
   @PutMapping(path = "/envs/{env}/releases/{releaseId}/rollback")
   public void rollback(@PathVariable String env,
-                       @PathVariable long releaseId) {
+                       @PathVariable long releaseId,
+                       @RequestParam(defaultValue = "-1") long toReleaseId) {
     ReleaseDTO release = releaseService.findReleaseById(Env.valueOf(env), releaseId);
 
     if (release == null) {
@@ -164,7 +175,11 @@ public class ReleaseController {
       throw new AccessDeniedException("Access is denied");
     }
 
-    releaseService.rollback(Env.valueOf(env), releaseId, userInfoHolder.getUser().getUserId());
+    if (toReleaseId > -1) {
+      releaseService.rollbackTo(Env.valueOf(env), releaseId, toReleaseId, userInfoHolder.getUser().getUserId());
+    } else {
+      releaseService.rollback(Env.valueOf(env), releaseId, userInfoHolder.getUser().getUserId());
+    }
 
     ConfigPublishEvent event = ConfigPublishEvent.instance();
     event.withAppId(release.getAppId())

+ 10 - 0
apollo-portal/src/main/java/com/ctrip/framework/apollo/portal/entity/bo/ReleaseHistoryBO.java

@@ -32,6 +32,8 @@ public class ReleaseHistoryBO {
 
   private List<EntityPair<String>> configuration;
 
+  private boolean isReleaseAbandoned;
+
   private long previousReleaseId;
 
   private int operation;
@@ -159,4 +161,12 @@ public class ReleaseHistoryBO {
       List<EntityPair<String>> configuration) {
     this.configuration = configuration;
   }
+
+  public boolean isReleaseAbandoned() {
+    return isReleaseAbandoned;
+  }
+
+  public void setReleaseAbandoned(boolean releaseAbandoned) {
+    isReleaseAbandoned = releaseAbandoned;
+  }
 }

+ 1 - 0
apollo-portal/src/main/java/com/ctrip/framework/apollo/portal/service/ReleaseHistoryService.java

@@ -118,6 +118,7 @@ public class ReleaseHistoryService {
     if (release != null) {
       bo.setReleaseTitle(release.getName());
       bo.setReleaseComment(release.getComment());
+      bo.setReleaseAbandoned(release.isAbandoned());
 
       Map<String, String> configuration = gson.fromJson(release.getConfigurations(), GsonType.CONFIG);
       List<EntityPair<String>> items = new ArrayList<>(configuration.size());

+ 4 - 0
apollo-portal/src/main/java/com/ctrip/framework/apollo/portal/service/ReleaseService.java

@@ -143,6 +143,10 @@ public class ReleaseService {
     releaseAPI.rollback(env, releaseId, operator);
   }
 
+  public void rollbackTo(Env env, long releaseId, long toReleaseId, String operator) {
+    releaseAPI.rollbackTo(env, releaseId, toReleaseId, operator);
+  }
+
   public ReleaseCompareResult compare(Env env, long baseReleaseId, long toCompareReleaseId) {
 
     ReleaseDTO baseRelease = null;

+ 20 - 0
apollo-portal/src/main/resources/static/config/history.html

@@ -104,6 +104,7 @@
                     <div class="panel-heading">
 
                         <span ng-bind="history.releaseTitle"></span>
+                        <span class="label label-warning no-radius" ng-if="history.isReleaseAbandoned">{{'Config.History.Abandoned' | translate }}</span>
                         <span class="pull-right" ng-bind="history.releaseTime | date: 'yyyy-MM-dd HH:mm:ss'"></span>
 
                         <div class="row" style="padding-top: 10px;">
@@ -111,6 +112,14 @@
                                 <small ng-show="history.releaseComment" ng-bind="history.releaseComment"></small>
                             </div>
                             <div class="col-md-7 text-right">
+                                <button type="button" class="btn btn-default btn-sm" data-tooltip="tooltip" data-placement="bottom"
+                                        title="{{'Config.History.RollbackToTips' | translate }}"
+                                        ng-show="namespace.hasReleasePermission && !history.isReleaseAbandoned
+                                            && (history.operation == 0 || history.operation == 1 || history.operation == 4)"
+                                        ng-click="preRollback()">
+                                    <img src="../img/rollback.png">
+                                    {{'Config.History.RollbackTo' | translate }}
+                                </button>
                                 <div class="btn-group">
                                     <button type="button" class="btn btn-default btn-sm"
                                         ng-class="{'active':history.viewType == 'diff'}" data-tooltip="tooltip"
@@ -256,6 +265,15 @@
         </section>
 
         <showtextmodal text="text"></showtextmodal>
+
+        <rollbackmodal app-id="pageContext.appId" env="pageContext.env" cluster="pageContext.clusterName">
+        </rollbackmodal>
+
+        <apolloconfirmdialog apollo-dialog-id="'rollbackAlertDialog'"
+                             apollo-title="'Config.RollbackAlert.DialogTitle' | translate"
+                             apollo-detail="'Config.RollbackAlert.DialogContent' | translate" apollo-show-cancel-btn="true"
+                             apollo-confirm="rollback">
+        </apolloconfirmdialog>
     </div>
 
 
@@ -291,6 +309,7 @@
     <script type="application/javascript" src="../scripts/services/ReleaseHistoryService.js"></script>
     <script type="application/javascript" src="../scripts/services/ConfigService.js"></script>
     <script type="application/javascript" src="../scripts/services/PermissionService.js"></script>
+    <script type="application/javascript" src="../scripts/services/EventManager.js"></script>
 
     <script type="application/javascript" src="../scripts/AppUtils.js"></script>
     <script type="application/javascript" src="../scripts/controller/config/ReleaseHistoryController.js"></script>
@@ -299,6 +318,7 @@
     <script type="application/javascript" src="../scripts/directive/directive.js"></script>
     <script type="application/javascript" src="../scripts/directive/show-text-modal-directive.js"></script>
     <script type="application/javascript" src="../scripts/directive/diff-directive.js"></script>
+    <script type="application/javascript" src="../scripts/directive/rollback-modal-directive.js"></script>
 </body>
 
 </html>

+ 5 - 0
apollo-portal/src/main/resources/static/i18n/en.json

@@ -289,6 +289,7 @@
   "Component.Publish.OpPublish": "Release",
   "Component.Rollback.To": "roll back to",
   "Component.Rollback.Tips": "This operation will roll back to the last released version, and the current version is abandoned, but there is no impact to the currently editing configurations. You may view the currently effective version in the release history page",
+  "Component.RollbackTo.Tips": "This operation will roll back to this released version, and the current version is abandoned, but there is no impact to the currently editing configurations",
   "Component.Rollback.ClickToView": "Click to view",
   "Component.Rollback.ItemType": "Type",
   "Component.Rollback.ItemKey": "Key",
@@ -646,6 +647,9 @@
   "Config.History.OperationType8": "Delete Grayscale(Full Release)",
   "Config.History.UrgentPublish": "Emergency Release",
   "Config.History.LoadMore": "Load more",
+  "Config.History.Abandoned": "Abandoned",
+  "Config.History.RollbackTo": "Rollback To This Release",
+  "Config.History.RollbackToTips": "Rollback released configuration to this release",
   "Config.History.ChangedItem": "Changed Configuration",
   "Config.History.ChangedItemTips": "View changes between this release and the previous release",
   "Config.History.AllItem": "Full Configuration",
@@ -749,6 +753,7 @@
   "ReleaseModal.AllPublished": "Full Release Successfully",
   "ReleaseModal.AllPublishFailed": "Failed to Full Release",
   "Rollback.NoRollbackList": "No released history to rollback",
+  "Rollback.SameAsCurrentRelease": "This release is the same as current release",
   "Rollback.RollbackSuccessfully": "Rollback Successfully",
   "Rollback.RollbackFailed": "Failed to Rollback",
   "Revoke.RevokeFailed": "Failed to Revoke",

+ 5 - 0
apollo-portal/src/main/resources/static/i18n/zh-CN.json

@@ -289,6 +289,7 @@
   "Component.Publish.OpPublish": "发布",
   "Component.Rollback.To": "回滚到",
   "Component.Rollback.Tips": "此操作将会回滚到上一个发布版本,且当前版本作废,但不影响正在修改的配置。可在发布历史页面查看当前生效的版本",
+  "Component.RollbackTo.Tips":"此操作将会回滚到此发布版本,且当前版本作废,但不影响正在修改的配置",
   "Component.Rollback.ClickToView": "点击查看",
   "Component.Rollback.ItemType": "Type",
   "Component.Rollback.ItemKey": "Key",
@@ -646,6 +647,9 @@
   "Config.History.OperationType8": "删除灰度(全量发布)",
   "Config.History.UrgentPublish": "紧急发布",
   "Config.History.LoadMore": "加载更多",
+  "Config.History.Abandoned": "已废弃",
+  "Config.History.RollbackTo": "回滚到此版本",
+  "Config.History.RollbackToTips": "回滚已发布的配置到此版本",
   "Config.History.ChangedItem": "变更的配置",
   "Config.History.ChangedItemTips": "查看此次发布与上次版本的变更",
   "Config.History.AllItem": "全部配置",
@@ -749,6 +753,7 @@
   "ReleaseModal.AllPublished": "全量发布成功",
   "ReleaseModal.AllPublishFailed": "全量发布失败",
   "Rollback.NoRollbackList": "没有可以回滚的发布历史",
+  "Rollback.SameAsCurrentRelease": "该版本与当前版本相同",
   "Rollback.RollbackSuccessfully": "回滚成功",
   "Rollback.RollbackFailed": "回滚失败",
   "Revoke.RevokeFailed": "撤销失败",

+ 42 - 4
apollo-portal/src/main/resources/static/scripts/controller/config/ReleaseHistoryController.js

@@ -1,10 +1,10 @@
 release_history_module.controller("ReleaseHistoryController",
-    ['$scope', '$location', '$translate', 'AppUtil',
-        'ReleaseService', 'ConfigService', 'ReleaseHistoryService', releaseHistoryController
+    ['$scope', '$location', '$translate', 'AppUtil', 'EventManager',
+        'ReleaseService', 'ConfigService', 'PermissionService', 'ReleaseHistoryService', releaseHistoryController
     ]);
 
-function releaseHistoryController($scope, $location, $translate, AppUtil,
-    ReleaseService, ConfigService, ReleaseHistoryService) {
+function releaseHistoryController($scope, $location, $translate, AppUtil, EventManager,
+    ReleaseService, ConfigService, PermissionService, ReleaseHistoryService) {
 
     var params = AppUtil.parseParams($location.$$url);
     $scope.pageContext = {
@@ -20,7 +20,9 @@ function releaseHistoryController($scope, $location, $translate, AppUtil,
         DIFF: 'diff',
         ALL: 'all'
     };
+    var selectedReleaseId = -1;
 
+    $scope.namespace = {};
     $scope.page = 0;
     $scope.releaseHistories = [];
     $scope.hasLoadAll = false;
@@ -30,10 +32,16 @@ function releaseHistoryController($scope, $location, $translate, AppUtil,
     $scope.isConfigHidden = false;
 
     $scope.showReleaseHistoryDetail = showReleaseHistoryDetail;
+    $scope.rollback = rollback;
+    $scope.preRollback = preRollback;
     $scope.switchConfigViewType = switchConfigViewType;
     $scope.findReleaseHistory = findReleaseHistory;
     $scope.showText = showText;
 
+    EventManager.subscribe(EventManager.EventType.REFRESH_RELEASE_HISTORY, function () {
+        location.reload(true);
+    });
+
     init();
 
     function init() {
@@ -43,6 +51,14 @@ function releaseHistoryController($scope, $location, $translate, AppUtil,
         loadNamespace();
     }
 
+    function preRollback() {
+        EventManager.emit(EventManager.EventType.PRE_ROLLBACK_NAMESPACE, { namespace: $scope.namespace, toReleaseId: selectedReleaseId });
+    }
+
+    function rollback() {
+        EventManager.emit(EventManager.EventType.ROLLBACK_NAMESPACE, { toReleaseId: selectedReleaseId });
+    }
+
     function findReleaseHistory() {
         if ($scope.hasLoadAll) {
             return;
@@ -97,11 +113,13 @@ function releaseHistoryController($scope, $location, $translate, AppUtil,
             $scope.pageContext.clusterName,
             $scope.pageContext.namespaceName)
             .then(function (result) {
+                $scope.namespace = result;
                 $scope.isTextNamespace = result.format != "properties";
                 if ($scope.isTextNamespace) {
                     fixTextNamespaceViewType();
                 }
                 $scope.isConfigHidden = result.isConfigHidden;
+                initPermission();
             })
     }
 
@@ -109,6 +127,7 @@ function releaseHistoryController($scope, $location, $translate, AppUtil,
 
         $scope.history = history;
         $scope.selectedReleaseHistory = history.id;
+        selectedReleaseId = history.releaseId;
         if (!history.viewType) {//default view type
             history.viewType = CONFIG_VIEW_TYPE.DIFF;
             getReleaseDiffConfiguration(history);
@@ -116,6 +135,25 @@ function releaseHistoryController($scope, $location, $translate, AppUtil,
 
     }
 
+    function initPermission() {
+        PermissionService.has_release_namespace_permission(
+            $scope.pageContext.appId,
+            $scope.namespace.baseInfo.namespaceName)
+            .then(function (result) {
+                if (!result.hasPermission) {
+                    PermissionService.has_release_namespace_env_permission(
+                        $scope.pageContext.appId,
+                        $scope.pageContext.env,
+                        $scope.namespace.baseInfo.namespaceName)
+                        .then(function (result) {
+                            $scope.namespace.hasReleasePermission = result.hasPermission;
+                        });
+                } else {
+                    $scope.namespace.hasReleasePermission = result.hasPermission;
+                }
+            });
+    }
+
     function fixTextNamespaceViewType() {
         $scope.releaseHistories.forEach(function (history) {
             // text namespace doesn't support ALL view

+ 68 - 2
apollo-portal/src/main/resources/static/scripts/directive/rollback-modal-directive.js

@@ -13,16 +13,25 @@ function rollbackModalDirective($translate, AppUtil, EventManager, ReleaseServic
         },
         link: function (scope) {
 
+            scope.isRollbackTo = false;
             scope.showRollbackAlertDialog = showRollbackAlertDialog;
 
             EventManager.subscribe(EventManager.EventType.PRE_ROLLBACK_NAMESPACE,
                 function (context) {
-                    preRollback(context.namespace);
+                    if (context.toReleaseId) {
+                        preRollbackTo(context.namespace, context.toReleaseId);
+                    } else {
+                        preRollback(context.namespace);
+                    }
                 });
 
             EventManager.subscribe(EventManager.EventType.ROLLBACK_NAMESPACE,
                 function (context) {
-                    rollback();
+                    if (context.toReleaseId) {
+                        rollbackTo(context.toReleaseId);
+                    } else {
+                        rollback();
+                    }
                 });
 
             function preRollback(namespace) {
@@ -52,6 +61,46 @@ function rollbackModalDirective($translate, AppUtil, EventManager, ReleaseServic
                     });
             }
 
+            function preRollbackTo(namespace, toReleaseId) {
+                scope.isRollbackTo = true;
+                scope.toRollbackNamespace = namespace;
+                scope.toRollbackNamespace.isPropertiesFormat = namespace.format == 'properties';
+
+                ReleaseService.findLatestActiveRelease(scope.appId,
+                    scope.env,
+                    namespace.baseInfo.clusterName,
+                    namespace.baseInfo.namespaceName)
+                    .then(function (result) {
+                        if (!result) {
+                            toastr.error($translate.instant('Rollback.NoRollbackList'));
+                            return;
+                        }
+                        scope.toRollbackNamespace.firstRelease = result;
+
+                        ReleaseService.get(scope.env,
+                            toReleaseId)
+                            .then(function (result) {
+                                scope.toRollbackNamespace.secondRelease = result;
+
+                                if (scope.toRollbackNamespace.firstRelease.id == scope.toRollbackNamespace.secondRelease.id) {
+                                    toastr.error($translate.instant('Rollback.SameAsCurrentRelease'));
+                                    return;
+                                }
+
+                                ReleaseService.compare(scope.env,
+                                    scope.toRollbackNamespace.firstRelease.id,
+                                    scope.toRollbackNamespace.secondRelease.id)
+                                    .then(function (result) {
+                                        scope.toRollbackNamespace.releaseCompareResult = result.changes;
+
+                                        AppUtil.showModal('#rollbackModal');
+                                    })
+
+                            })
+
+                    })
+            }
+
             function rollback() {
                 scope.toRollbackNamespace.rollbackBtnDisabled = true;
                 ReleaseService.rollback(scope.env,
@@ -70,6 +119,23 @@ function rollbackModalDirective($translate, AppUtil, EventManager, ReleaseServic
                     })
             }
 
+            function rollbackTo(toReleaseId) {
+                scope.toRollbackNamespace.rollbackBtnDisabled = true;
+                ReleaseService.rollbackTo(scope.env,
+                    scope.toRollbackNamespace.firstRelease.id,
+                    toReleaseId
+                    )
+                    .then(function (result) {
+                        toastr.success($translate.instant('Rollback.RollbackSuccessfully'));
+                        scope.toRollbackNamespace.rollbackBtnDisabled = false;
+                        AppUtil.hideModal('#rollbackModal');
+                        EventManager.emit(EventManager.EventType.REFRESH_RELEASE_HISTORY, {releaseId: toReleaseId});
+                    }, function (result) {
+                        scope.toRollbackNamespace.rollbackBtnDisabled = false;
+                        AppUtil.showErrorMsg(result, $translate.instant('Rollback.RollbackFailed'));
+                    })
+            }
+
             function showRollbackAlertDialog() {
                 AppUtil.hideModal("#rollbackModal");
                 AppUtil.showModal("#rollbackAlertDialog");

+ 1 - 0
apollo-portal/src/main/resources/static/scripts/services/EventManager.js

@@ -99,6 +99,7 @@ appService.service('EventManager', [function () {
 
         EventType: {
             REFRESH_NAMESPACE: 'refresh_namespace',
+            REFRESH_RELEASE_HISTORY: 'refresh_release_history',
             PUBLISH_NAMESPACE: 'pre_public_namespace',
             MERGE_AND_PUBLISH_NAMESPACE: 'merge_and_publish_namespace',
             PRE_ROLLBACK_NAMESPACE: 'pre_rollback_namespace',

+ 37 - 2
apollo-portal/src/main/resources/static/scripts/services/ReleaseService.js

@@ -1,5 +1,9 @@
 appService.service('ReleaseService', ['$resource', '$q','AppUtil', function ($resource, $q,AppUtil) {
     var resource = $resource('', {}, {
+        get: {
+            method: 'GET',
+            url: AppUtil.prefixPath() + '/envs/:env/releases/:releaseId'
+        },
         find_all_releases: {
             method: 'GET',
             url: AppUtil.prefixPath() + '/apps/:appId/envs/:env/clusters/:clusterName/namespaces/:namespaceName/releases/all',
@@ -24,7 +28,7 @@ appService.service('ReleaseService', ['$resource', '$q','AppUtil', function ($re
         },
         rollback: {
             method: 'PUT',
-            url: "envs/:env/releases/:releaseId/rollback"
+            url: AppUtil.prefixPath() + "/envs/:env/releases/:releaseId/rollback"
         }
     });
 
@@ -67,6 +71,19 @@ appService.service('ReleaseService', ['$resource', '$q','AppUtil', function ($re
         return d.promise;
     }
 
+    function get(env, releaseId) {
+        var d = $q.defer();
+        resource.get({
+                         env: env,
+                         releaseId: releaseId
+                         }, function (result) {
+            d.resolve(result);
+        }, function (result) {
+            d.reject(result);
+        });
+        return d.promise;
+    }
+
     function findAllReleases(appId, env, clusterName, namespaceName, page, size) {
         var d = $q.defer();
         resource.find_all_releases({
@@ -153,13 +170,31 @@ appService.service('ReleaseService', ['$resource', '$q','AppUtil', function ($re
 
     }
 
+    function rollbackTo(env, releaseId, toReleaseId) {
+        var d = $q.defer();
+        resource.rollback({
+                              env: env,
+                              releaseId: releaseId,
+                              toReleaseId: toReleaseId
+                          }, {}, function (result) {
+                              d.resolve(result);
+                          }, function (result) {
+                              d.reject(result);
+                          }
+        );
+        return d.promise;
+
+    }
+
     return {
         publish: createRelease,
         grayPublish: createGrayRelease,
+        get: get,
         findAllRelease: findAllReleases,
         findActiveReleases: findActiveReleases,
         findLatestActiveRelease: findLatestActiveRelease,
         compare: compare,
-        rollback: rollback
+        rollback: rollback,
+        rollbackTo: rollbackTo
     }
 }]);

+ 5 - 0
apollo-portal/src/main/resources/static/styles/common-style.css

@@ -679,6 +679,11 @@ table th {
     padding: 15px;
 }
 
+.release-history .panel-heading button img {
+    width: 12px;
+    height: 12px;
+}
+
 .empty-container {
     padding: 15px;
 }

+ 4 - 1
apollo-portal/src/main/resources/static/views/component/rollback-modal.html

@@ -11,11 +11,14 @@
                 </div>
             </div>
             <div class="modal-body">
-                <div class="alert alert-warning" role="alert">
+                <div ng-if="!isRollbackTo" class="alert alert-warning" role="alert">
                     {{'Component.Rollback.Tips' | translate }}
                     <a target="_blank"
                         href="{{ '/config/history.html' | prefixPath }}?#/appid={{appId}}&env={{env}}&clusterName={{toRollbackNamespace.baseInfo.clusterName}}&namespaceName={{toRollbackNamespace.baseInfo.namespaceName}}">{{'Component.Rollback.ClickToView' | translate }}</a>
                 </div>
+                <div ng-if="isRollbackTo" class="alert alert-warning" role="alert">
+                    {{'Component.RollbackTo.Tips' | translate }}
+                </div>
 
                 <div class="form-group" style="margin-top: 15px;">
                     <!--properties format-->