diff --git a/seahub/base/context_processors.py b/seahub/base/context_processors.py
index 10ac828b3b..2685f0ab51 100644
--- a/seahub/base/context_processors.py
+++ b/seahub/base/context_processors.py
@@ -22,7 +22,8 @@ try:
 except ImportError:
     SEACLOUD_MODE = False
 
-from seahub.utils import HAS_FILE_SEARCH, EVENTS_ENABLED, TRAFFIC_STATS_ENABLED
+from seahub.utils import HAS_FILE_SEARCH, EVENTS_ENABLED, TRAFFIC_STATS_ENABLED, \
+        is_pro_version
 
 try:
     from seahub.settings import ENABLE_PUBFILE
@@ -85,4 +86,5 @@ def base(request):
         'FILE_SERVER_ROOT': file_server_root,
         'enable_guest_invitation': ENABLE_GUEST_INVITATION,
         'enable_terms_and_conditions': dj_settings.ENABLE_TERMS_AND_CONDITIONS,
+        'is_pro': True if is_pro_version() else False,
         }
diff --git a/seahub/templates/js/sysadmin-templates.html b/seahub/templates/js/sysadmin-templates.html
index d727dd2581..1141811bee 100644
--- a/seahub/templates/js/sysadmin-templates.html
+++ b/seahub/templates/js/sysadmin-templates.html
@@ -67,9 +67,11 @@
             <a href="{{ SITE_ROOT }}sys/termsadmin/"><span class="sf2-icon-wiki"></span>{% trans "Terms and Conditions" %}</a>
         </li>
         {% endif %}
+        <% if (app.pageOptions.is_pro) { %>
         <li class="tab<% if (cur_tab == 'admin-logs') { %> tab-cur<% } %>">
             <a href="{{ SITE_ROOT }}sysadmin/#admin-logs/"><span class="sf2-icon-clock"></span>{% trans "Admin Logs" %}</a>
         </li>
+        <% } %>
 
     </ul>
     <% if (cur_tab == 'libraries') { %>
@@ -845,11 +847,11 @@
 </script>
 
 <script type="text/template" id="admin-logs-tmpl">
-    <div class="hd ovhd">
-        <h3 class="fleft">{% trans "Admin Logs" %}</h3>
+    <div class="hd">
+        <h3>{% trans "Admin Logs" %}</h3>
     </div>
     <span class="loading-icon loading-tip"></span>
-    <table>
+    <table class="hide">
         <thead>
             <tr>
                 <th width="20%">{% trans "Email" %}</th>
@@ -861,57 +863,18 @@
         <tbody>
         </tbody>
     </table>
-    <div class="empty-tips hide">
-        <h2 class="alc">{% trans "No Admin Logs" %}</h2>
-    </div>
     <div id="paginator">
         <a class="prev js-previous hide" href="#">{% trans "Previous" %}</a>
         <a class="next js-next hide" href="#">{% trans "Next" %}</a>
     </div>
+    <div class="empty-tips hide">
+        <h2 class="alc">{% trans "No Admin Logs" %}</h2>
+    </div>
 </script>
 
 <script type="text/template" id="admin-log-item-tmpl">
-    <td><a href="{{ SITE_ROOT }}useradmin/info/<% print(encodeURIComponent(email)); %>/"><%- email %></a></td>
-
-    <% if (operation=='repo_delete') { %>
-    <td>{% trans "Delete Library" %}</td>
-    <td>{% trans "Delete library" %} <strong title="<%- detail['id'] %>"><%- detail['name'] %></strong></td>
-    <% } %>
-
-    <% if (operation=='repo_transfer') { %>
-    <td>{% trans "Transfer Library" %}</td>
-    <% if (app.pageOptions.is_pro && app.pageOptions.enable_sys_admin_view_repo) { %>
-    <td>{% trans "Transfer library" %} <a href="#libs/<%- detail['id'] %>/"><%- detail['name'] %></a> {% trans "from" %} <a href="{{ SITE_ROOT }}useradmin/info/<%- detail['from'] %>/"><%- detail['from'] %></a> {% trans "to" %} <a href="{{ SITE_ROOT }}useradmin/info/<%- detail['to'] %>/"><%- detail['to'] %></a></td>
-    <% } else { %>
-    <td>{% trans "Transfer library" %} <%- detail['name'] %> {% trans "from" %} <a href="{{ SITE_ROOT }}useradmin/info/<%- detail['from'] %>/"><%- detail['from'] %></a> {% trans "to" %} <a href="{{ SITE_ROOT }}useradmin/info/<%- detail['to'] %>/"><%- detail['to'] %></a></td>
-    <% } %>
-    <% } %>
-
-    <% if (operation=='group_create') { %>
-    <td>{% trans "Create Group" %}</td>
-    <td>{% trans "Create group" %} <span><a href="#groups/<%- detail['id'] %>/"><%- detail['name'] %></span></td>
-    <% } %>
-
-    <% if (operation=='group_transfer') { %>
-    <td>{% trans "Transfer Group" %}</td>
-
-    <td>{% trans "Transfer group" %} <a href="#groups/<%- detail['id'] %>/"><%- detail['name'] %></a> {% trans "from" %} <a href="{{ SITE_ROOT }}useradmin/info/<%- detail['from'] %>/"><%- detail['from'] %></a> {% trans "to" %} <a href="{{ SITE_ROOT }}useradmin/info/<%- detail['to'] %>/"><%- detail['to'] %></a></td>
-    <% } %>
-
-    <% if (operation=='group_delete') { %>
-    <td>{% trans "Delete Group" %}</td>
-    <td>{% trans "Delete group" %} <strong title="<%- detail['id'] %>"><%- detail['name'] %></strong></td>
-    <% } %>
-
-    <% if (operation=='user_add') { %>
-    <td>{% trans "Add User" %}</td>
-    <td>{% trans "Add user" %} <span><a href="{{ SITE_ROOT }}useradmin/info/<%- detail['email'] %>/"><%- detail['email'] %></a></span></td>
-    <% } %>
-
-    <% if (operation=='user_delete') { %>
-    <td>{% trans "Delete User" %}</td>
-    <td>{% trans "Delete user" %} <strong><%- detail['email'] %></strong></td>
-    <% } %>
-
+    <td><a href="<%= admin_user_url %>"><%- email %></a></td>
+    <td><%= op_title %></td>
+    <td><%= op_details %></td>
     <td><time title="<%- time %>"><%- time_from_now %></time></td>
 </script>
diff --git a/seahub/templates/sysadmin/base.html b/seahub/templates/sysadmin/base.html
index 54ef3b1eeb..02a2685bca 100644
--- a/seahub/templates/sysadmin/base.html
+++ b/seahub/templates/sysadmin/base.html
@@ -73,9 +73,11 @@
                 <a href="{{ SITE_ROOT }}sys/termsadmin/"><span class="sf2-icon-wiki"></span>{% trans "Terms and Conditions" %}</a>
             </li>
             {% endif %}
+            {% if is_pro %}
             <li class="tab">
                 <a href="{{ SITE_ROOT }}sysadmin/#admin-logs/"><span class="sf2-icon-clock"></span>{% trans "Admin Logs" %}</a>
             </li>
+            {% endif %}
         </ul>
         {% endblock %}
     </div>
diff --git a/static/scripts/common.js b/static/scripts/common.js
index e89d4cca50..3a32fe1c5e 100644
--- a/static/scripts/common.js
+++ b/static/scripts/common.js
@@ -179,7 +179,6 @@ define([
                 case 'admin-trash-library': return siteRoot + 'api/v2.1/admin/trash-libraries/' + options.repo_id + '/';
                 case 'admin_shares': return siteRoot + 'api/v2.1/admin/shares/';
                 case 'sys_group_admin_export_excel': return siteRoot + 'sys/groupadmin/export-excel/';
-
                 case 'admin-logs': return siteRoot + 'api/v2.1/admin/admin-logs/';
             }
         },
diff --git a/static/scripts/sysadmin-app/collection/admin-logs.js b/static/scripts/sysadmin-app/collection/admin-logs.js
index 02c8837c58..bbb8265deb 100644
--- a/static/scripts/sysadmin-app/collection/admin-logs.js
+++ b/static/scripts/sysadmin-app/collection/admin-logs.js
@@ -16,16 +16,15 @@ define([
 
         state: {
             firstPage: 1,
-            pageSize: 100,
+            pageSize: 100
         },
 
-        // Setting `null` as the value of any mapping
-        // will remove it from the query string.
+        // Setting a parameter mapping value to null removes it from the query string
         queryParams: {
             currentPage: "page",
             pageSize: "per_page",
             totalPages: null,
-            totalRecords: null,
+            totalRecords: null
         },
 
         parseState: function (resp) {
diff --git a/static/scripts/sysadmin-app/views/admin-log.js b/static/scripts/sysadmin-app/views/admin-log.js
index adceb41d22..784f2b05e9 100644
--- a/static/scripts/sysadmin-app/views/admin-log.js
+++ b/static/scripts/sysadmin-app/views/admin-log.js
@@ -21,12 +21,71 @@ define([
         },
 
         render: function() {
-            var data = this.model.toJSON(),
-                created_at = Moment(data['datetime']);
+            var data = {'email': this.model.get('email')},
+                created_at = Moment(this.model.get('datetime'));
 
             data['time'] = created_at.format('LLLL');
             data['time_from_now'] = Common.getRelativeTimeStr(created_at);
 
+            var detail = this.model.get('detail');
+
+            var user_url = function(user_id) {
+                return app.config.siteRoot + 'useradmin/info/' + encodeURIComponent(user_id) + '/';
+            };
+
+            data.admin_user_url = user_url(data.email);
+
+            switch(this.model.get('operation')) {
+                case 'repo_delete':
+                    data.op_title = gettext("Delete Library");
+                    data.op_details = gettext("Deleted library {library_name}")
+                        .replace('{library_name}', '<span class="bold" title="' + detail.id + '">' + Common.HTMLescape(detail.name) + '</span>');
+                    break;
+
+                case 'repo_transfer':
+                    data.op_title = gettext("Transfer Library");
+                    data.op_details = gettext("Transferred library {library_name} from {user_from} to {user_to}")
+                        .replace('{user_from}', '<a href="' + user_url(detail.from) + '">' + Common.HTMLescape(detail.from) + '</a>')
+                        .replace('{user_to}', '<a href="' + user_url(detail.to) + '">' + Common.HTMLescape(detail.to) + '</a>');
+                    if (app.pageOptions.is_pro && app.pageOptions.enable_sys_admin_view_repo) {
+                        data.op_details = data.op_details.replace('{library_name}', '<a href="#libs/' + encodeURIComponent(detail.id) + '/">' + Common.HTMLescape(detail.name) + '</a>');
+                    } else {
+                        data.op_details = data.op_details.replace('{library_name}', '<span class="bold" title="' + detail.id + '">' + Common.HTMLescape(detail.name) + '</span>');
+                    }
+                    break;
+
+                case 'group_create':
+                    data.op_title = gettext("Create Group");
+                    data.op_details = gettext("Created group {group_name}").replace('{group_name}', '<a href="#groups/' + encodeURIComponent(detail.id) + '/">' + Common.HTMLescape(detail.name) + '</a>');
+                    break;
+
+                case 'group_transfer':
+                    data.op_title = gettext("Transfer Group");
+                    data.op_details = gettext("Transferred group {group_name} from {user_from} to {user_to}")
+                        .replace('{group_name}', '<a href="#groups/' + encodeURIComponent(detail.id) + '/">' + Common.HTMLescape(detail.name) + '</a>')
+                        .replace('{user_from}', '<a href="' + user_url(detail.from) + '">' + Common.HTMLescape(detail.from) + '</a>')
+                        .replace('{user_to}', '<a href="' + user_url(detail.to) + '">' + Common.HTMLescape(detail.to) + '</a>');
+                    break;
+
+                case 'group_delete':
+                    data.op_title = gettext("Delete Group");
+                    data.op_details = gettext("Deleted group {group_name}")
+                        .replace('{group_name}', '<span class="bold" title="' + detail.id + '">' + Common.HTMLescape(detail.name) + '</span>');
+                    break;
+
+                case 'user_add':
+                    data.op_title = gettext("Add User");
+                    data.op_details = gettext("Added user {user}")
+                        .replace('{user}', '<a href="' + user_url(detail.email) + '">' + Common.HTMLescape(detail.email) + '</a>');
+                    break;
+
+                case 'user_delete':
+                    data.op_title = gettext("Delete User");
+                    data.op_details = gettext("Deleted user {user}")
+                        .replace('{user}', '<span class="bold">' + Common.HTMLescape(detail.email) + '</span>');
+                    break;
+            }
+
             this.$el.html(this.template(data));
 
             return this;
diff --git a/static/scripts/sysadmin-app/views/admin-logs.js b/static/scripts/sysadmin-app/views/admin-logs.js
index 330bc79e96..35a3d3aa4f 100644
--- a/static/scripts/sysadmin-app/views/admin-logs.js
+++ b/static/scripts/sysadmin-app/views/admin-logs.js
@@ -129,6 +129,9 @@ define([
                             err_msg = gettext("Failed. Please check the network.");
                         }
                         Common.feedback(err_msg, 'error');
+                    },
+                    complete: function() {
+                        _this.$loadingTip.hide();
                     }
                 });
             }