add about menu item to show version info.

2024-11-26 12:15:20 +01:00 · 2016-09-06 15:33:50 +08:00 · 2016-09-06 15:33:50 +08:00 · bd54cb528f
commit bd54cb528f
parent bc52b212cf
8 changed files with 67 additions and 9 deletions
--- a/controllers/base.go
+++ b/controllers/base.go
@ -113,6 +113,8 @@ func (b *BaseController) Prepare() {
 		b.SelfRegistration = true
 	}
 	b.Data["SelfRegistration"] = b.SelfRegistration
+
+	b.Data["Version"] = os.Getenv("VERSION")
 }

 // Forward to setup layout and template for content for a page.
--- a/static/resources/js/components/optional-menu/optional-menu.directive.js
+++ b/static/resources/js/components/optional-menu/optional-menu.directive.js
@ -20,9 +20,9 @@
    .module('harbor.optional.menu')
    .directive('optionalMenu', optionalMenu);

-  OptionalMenuController.$inject = ['$window', 'I18nService', 'LogOutService', 'currentUser', '$timeout'];
+  OptionalMenuController.$inject = ['$scope', '$window', 'I18nService', 'LogOutService', 'currentUser', '$timeout', 'trFilter', '$filter'];

-  function OptionalMenuController($window, I18nService, LogOutService, currentUser, $timeout) {
+  function OptionalMenuController($scope, $window, I18nService, LogOutService, currentUser, $timeoutm, trFilter, $filter) {
    var vm = this;
    
    vm.currentLanguage = I18nService().getCurrentLanguage();
@ -36,6 +36,7 @@
    vm.user = currentUser.get();
    vm.setLanguage = setLanguage;     
    vm.logOut = logOut;
+    vm.about = about;
        
    function setLanguage(language) {
      I18nService().setCurrentLanguage(language);
@ -54,13 +55,25 @@
    function logOutFailed(data, status) {
      console.log('Failed to log out:' + data);
    }
+    function about() {
+      $scope.$emit('modalTitle', $filter('tr')('about_harbor'));
+      $scope.$emit('modalMessage', $filter('tr')('current_version', [vm.version]));
+      var raiseInfo = {
+        'confirmOnly': true,
+        'contentType': 'text/html',
+        'action': function() {}
+      };
+      $scope.$emit('raiseInfo', raiseInfo);
+    }
  }
  
  function optionalMenu() {
    var directive = {
      'restrict': 'E',
      'templateUrl': '/optional_menu?timestamp=' + new Date().getTime(),
-      'scope': true,
+      'scope': {
+        'version': '@'
+      },
      'controller': OptionalMenuController,
      'controllerAs': 'vm',
      'bindToController': true
--- a/static/resources/js/layout/details/details.controller.js
+++ b/static/resources/js/layout/details/details.controller.js
@ -76,6 +76,7 @@
     
    function togglePublicity(e) {      
      vm.publicity = e.publicity;
+      vm.target = 'repositories';
    }
  }
  
--- a/static/resources/js/layout/header/header.controller.js
+++ b/static/resources/js/layout/header/header.controller.js
@ -42,6 +42,40 @@
      vm.searchInput = getParameterByName('q', $window.location.search);
      console.log('vm.searchInput at header:' + vm.searchInput);
    }
+    
+    $scope.$on('modalTitle', function(e, val) {
+      vm.modalTitle = val;
+    });
+    
+    $scope.$on('modalMessage', function(e, val) {
+      vm.modalMessage = val;
+    });
+    
+    $scope.$on('raiseInfo', function(e, val) {
+      if(val) {
+        vm.action = function() {
+          val.action();
+          $scope.$broadcast('showDialog', false);
+        };
+        vm.contentType = val.contentType;
+        vm.confirmOnly = val.confirmOnly;
+       
+        $scope.$broadcast('showDialog', true);
+      }
+    });
+    
+    $scope.$on('raiseInfo', function(e, val) {
+      if(val) {
+        vm.action = function() {
+          val.action();
+          $scope.$broadcast('showDialog', false);
+        };
+        vm.contentType = val.contentType;
+        vm.confirmOnly = val.confirmOnly;
+       
+        $scope.$broadcast('showDialog', true);
+      }
+    });
  }
  
 })();
--- a/static/resources/js/services/i18n/locale_messages_en-US.js
+++ b/static/resources/js/services/i18n/locale_messages_en-US.js
@ -226,6 +226,9 @@ var locale_messages = {
  'stopped': 'Stopped',
  'retrying': 'Retrying',
  'error': 'Error',
+  'about': 'About',
+  'about_harbor': 'About Harbor',
+  'current_version': '<label>Version</label>&nbsp;&nbsp;<span>$0</span>',
  'failed_to_get_project_member': 'Failed to get current project member.',
  'failed_to_delete_repo': 'Failed to delete repository. ',
  'failed_to_delete_repo_insuffient_permissions': 'Failed to delete repository, insuffient permissions.',
--- a/static/resources/js/services/i18n/locale_messages_zh-CN.js
+++ b/static/resources/js/services/i18n/locale_messages_zh-CN.js
@ -226,6 +226,9 @@ var locale_messages = {
  'stopped': '已终止',
  'retrying': '重试中',
  'error': '错误',
+  'about': '关于',
+  'about_harbor': '关于 Harbor',
+  'current_version': '<label>当前版本</label>&nbsp;&nbsp;<span>$0</span>',
  'failed_to_get_project_member': '无法获取当前项目成员。',
  'failed_to_delete_repo': '无法删除镜像仓库。',
  'failed_to_delete_repo_insuffient_permissions': '无法删除镜像仓库，权限不足。',
--- a/views/optional-menu.htm
+++ b/views/optional-menu.htm
@ -19,23 +19,24 @@
  </a>
  <ul class="dropdown-menu multi-level" role="menu" aria-labelledby="dropdownMenu">
    {{ if eq .AddNew true }}
-    <li><a href="/add_new"><span class="glyphicon glyphicon-plus"></span> // 'add_new_title' | tr //</a></li>
+    <li><a href="/add_new"><span class="glyphicon glyphicon-plus"></span>&nbsp;&nbsp;// 'add_new_title' | tr //</a></li>
    {{ end }}
-    <li><a href="/account_setting"><span class="glyphicon glyphicon-pencil"></span> // 'account_setting' | tr //</a></li>
+    <li><a href="/account_setting"><span class="glyphicon glyphicon-pencil"></span>&nbsp;&nbsp;// 'account_setting' | tr //</a></li>
    <li class="dropdown-submenu">
-      <a tabindex="-1" href="#"><span class="glyphicon glyphicon-globe"></span> //vm.languageName//</a>
+      <a tabindex="-1" href="#"><span class="glyphicon glyphicon-globe"></span>&nbsp;&nbsp;//vm.languageName//</a>
      <ul class="dropdown-menu">
        <li ng-repeat="(key, value) in vm.supportLanguages"><a href="javascript:void(0);" ng-click="vm.setLanguage(key)">// value //</a></li>						
      </ul>
    </li>
+    <li><a href="javascript:void(0)" ng-click="vm.about()"><span class="glyphicon glyphicon-info-sign"></span>&nbsp;&nbsp;// 'about' | tr //</a></li>
    <li class="divider"></li>
-    <li><a href="javascript:void(0)" ng-click="vm.logOut()"><span class="glyphicon glyphicon-log-out"></span> // 'log_out' | tr //</a></li>
+    <li><a href="javascript:void(0)" ng-click="vm.logOut()"><span class="glyphicon glyphicon-log-out"></span>&nbsp;&nbsp;// 'log_out' | tr //</a></li>
  </ul>
 </div>
 {{ else }}
 <div class="dropdown">
  <a role="button" data-toggle="dropdown" class="btn btn-link" data-target="#" href="">
-      <span class="glyphicon glyphicon-globe"></span> //vm.languageName//
+      <span class="glyphicon glyphicon-globe"></span>&nbsp;&nbsp;//vm.languageName// 
  </a>
  <ul class="dropdown-menu multi-level" role="menu" aria-labelledby="dropdownMenu">
     <li ng-repeat="(key, value) in vm.supportLanguages"><a href="javascript:void(0);" ng-click="vm.setLanguage(key)">// value //</a></li>						
--- a/views/sections/header-content.htm
+++ b/views/sections/header-content.htm
@ -13,6 +13,7 @@
    limitations under the License.
 -->
 <nav class="navbar navbar-default navbar-custom" ng-controller="HeaderController as vm">
+  <modal-dialog modal-title="// vm.modalTitle //" modal-message="// vm.modalMessage //" confirm-only="vm.confirmOnly" action="vm.action()" content-type="// vm.contentType //"></modal-dialog>
  <div class="container container-custom">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
@ -24,7 +25,7 @@
    </div>
    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-harbor-navbar-collapse-1">
-		  <optional-menu login-status="//vm.loginStatus//"></optional-menu>     
+		  <optional-menu version="{{.Version}}" login-status="//vm.loginStatus//"></optional-menu>     
 	    <ul class="nav navbar-nav navbar-right">
 		    <li>
 		      <navigation-header></navigation-header>