diff --git a/media/css/seahub.css b/media/css/seahub.css
index de4d3e600d..9449898852 100644
--- a/media/css/seahub.css
+++ b/media/css/seahub.css
@@ -3424,3 +3424,33 @@ textarea:-moz-placeholder {/* for FF */
     text-decoration: none;
     font-size: 14px;
 }
+/* multi repo operation */
+.repo-setting-icon,
+.repo-trash-icon,
+.repo-history-icon {
+    display:inline-block;
+    margin-right:25px;
+    outline:none; /* removing the dotted outline for FireFox */
+    width:30px;
+    height:30px;
+}
+.repo-setting-icon {
+    background-image: url('../img/multi-repo-op.png');
+}
+.repo-setting-icon:hover {
+    background-position: 0 -30px;
+}
+.repo-trash-icon {
+    background-image: url('../img/multi-repo-op.png');
+    background-position: 0 -60px;
+}
+.repo-trash-icon:hover {
+    background-position: 0 -90px;
+}
+.repo-history-icon {
+    background-image: url('../img/multi-repo-op.png');
+    background-position: 0 -120px;
+}
+.repo-history-icon:hover {
+    background-position: 0 -150px;
+}
diff --git a/media/img/multi-repo-op.png b/media/img/multi-repo-op.png
new file mode 100644
index 0000000000..4242921a0e
Binary files /dev/null and b/media/img/multi-repo-op.png differ
diff --git a/seahub/templates/js/dir-op-bar.html b/seahub/templates/js/dir-op-bar.html
index 883bd9cc84..aecf94c30f 100644
--- a/seahub/templates/js/dir-op-bar.html
+++ b/seahub/templates/js/dir-op-bar.html
@@ -27,3 +27,6 @@
 <% if (path != '/' && !encrypted) { %>
 <button class="op-btn" id="share-cur-dir">{% trans "Share" %}</button>
 <% } %>
+<a class="repo-history-icon fright" href="repo/history/<%- repo_id %>/" target="_blank" title="{% trans 'Settings' %}"></a>
+<a class="repo-trash-icon fright" href="repo/recycle/<%- repo_id %>/" target="_blank" title="{% trans 'Settings' %}"></a>
+<a class="repo-setting-icon fright" href="repo/<%- repo_id %>/settings/" target="_blank" title="{% trans 'Settings' %}"></a>