[damned-lies: 7/13] Fix for the statistics table

[Gil Forcada Codinachs <gforcada src gnome org>]

commit 352dc010db7439ee3c9046ef3e61d4f6f5b6f1e6
Author: Tom Tryfonidis <tomtryf gmail com>
Date:   Wed Aug 8 12:21:13 2012 +0300

    Fix for the statistics table
    
    This patch fixes the stats table in language and user settings
    page.There is also a minor change to the 'module images' page.
    
    https://bugzilla.gnome.org/show_bug.cgi?id=681167

 media/newcss/template.css                       |   38 +++++++++++++++++++---
 templates/languages/language_release_stats.html |    4 +-
 templates/module_images.html                    |    2 +-
 templates/people/person_detail.html             |    2 +-
 4 files changed, 36 insertions(+), 10 deletions(-)
---
diff --git a/media/newcss/template.css b/media/newcss/template.css
index 1d0dd8f..e0478d1 100644
--- a/media/newcss/template.css
+++ b/media/newcss/template.css
@@ -378,6 +378,8 @@ table.stats thead th {
     padding-top: 5px;
     padding-bottom: 5px;
     background: -moz-linear-gradient(top, #f9f9f9, #ececec);
+	background: -webkit-linear-gradient(top, #f9f9f9, #ececec);
+	background: linear-gradient(top, #f9f9f9, #ececec);
     white-space: nowrap;
 }
 table.stats th,
@@ -403,11 +405,6 @@ table.stats tfoot {
 
 /* Compact text stats */
 
-.stats_numb a {
-    text-decoration: none;
-    border-bottom: 1px dotted rgba(0, 0, 0, 0.5);
-}
-
 pre.stats {
     color: #333;
     display: inline;
@@ -455,20 +452,26 @@ pre.stats .zero {
 .graph .translated {
     background: #73d216;
     background: -moz-linear-gradient(top, #73d216, #66bb14);
+	background: -webkit-linear-gradient(top, #73d216, #66bb14);
+	background: -linear-gradient(top, #73d216, #66bb14);
 }
 .graph .fuzzy {
     background: #5688c9;
     background: -moz-linear-gradient(top, #ff840d, #e37000);
+	background: -webkit-linear-gradient(top, #ff840d, #e37000);
+	background: linear-gradient(top, #ff840d, #e37000);
 }
 .graph .untranslated {
     background: #ff1b1b;
     background: -moz-linear-gradient(top, #ff1b1b, #cc0000);
+	background: -webkit-linear-gradient(top, #ff1b1b, #cc0000);
+	background: linear-gradient(top, #ff1b1b, #cc0000);
 }
 
 /* Download button */
 
 .download_button {
-    background: red; /* FIXME */
+	text-decoration: underline;
 }
 
 /* Multi column lists */
@@ -573,6 +576,29 @@ pre.stats .zero {
     margin: 0;
     font-size: 12px;
 }
+table.stats thead tr .header {
+	background: #eeeeee url(../img/bg.gif) no-repeat center right;
+    background:  url(../img/bg.gif) no-repeat center right, -moz-linear-gradient(top, #f9f9f9, #ececec);
+    background:  url(../img/bg.gif) no-repeat center right, -webkit-linear-gradient(top, #f9f9f9, #ececec);
+    background: url(../img/bg.gif) no-repeat center right, linear-gradient(top, #f9f9f9, #ececec);
+	cursor: pointer;
+	padding-right: 1.2em;
+}
+table.stats thead tr .headerSortUp {
+	background: #eeeeee url(../img/asc.gif) no-repeat center right;
+    background:  url(../img/asc.gif) no-repeat center right, -moz-linear-gradient(top, #f9f9f9, #ececec);
+    background:  url(../img/asc.gif) no-repeat center right, -webkit-linear-gradient(top, #f9f9f9, #ececec);
+    background: url(../img/asc.gif) no-repeat center right, linear-gradient(top, #f9f9f9, #ececec);
+}
+table.stats thead tr .headerSortDown {
+	background: #eeeeee url(../img/desc.gif) no-repeat center right;
+    background:  url(../img/desc.gif) no-repeat center right, -moz-linear-gradient(top, #f9f9f9, #ececec);
+    background:  url(../img/desc.gif) no-repeat center right, -webkit-linear-gradient(top, #f9f9f9, #ececec);
+    background: url(../img/desc.gif) no-repeat center right, linear-gradient(top, #f9f9f9, #ececec);
+}
+table.stats th.headerNoSort {
+	background-color: #eeeeee;
+}
 
 /* Vertimus detail */
 /* ========================================================================== */
diff --git a/templates/languages/language_release_stats.html b/templates/languages/language_release_stats.html
index f64d257..14d2057 100644
--- a/templates/languages/language_release_stats.html
+++ b/templates/languages/language_release_stats.html
@@ -5,7 +5,7 @@
 
 <table>
 <tr>
-  <td class="leftcell" colspan="3" title="{% trans "Translated/Fuzzy/Untranslated" %}">{{ modstats.totaltransperc }}% ({{ modstats.totaltrans }}/{{ modstats.totalfuzzy }}/{{ modstats.totaluntrans }})</td>
+  <td class="leftcell" colspan="3" title="{% trans "Translated/Fuzzy/Untranslated" %}"><span style="margin-right: 10px;">{{ modstats.totaltransperc }}% ({{ modstats.totaltrans }}/{{ modstats.totalfuzzy }}/{{ modstats.totaluntrans }})</span></td>
   <td style="width: 108px; text-align: center;"><div class="graph">
       <div class="translated" style="width: {{ modstats.totaltransperc }}px;"></div>
       <div class="fuzzy" style="{{ LANGUAGE_BIDI|yesno:"right,left" }}:{{ modstats.totaltransperc }}px; width:{{ modstats.totalfuzzyperc }}px;"></div>
@@ -17,7 +17,7 @@
 </tr>
 </table>
 
-<table class="tablesorter" name="stats-table" id="stats-table">
+<table class="stats" name="stats-table" id="stats-table">
 <thead>
   <tr><th>{% trans "Module" %}</th><th>{% trans "Branch" %}</th>
       {# colspan=2 for Statistics is causing offset in sort effect for following columns #}
diff --git a/templates/module_images.html b/templates/module_images.html
index a4cca29..26ae563 100644
--- a/templates/module_images.html
+++ b/templates/module_images.html
@@ -7,7 +7,7 @@
 {% block content %}
 <div class="mainpage">
 
-<h1><a href="{% url 'module' module.name %}">{{ module.description }}</a> {% trans stat.domain.description %} ({% trans stat.language.name %})</h1>
+<h1><a href="{% url 'module' module.name %}">{{ module.description }}</a> <span style="color: #000">{% trans stat.domain.description %}</span> ({% trans stat.language.name %})</h1>
 
 <h2>{% trans "Figures translation status" %} &mdash;
     <small>{{ figstats|num_stats }}</small></h2>
diff --git a/templates/people/person_detail.html b/templates/people/person_detail.html
index 0866388..0a7d9b4 100644
--- a/templates/people/person_detail.html
+++ b/templates/people/person_detail.html
@@ -49,7 +49,7 @@ $(document).ready(function()
 {% if states %}
 <h2>{% trans "Current activity" %}</h2>
 
-<table class="tablesorter" id="working_on">
+<table class="stats" id="working_on">
 <thead><tr>
   <th>{% trans "Date" %}</th><th>{% trans "Module" %}</th><th>{% trans "State" %}</th>
 </tr></thead>