diff --git a/seahub/institutions/templates/institutions/base.html b/seahub/institutions/templates/institutions/base.html
deleted file mode 100644
index 619f437a881..00000000000
--- a/seahub/institutions/templates/institutions/base.html
+++ /dev/null
@@ -1,32 +0,0 @@
-{% extends "base.html" %}
-{% load i18n %}
-
-{% block main_class %}d-flex ovhd{% endblock %}
-
-{% block admin_link %}
-<a href="{{ SITE_ROOT }}" title="{% trans "Exit admin panel" %}" class="item">{% trans "Exit admin panel" %}</a>
-{% endblock %}
-
-{% block main_content %}
-<div class="row flex-1 d-flex">
-    <div class="side-nav side-tabnav col-md-3">
-        <a href="#" title="{% trans "Close" %}" aria-label="{% trans "Close" %}" class="sf2-icon-x1 sf-popover-close op-icon hidden-md-up js-close-side-nav fright"></a>
-        {% block left_panel %}
-        <h3 class="hd">{{ request.user.institution.name }}</h3>
-        <ul class="side-tabnav-tabs">
-            <li class="tab {% block cur_users %}{% endblock %}">
-                <a href="{% url "institutions:useradmin" %}"><span class="sf2-icon-user"></span>{% trans "Users" %}</a>
-            </li>
-        </ul>
-
-        <form action="{% url 'institutions:useradmin_search' %}" method="get" class="side-search-form">
-            <input type="text" name="q" class="input" value="{{q}}" placeholder="{% trans "Search users" %}" />
-        </form>
-        {% endblock %}
-    </div>
-
-    <div id="right-panel" class="col-md-9 ov-auto flex-1">
-        {% block right_panel %}{% endblock %}
-    </div>
-</div>
-{% endblock %}
diff --git a/seahub/institutions/templates/institutions/info.html b/seahub/institutions/templates/institutions/info.html
deleted file mode 100644
index c9a55b32d02..00000000000
--- a/seahub/institutions/templates/institutions/info.html
+++ /dev/null
@@ -1,27 +0,0 @@
-{% extends "institutions/base.html" %}
-{% load seahub_tags i18n %}
-
-{% block cur_info %}tab-cur{% endblock %}
-
-{% block right_panel %}
-<h3 class="hd">{% trans "Info" %}</h3>
-
-<dl>
-    <dt>{% trans "Name" %}</dt>
-    <dd>{{ inst.name }}</dd>
-
-    <dt>{% trans "Libraries" %}</dt>
-    <dd>{{repos_count}}</dd>
-
-    <dt>{% trans "Activated Users" %} / {% trans "Total Users" %}</dt>
-    <dd>
-        {% if active_users_count %}{{ active_users_count }}{% else %}--{% endif %}
-        /
-        {% if users_count %}{{ users_count }}{% else %}--{% endif %}
-    </dd>
-
-    <dt>{% trans "Groups" %}</dt>
-    <dd>{{groups_count}}</dd>
-</dl>
-{% endblock %}
-
diff --git a/seahub/institutions/templates/institutions/user_info.html b/seahub/institutions/templates/institutions/user_info.html
deleted file mode 100644
index b73c892a11b..00000000000
--- a/seahub/institutions/templates/institutions/user_info.html
+++ /dev/null
@@ -1,174 +0,0 @@
-{% extends "institutions/base.html" %}
-{% load i18n avatar_tags seahub_tags %}
-{% load static %}
-
-{% block right_panel %}
-<p class="path-bar">
-    <a class="normal" href="{% url "institutions:useradmin" %}">Users</a>
-    <span class="path-split">/</span>
-    {{ email }}
-</p>
-
-<div id="tabs" class="tab-tabs">
-    <div class="hd ovhd">
-        <ul class="tab-tabs-nav fleft">
-            <li class="tab"><a href="#profile" class="a">{% trans "Profile" %}</a></li>
-            <li class="tab"><a href="#owned" class="a">{% trans "Owned Libs" %}</a></li>
-            <li class="tab"><a href="#user-admin-groups" class="a">{% trans "Groups" %}</a></li>
-        </ul>
-    </div>
-
-    <div id="profile">
-        <dl>
-            <dt>{% trans "Avatar" %}</dt>
-            <dd>{% avatar email 48 %}</dd>
-
-            <dt>{% trans "Email" %}</dt>
-            <dd>{{ email }}</dd>
-
-            {% if profile %}
-            <dt>{% trans "Name" context "true name" %}</dt>
-            <dd>{{ profile.nickname }}</dd>
-            {% endif %}
-
-            {% if d_profile %}
-            <dt>{% trans "Department" %}</dt>
-            <dd>{{ d_profile.department }}</dd>
-
-            <dt>{% trans "Telephone" %}</dt>
-            <dd>{{ d_profile.telephone }}</dd>
-            {% endif %}
-
-            <dt>{% trans "Space Used" %}</dt>
-            <dd>{{ space_usage|seahub_filesizeformat }} {% if space_quota > 0 %} / {{ space_quota|seahub_filesizeformat }} {% endif %} <a href="#" class="sf-btn-link" style="margin-left:20px;" id="set-quota">{% trans "Set Quota" %}</a></dd>
-        </dl>
-
-        <form id="set-quota-form" method="post" class="hide">{% csrf_token %}
-            <h3>{% trans "Set Quota" %}</h3>
-            <input type="hidden" name="email" value="{{ email }}" />
-            <input type="text" name="space_quota" class="input" /> MB
-            <p class="tip">{% trans "Available quota:" %} {{ available_quota|seahub_filesizeformat}}</p>
-            <p class="error hide"></p>
-            <input type="submit" value="{% trans "Submit" %}" class="submit" />
-        </form>
-    </div>
-    
-    <div id="owned">
-        {% if owned_repos %}
-        <table class="repo-list">
-            <tr>
-                <th width="4%"><!--icon--></th>
-                <th width="35%">{% trans "Name" %}</th>
-                <th width="16%">{% trans "Size"%}</th>
-                <th width="25%">{% trans "Last Update"%}</th>
-                <th width="20%">{% trans "Operations" %}</th>
-            </tr>
-
-            {% for repo in owned_repos %}
-            <tr>
-                {% if repo.encrypted %}
-                <td><img src="{{MEDIA_URL}}img/lib/48/lib-encrypted.png" width="24" title="{% trans "Encrypted"%}" alt="{% trans "library icon" %}" /></td>
-                {% else %}
-                <td><img src="{{MEDIA_URL}}img/lib/48/lib.png" width="24" title="{% trans "Read-Write" %}" alt="{% trans "library icon" %}" /></td>
-                {% endif %}
-
-                {% if not repo.name %}
-                    <td>Broken ({{repo.id}})</td>
-                {% else %}
-                    {% if repo.encrypted %}
-                        <td>{{ repo.name }}</td>
-                    {% elif enable_sys_admin_view_repo %}
-                        <td><a href="{{ SITE_ROOT }}sysadmin/#libs/{{ repo.id }}/">{{ repo.name }}</a></td>
-                    {% else %}
-                        <td>{{ repo.name }}</td>
-                    {% endif %}
-                {% endif %}
-
-                <td>{{ repo.size|filesizeformat }}</td>
-                <td>{{ repo.last_modify|translate_seahub_time }}</td>
-                <td data-id="{{ repo.props.id }}" data-name="{{repo.name}}">
-                </td>
-            </tr>
-            {% endfor %}
-        </table>
-        {% else %}
-        <div class="empty-tips">
-            <h2 class="alc">{% trans "This user has not created any libraries" %}</h2>
-        </div>
-        {% endif %}
-    </div>
-
-    <div id="user-admin-groups">
-        {% if personal_groups %}
-        <table>
-            <tr>
-                <th width="30%">{% trans "Name" %}</th>
-                <th width="30%">{% trans "Role" %}</th>
-                <th width="25%">{% trans "Create At" %}</th>
-                <th width="15%">{% trans "Operations" %}</th>
-            </tr>
-            {% for group in personal_groups %}
-                <tr>
-                    <td><a href="{{ SITE_ROOT }}sysadmin/#groups/{{ group.id }}/libs/">{{ group.group_name }}</a></td>
-                    <td>{{ group.role }}</td>
-                    <td>{{ group.timestamp|tsstr_sec }}</td>
-                    <td></td>
-                </tr>
-            {% endfor %}
-        </table>
-        {% else %}
-        <div class="empty-tips">
-            <h2 class="alc">{% trans "This user has not created or joined any groups" %}</h2>
-        </div>
-        {% endif %}
-    </div>
-</div>
-
-{% endblock %}
-
-
-{% block extra_script %}
-<script type="text/javascript" src="{% static "scripts/lib/jquery-ui.min.js" %}"></script>
-<script type="text/javascript">
-$('#tabs').tabs({cookie:{expires:1}});
-
-$('#set-quota').on('click', function() {
-    $("#set-quota-form").modal({appendTo: "#main"});
-    return false;
-});
-
-$('#set-quota-form').on('submit', function() {
-    var form = $('#set-quota-form'),
-        form_id = form.attr('id'),
-        space_quota = $('input[name="space_quota"]', form).val();
-
-    if (!$.trim(space_quota)) {
-        apply_form_error(form_id, "{% trans "Space Quota can't be empty" %}");
-        return false;
-    }
-
-    var data = { 'email': $('input[name="email"]', form).val(), 'space_quota': space_quota };
-
-    var sb_btn = $(this);
-    disable(sb_btn);
-    $.ajax({
-        url: '{% url 'institutions:user_set_quota' email %}',
-        type: 'POST',
-        dataType: 'json',
-        cache: false,
-        beforeSend: prepareCSRFToken,
-        data: data,
-        success: function(data) {
-            location.reload(true);
-        },
-        error: function(xhr, textStatus, errorThrown) {
-            var error_msg = prepareAjaxErrorMsg(xhr);
-            apply_form_error(form_id, error_msg);
-            enable(sb_btn);
-        }
-    });
-    return false;
-});
- 
-</script>
-{% endblock %}
diff --git a/seahub/institutions/templates/institutions/useradmin.html b/seahub/institutions/templates/institutions/useradmin.html
deleted file mode 100644
index 4b3289eac4d..00000000000
--- a/seahub/institutions/templates/institutions/useradmin.html
+++ /dev/null
@@ -1,148 +0,0 @@
-{% extends "institutions/base.html" %}
-{% load seahub_tags i18n %}
-{% block cur_users %}tab-cur{% endblock %}
-
-
-{% block right_panel %}
-<div class="tabnav ovhd">
-    <ul class="tabnav-tabs fleft">
-        <li class="tabnav-tab tabnav-tab-cur"><a href="{% url 'institutions:useradmin' %}">{% trans "Users" %}</a></li>
-    </ul>
-</div>
-
-{% if users %}
-<table>
-    <tr>
-        <th width="36%">{% trans "Email" %} / {% trans "Name" %} / {% trans "Contact Email" %}</th>
-        <th width="12%">{% trans "Status" %}</th>
-        <th width="16%">{% trans "Space Used" %}</th>
-        <th width="22%">{% trans "Create At / Last Login" %}</th>
-        <th width="14%">{% trans "Operations" %}</th>
-    </tr>
-
-    {% for user in users %}
-    <tr data-userid="{{user.email}}">
-        <td>
-            <a href="{% url 'institutions:user_info' user.email %}">{{ user.email }}</a>
-            {% if user.name %}<br />{{ user.name }}{% endif %}
-            {% if user.contact_email %}<br />{{ user.contact_email }}{% endif %}
-        </td>
-        <td>
-            <div class="user-status">
-              {% if user.is_active %}
-                <span class="user-status-cur-value">{% trans "Active" %}</span>
-              {% else %}
-                <span class="user-status-cur-value">{% trans "Inactive" %}</span>
-              {% endif %}
-              {% if not user.is_self and not user.is_staff and not user.is_institution_admin %}
-                <span title="{% trans "Edit"%}" class="user-status-edit-icon sf2-icon-edit op-icon vh"></span>
-              {% endif %}
-            </div>
-            <select name="permission" class="user-status-select hide">
-                <option value="1" {%if user.is_active %}selected="selected"{% endif %}>{% trans "Active" %}</option>
-                <option value="0" {%if not user.is_active %}selected="selected"{% endif %}>{% trans "Inactive"%}</option>
-            </select>
-        </td>
-        <td style="font-size:11px;">
-            <p> {{ user.space_usage|seahub_filesizeformat }} {% if user.space_quota > 0 %} / {{ user.space_quota|seahub_filesizeformat }} {% endif %} </p>
-        </td>
-        <td>
-            {% if user.source == "DB" %}
-            {{ user.ctime|tsstr_sec }} /<br />
-            {% else %}
-            -- /
-            {% endif %}
-            {% if user.last_login %}{{user.last_login|translate_seahub_time}} {% else %} -- {% endif %}
-        </td>
-        <td>
-          {% if not user.is_self and not user.is_staff and not user.is_institution_admin %}
-          <a href="#" class="remove-user-btn op vh" data-url="{% url 'institutions:user_remove' user.email %}" data-target="{{ user.email }}">{% trans "Delete" %}</a>
-          {% endif %}
-        </td>
-    </tr>
-    {% endfor %}
-</table>
-
-{% include "snippets/admin_paginator.html" %}
-{% else %}
-<p>{% trans "Empty" %}</p>
-{% endif %}
-
-<div id="activate-msg" class="hide">
-    <p>{% trans "Activating..., please wait" %}</p>
-</div>
-
-{% endblock %}
-
-{% block extra_script %}
-<script type="text/javascript">
-addConfirmTo($('.remove-user-btn'), {
-    'title':"{% trans "Delete User" %}",
-    'con':"{% trans "Are you sure you want to delete %s ?" %}",
-    'post': true // post request
-});
-
-$('.user-status-edit-icon, .user-role-edit-icon').on('click', function() {
-    $(this).parent().addClass('hide');
-    $(this).parent().next().removeClass('hide'); // show 'select'
-});
-$('.user-status-select, .user-role-select').on('change', function() {
-    var select = $(this),
-        select_val = select.val(),
-        uid = select.parents('tr').attr('data-userid'),
-        $select_prev = $(this).prev('.user-status, .user-role'), // .user-status, .user-role
-        url, data;
-
-    if (select.hasClass('user-status-select')) {
-        url = "{{ SITE_ROOT }}inst/useradmin/toggle_status/" + uid + "/";
-        data = {'s': select_val};
-    } else {
-        url = "{{ SITE_ROOT }}inst/useradmin/toggle_role/" + uid + "/";
-        data = {'r': select_val};
-    }
-
-    if (select_val == 1) {
-        // show activating popup
-        $('#activate-msg').modal();
-        $('#simplemodal-container').css({'height':'auto'});
-    }
-    $.ajax({
-        url: url,
-        type: 'POST',
-        dataType: 'json',
-        data: data,
-        cache: false,
-        beforeSend: prepareCSRFToken,
-        success: function(data) {
-            if (data['email_sent']) {
-                feedback("{% trans "Edit succeeded, an email has been sent." %}", 'success');
-            } else if (data['email_sent'] === false) {
-                feedback("{% trans "Edit succeeded, but failed to send email, please check your email configuration." %}", 'success');
-            } else {
-                feedback("{% trans "Edit succeeded" %}", 'success');
-            }
-            $('.user-status-cur-value', $select_prev).html(select.children('option[value="' +select.val() + '"]').text());
-            select.addClass('hide');
-            $select_prev.removeClass('hide');
-            $.modal.close();
-        },
-        error: function() {
-            feedback("{% trans "Edit failed." %}", 'error');
-            select.addClass('hide');
-            $select_prev.removeClass('hide');
-            $.modal.close();
-        }
-    });
-});
-// select shows, but the user doesn't select a value, or doesn't change the permission, click other place to hide the select
-$(document).on('click', function(e) {
-    var target = e.target || event.srcElement;
-    // target can't be edit-icon
-    if (!$('.user-status-edit-icon, .user-status-select').is(target)) {
-        $('.user-status').removeClass('hide');
-        $('.user-status-select').addClass('hide');
-    }
-});
- 
-</script>
-{% endblock %}
diff --git a/seahub/institutions/templates/institutions/useradmin_search.html b/seahub/institutions/templates/institutions/useradmin_search.html
deleted file mode 100644
index 55f2761c2fa..00000000000
--- a/seahub/institutions/templates/institutions/useradmin_search.html
+++ /dev/null
@@ -1,77 +0,0 @@
-{% extends "institutions/base.html" %}
-{% load seahub_tags i18n %}
-{% block cur_users %}tab-cur{% endblock %}
-
-
-{% block right_panel %}
-<h3>{% trans "Search User"%}</h3>
-
-<form id="search-user-form" method="get" action=".">
-    <label>{% trans "Email" %}</label><br />
-    <input type="text" name="q" class="input" value="{{q}}" /><br />
-    <input type="submit" value="{% trans "Submit" %}" class="submit" />
-</form>
-<h3>{% trans "Result"%}</h3>
-
-{% if users %}
-<table>
-    <tr>
-        <th width="36%">{% trans "Email" %} / {% trans "Name" %} / {% trans "Contact Email" %}</th>
-        <th width="12%">{% trans "Status" %}</th>
-        <th width="16%">{% trans "Space Used" %}</th>
-        <th width="22%">{% trans "Create At / Last Login" %}</th>
-        <th width="14%">{% trans "Operations" %}</th>
-    </tr>
-
-    {% for user in users %}
-    <tr data-userid="{{user.email}}">
-        <td>
-            <a href="{% url 'institutions:user_info' user.email %}">{{ user.email }}</a>
-            {% if user.name %}<br />{{ user.name }}{% endif %}
-            {% if user.contact_email %}<br />{{ user.contact_email }}{% endif %}
-        </td>
-        <td>
-            <div class="user-status">
-              {% if user.is_active %}
-                <span class="user-status-cur-value">{% trans "Active" %}</span>
-              {% else %}
-                <span class="user-status-cur-value">{% trans "Inactive" %}</span>
-              {% endif %}
-            </div>
-        </td>
-        <td style="font-size:11px;">
-            <p> {{ user.space_usage|seahub_filesizeformat }} {% if user.space_quota > 0 %} / {{ user.space_quota|seahub_filesizeformat }} {% endif %} </p>
-        </td>
-        <td>
-            {% if user.source == "DB" %}
-            {{ user.ctime|tsstr_sec }} /<br />
-            {% else %}
-            -- /
-            {% endif %}
-            {% if user.last_login %}{{user.last_login|translate_seahub_time}} {% else %} -- {% endif %}
-        </td>
-        <td>
-          {% if not user.is_self and not user.is_staff and not user.is_institution_admin %}
-          <a href="#" class="remove-user-btn op vh" data-url="{% url 'institutions:user_remove' user.email %}" data-target="{{ user.email }}">{% trans "Delete" %}</a>
-          {% endif %}
-        </td>
-    </tr>
-    {% endfor %}
-</table>
-
-{% else %}
-<p>{% trans "Empty" %}</p>
-{% endif %}
-
-{% endblock %}
-
-{% block extra_script %}
-<script type="text/javascript">
- addConfirmTo($('.remove-user-btn'), {
-     'title':"{% trans "Delete User" %}",
-     'con':"{% trans "Are you sure you want to delete %s ?" %}",
-     'post': true // post request
- });
-
-</script>
-{% endblock %}