[traffic admin] improved ui

media/css/seahub.css

@@ -457,6 +457,13 @@ textarea:-moz-placeholder {/* for FF */
 .side-tabnav-tabs .tab-cur .group {
     background-image:url('../img/groups_w.png');
 }
+.side-tabnav-tabs .tab .traffic {
+    background-image:url('../img/traffic.png');
+    background-position: 13px 50%;
+}
+.side-tabnav-tabs .tab-cur .traffic {
+    background-image:url('../img/traffic_w.png');
+}
 .side-tabnav-tabs .tab a:hover {
     background-color:#feefb8;
     text-decoration:none;

seahub/templates/sysadmin/base.html

@@ -22,7 +22,7 @@
         </li>
         {% if traffic_stats_enabled %}
         <li class="tab {% block cur_traffic %}{% endblock %}">
-            <a href="{{ SITE_ROOT }}sys/trafficadmin/" class="links">{% trans "Traffic" %}</a>
+            <a href="{{ SITE_ROOT }}sys/trafficadmin/" class="traffic">{% trans "Traffic" %}</a>
         </li>
         {% endif %}
     </ul>

seahub/templates/sysadmin/sys_trafficadmin.html

@@ -1,32 +1,39 @@
-{% extends "admin_base.html" %}
+{% extends "sysadmin/base.html" %}
+
 {% load seahub_tags i18n %}
-{% block nav_trafficadmin_class %}class="cur"{% endblock %}
 
-{% block main_panel %}
+{% block cur_traffic %}tab-cur{% endblock %}
 
-<form action="{{ sys_traffic_admin }}" method="GET" autocomplete="off">
+{% block extra_style %}
-  <label for="month">{% trans "Month (like 201403):" %}</label>
+<style type="text/css">
-  <input type="text" name="month" maxlength="6" value="{{ month }}" />
+#traffic-month-form {
+    margin-top:10px; 
+}
+#traffic-month-form .input {
+    width:100px;
+}
+</style>
+{% endblock %}
+
+{% block right_panel %}
+<h3 class="hd">{% trans "User Traffic" %}</h3>
+
+<form action="{{ sys_traffic_admin }}" method="get" autocomplete="off" id="traffic-month-form">
+    <label for="month">{% trans "Month:" %}</label>
+    <input type="text" name="month" maxlength="6" value="{{ month }}" class="input" />
 </form>
 
 <table>
-  <tr>
+    <tr>
-    <th>{% trans "User" %}</th>
+        <th>{% trans "User" %}</th>
-    <th>{% trans "Total Usage" %}</th>
+        <th>{% trans "Total Usage" %}</th>
-    <th>{% trans "Shared File View" %}</th>
+    </tr>
-    <th>{% trans "Shared File Download" %}</th>
+    {% for info in traffic_info_list %}
-    <th>{% trans "Shared Folder Download" %}</th>
+    <tr>
-  </tr>
+        <td>{{ info.email }}</td>
-  {% for info in traffic_info_list %}
+        <td>{{ info.total |filesizeformat }}</td>
-  <tr>
+    </tr>
-    <td>{{ info.email }}</td>
+    {% endfor %}
-    <td>{{ info.total |filesizeformat }}</td>
-    <td>{{ info.file_view |filesizeformat }}</td>
-    <td>{{ info.file_download |filesizeformat }}</td>
-    <td>{{ info.dir_download |filesizeformat }}</td>
-    <td></td>
-  </tr>
-  {% endfor %}
 </table>
 
 <div id="paginator">