diff --git a/modules/core/client/app/trans-string-en.js b/modules/core/client/app/trans-string-en.js
index 5ac79c95..e97489b0 100644
--- a/modules/core/client/app/trans-string-en.js
+++ b/modules/core/client/app/trans-string-en.js
@@ -592,6 +592,7 @@
 
     MESSAGE_TO_ICON_TITLE: 'Send a message to {{name}}',
     USER_INFO_TITLE: 'user info of {{name}}',
+    USER_IS_VIP: '{{name}} is a VIP',
 
     //traces
     ADMIN_TRACES_LIST: 'Traces List',
diff --git a/modules/core/client/app/trans-string-zh.js b/modules/core/client/app/trans-string-zh.js
index f9a0bbe5..c7d95554 100644
--- a/modules/core/client/app/trans-string-zh.js
+++ b/modules/core/client/app/trans-string-zh.js
@@ -592,6 +592,7 @@
 
     MESSAGE_TO_ICON_TITLE: '给{{name}}发送站内消息',
     USER_INFO_TITLE: '{{name}} 的用户信息',
+    USER_IS_VIP: '{{name}} 是一个VIP用户',
 
     //traces
     ADMIN_TRACES_LIST: '系统日志',
diff --git a/modules/core/client/less/mt.less b/modules/core/client/less/mt.less
index 302a219b..d1aa3e86 100644
--- a/modules/core/client/less/mt.less
+++ b/modules/core/client/less/mt.less
@@ -208,6 +208,7 @@ body {
 
 .vip-flag {
     color: #FF6600;
+    cursor: pointer;
     > kbd {
         font-size: 12px;
         background-color: #FF6600;
diff --git a/modules/invitations/client/views/admin/official.client.view.html b/modules/invitations/client/views/admin/official.client.view.html
index 32dcab15..49d04ef7 100644
--- a/modules/invitations/client/views/admin/official.client.view.html
+++ b/modules/invitations/client/views/admin/official.client.view.html
@@ -63,6 +63,7 @@
                             <th scope="row">{{$index+1}}</th>
                             <td class="text-center">
                                 <span user-info="r.user" info-name></span>
+                                <span vip-flag="r.user"></span>
                                 <span message-to="r.user" to-class="message-to-icon"></span>
                             </td>
                             <td class="text-center">{{r.token}}</td>
diff --git a/modules/ranking/client/views/ranking.client.view.html b/modules/ranking/client/views/ranking.client.view.html
index a936c6bf..eb00e137 100644
--- a/modules/ranking/client/views/ranking.client.view.html
+++ b/modules/ranking/client/views/ranking.client.view.html
@@ -36,10 +36,8 @@
                             <td class="text-center">{{$index + 1}}</td>
                             <td class="text-center"><img class="ranking-user-img" title="{{user.displayName}}" ng-src="/{{user.profileImageURL}}"></td>
                             <td>
-                                {{user.displayName}}
-                                <span class="vip-flag" ng-if="user.isVip">
-                                    <kbd>VIP</kbd>
-                                </span>
+                                <span user-info="user" info-name></span>
+                                <span vip-flag="user"></span>
                                 <span message-to="user" to-class="message-to-icon"></span>
                             </td>
                             <td class="text-center ranking-active-col">{{user.uploaded | bytes:2}}</td>
@@ -81,10 +79,8 @@
                             <td class="text-center">{{$index + 1}}</td>
                             <td class="text-center"><img class="ranking-user-img" title="{{user.displayName}}" ng-src="/{{user.profileImageURL}}"></td>
                             <td>
-                                {{user.displayName}}
-                                <span class="vip-flag" ng-if="user.isVip">
-                                    <kbd>VIP</kbd>
-                                </span>
+                                <span user-info="user" info-name></span>
+                                <span vip-flag="user"></span>
                                 <span message-to="user" to-class="message-to-icon"></span>
                             </td>
                             <td class="text-center ranking-active-col">{{user.downloaded | bytes:2}}</td>
@@ -126,10 +122,8 @@
                             <td class="text-center">{{$index + 1}}</td>
                             <td class="text-center"><img class="ranking-user-img" title="{{user.displayName}}" ng-src="/{{user.profileImageURL}}"></td>
                             <td>
-                                {{user.displayName}}
-                                <span class="vip-flag" ng-if="user.isVip">
-                                    <kbd>VIP</kbd>
-                                </span>
+                                <span user-info="user" info-name></span>
+                                <span vip-flag="user"></span>
                                 <span message-to="user" to-class="message-to-icon"></span>
                             </td>
                             <td class="text-center ranking-active-col"><span ng-class="user.ratio == 0 ? 'ratio-warning' : 'ratio-normal' ">{{ user.ratio | ratio}}</span></td>
@@ -171,10 +165,8 @@
                             <td class="text-center">{{$index + 1}}</td>
                             <td class="text-center"><img class="ranking-user-img" title="{{user.displayName}}" ng-src="/{{user.profileImageURL}}"></td>
                             <td>
-                                {{user.displayName}}
-                                <span class="vip-flag" ng-if="user.isVip">
-                                    <kbd>VIP</kbd>
-                                </span>
+                                <span user-info="user" info-name></span>
+                                <span vip-flag="user"></span>
                                 <span message-to="user" to-class="message-to-icon"></span>
                             </td>
                             <td class="text-center ranking-active-col">{{user.score}}</td>