[damned-lies] Use overlays, if JS is enabled, to show helper data (bug #666968)

[Gil Forcada Codinachs <gforcada src gnome org>]

commit 44f3454f4ab6982209cc66925b7781cc1a4bae9e
Author: Gil Forcada <gforcada gnome org>
Date:   Thu Dec 29 00:45:27 2011 +0100

    Use overlays, if JS is enabled, to show helper data (bug #666968)

 stats/templatetags/stats_extras.py                |    2 +-
 templates/base.html                               |   13 +++++++++++++
 templates/languages/language_release_summary.html |    2 +-
 templates/vertimus/vertimus_detail.html           |    2 +-
 4 files changed, 16 insertions(+), 3 deletions(-)
---
diff --git a/stats/templatetags/stats_extras.py b/stats/templatetags/stats_extras.py
index 4cf0c6a..4da11a2 100644
--- a/stats/templatetags/stats_extras.py
+++ b/stats/templatetags/stats_extras.py
@@ -150,7 +150,7 @@ def as_tr(field):
     help_link = u''
     # This is a custom attribute possibly set in forms.py
     if hasattr(field.field, 'help_link'):
-        help_link = '<span class="help_link"><a href="%s"><img src="%simg/help.png" alt="help icon" width="26"></a></span>' % (
+        help_link = '<span class="help_link"><a class="show-overlay" href="%s"><img src="%simg/help.png" alt="help icon"></a></span>' % (
             field.field.help_link, settings.MEDIA_URL)
     errors_html = u''
     if field.errors:
diff --git a/templates/base.html b/templates/base.html
index a12972c..366f739 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -8,11 +8,24 @@
   <title>{% block title %}page title{% endblock %}</title>
   <link rel="icon" type="image/png" href="/media/img/foot-16.png">
   <link rel="stylesheet" type="text/css" href="/media/css/template.css">
+  <link rel="stylesheet" href="/media/css/overlays.css">
 {% if LANGUAGE_BIDI %}
   <link rel="stylesheet" href="/media/css/rtl.css">
 {% endif %}
   <script type="text/javascript" src="/media/js/main.js"></script>
   <script type="text/javascript" src="/media/js/jquery.min.js"></script>
+  <script type="text/javascript" src="/media/js/jquery.tools.min.js"></script>
+  <script type="text/javascript" src="/media/js/overlayhelpers.js"></script>
+
+  <script type="text/javascript">
+    $(document).ready(function () {
+      $('.show-overlay').prepOverlay({subtype:'ajax',
+                                      filter: '#content > *',
+                                      config: {expose:{color:'#ccc' }}
+                                     });
+    });
+  </script>
+
   {% block extrahead %}
   {% endblock %}
 </head>
diff --git a/templates/languages/language_release_summary.html b/templates/languages/language_release_summary.html
index 27e7a8b..b32a117 100644
--- a/templates/languages/language_release_summary.html
+++ b/templates/languages/language_release_summary.html
@@ -12,7 +12,7 @@ Following variables should be set:
     <th>{% trans "User Interface" %}</th>
     <th>{% trans "Graph" %}</th>
     <th>{% trans "User Interface (red.)" %}
-        <a href="{% url 'help' 'reduced_po' %}"><img src="/media/img/help.png" alt="help icon"></a>
+        <a href="{% url 'help' 'reduced_po' %}" class="show-overlay"><img src="/media/img/help.png" alt="help icon"></a>
     </th>
     <th>{% trans "Documentation" %}</th>
     <th>{% trans "Graph" %}</th>
diff --git a/templates/vertimus/vertimus_detail.html b/templates/vertimus/vertimus_detail.html
index 5969986..e637e61 100644
--- a/templates/vertimus/vertimus_detail.html
+++ b/templates/vertimus/vertimus_detail.html
@@ -95,7 +95,7 @@ $(document).ready(function() {
     <a href="{{ po_url_reduced }}"><img src="/media/img/download.png" alt="{% trans "Download PO file" %}" /></a>
     {% trans "PO file statistics (reduced):" %}
     <div style="display: inline-block;">
-      <span class="help_link"><a href="{% url 'help' 'reduced_po' %}">
+      <span class="help_link"><a href="{% url 'help' 'reduced_po' %}" class="show-overlay">
         <img src="/media/img/help.png" alt="help icon" />
       </a></span>
     </div>