diff --git a/seahub/templates/js/sysadmin-templates.html b/seahub/templates/js/sysadmin-templates.html
index f9ff1701a5..3ed6b0213d 100644
--- a/seahub/templates/js/sysadmin-templates.html
+++ b/seahub/templates/js/sysadmin-templates.html
@@ -1,4 +1,4 @@
-{% load i18n %}
+{% load avatar_tags i18n %}
 
 <script type="text/template" id="side-nav-tmpl">
     <h3 class="hd">{% trans "System Admin" %}</h3>
@@ -214,3 +214,21 @@
     <td><%- error_msg %></td>
     <td><time title='<%- time %>'><%- time_from_now %></time></td>
 </script>
+
+<script type="text/template" id="user-info-popup-tmpl">
+    <div class="outer-caret up-outer-caret"><div class="inner-caret"></div></div>
+    <div class="popover-con">
+        <div class="item ovhd">
+            {% avatar request.user 36 %}
+            <div class="txt">
+                <%- app.pageOptions.name %><br />
+                <%- app.pageOptions.email %>
+            </div>
+        </div>
+        <div class="loading-icon loading-tip"></div>
+        <p class="error alc hide"></p>
+        <div id="space-traffic" class="hide"></div>
+        <a class="item" href="{{ SITE_ROOT }}profile/">{% trans "Settings" %}</a>
+        <a href="{{ SITE_ROOT }}accounts/logout/" class="item" id="logout">{% trans "Log out" %}</a>
+    </div>
+</script>
diff --git a/static/scripts/sysadmin-app/router.js b/static/scripts/sysadmin-app/router.js
index 820df960b6..226714796a 100644
--- a/static/scripts/sysadmin-app/router.js
+++ b/static/scripts/sysadmin-app/router.js
@@ -7,9 +7,11 @@ define([
     'sysadmin-app/views/dashboard',
     'sysadmin-app/views/desktop-devices',
     'sysadmin-app/views/mobile-devices',
-    'sysadmin-app/views/device-errors'
+    'sysadmin-app/views/device-errors',
+    'app/views/account'
 ], function($, Backbone, Common, SideNavView, DashboardView,
-    DesktopDevicesView, MobileDevicesView, DeviceErrorsView) {
+    DesktopDevicesView, MobileDevicesView, DeviceErrorsView,
+    AccountView) {
     "use strict";
 
     var Router = Backbone.Router.extend({
@@ -39,6 +41,8 @@ define([
             this.mobileDevicesView = new MobileDevicesView();
             this.deviceErrorsView = new DeviceErrorsView();
 
+            app.ui.accountView = this.accountView = new AccountView();
+
             this.currentView = this.dashboardView;
 
             $('#info-bar .close').click(Common.closeTopNoticeBar);