[damned-lies] Add a help page about reduced po files

[Claude Paroz <claudep src gnome org>]

commit 09a8df4a4c3ace0ecf9b9536245e8607c3bf9613
Author: Claude Paroz <claude 2xlibre net>
Date:   Fri Sep 16 11:16:21 2011 +0200

    Add a help page about reduced po files

 media/css/main.css                                |    2 +-
 templates/help/reduced_po.html                    |   19 +++++++++++++++++++
 templates/languages/language_release_summary.html |    4 +++-
 templates/release_detail.html                     |    4 +++-
 templates/vertimus/vertimus_detail.html           |    9 +++++++--
 5 files changed, 33 insertions(+), 5 deletions(-)
---
diff --git a/media/css/main.css b/media/css/main.css
index 1434101..ae6edb4 100644
--- a/media/css/main.css
+++ b/media/css/main.css
@@ -126,7 +126,7 @@ div.graph {
 }
 
 div.graphinline {
-  display: inline;
+  display: inline-block;
   top: 4px;
 }
 
diff --git a/templates/help/reduced_po.html b/templates/help/reduced_po.html
new file mode 100644
index 0000000..986fe67
--- /dev/null
+++ b/templates/help/reduced_po.html
@@ -0,0 +1,19 @@
+{% extends "base.html" %}
+{% load i18n %}
+
+{% block title %}{% trans "Help" %}{% endblock %}
+
+{% block content %}
+<div class="mainpage">
+<h1>{% trans "Reduced po files" %}</h1>
+
+<p>{% blocktrans %}Damned Lies is able to filter strings which are seldom visible in user interfaces, so as translation teams can concentrate on most visible strings.{% endblocktrans %}</p>
+
+<p>{% blocktrans with "http://translate.sourceforge.net/wiki/toolkit/pogrep"; as pogrep_url%}The most typical case is the strings from schema files, hence the default filter is filtering out strings which come from files having "gschema.xml.in" in their name. Technically speaking, the filter is using the <a href="{{ pogrep_url }}">pogrep command</a> from the Translate Toolkit.{% endblocktrans %}</p>
+
+<p>{% blocktrans %}When you see a po file or a table header containing "(red.)" or "(reduced)", it means that the target files have been filtered as stated above.{% endblocktrans %}</p>
+
+<p>{% blocktrans %}If you think you found a better filter for a specific module, please <a href="{{ bug_url }}">submit a bug report</a> with your proposal.{% endblocktrans %}</p>
+
+</div>
+{% endblock %}
diff --git a/templates/languages/language_release_summary.html b/templates/languages/language_release_summary.html
index 86442ff..873a315 100644
--- a/templates/languages/language_release_summary.html
+++ b/templates/languages/language_release_summary.html
@@ -10,7 +10,9 @@ Following variables should be set:
     <th>{% trans "Release" %}</th>
     <th>{% trans "User Interface" %}</th>
     <th>{% trans "Graph" %}</th>
-    <th>{% trans "User Interface (red.)" %}</th>
+    <th>{% trans "User Interface (red.)" %}
+        <a href="{% url help 'reduced_po' %}"><img src="{{ MEDIA_URL }}img/help.png" alt="help icon" width="26"></a>
+    </th>
     <th>{% trans "Documentation" %}</th>
     <th>{% trans "Graph" %}</th>
     </tr>
diff --git a/templates/release_detail.html b/templates/release_detail.html
index 1b3cc1f..7bb7802 100644
--- a/templates/release_detail.html
+++ b/templates/release_detail.html
@@ -20,7 +20,9 @@
       <th>{% trans "Language" %}</th>
       <th>{% trans "User Interface" %}</th>
       <th>{% trans "Graph" %}</th>
-      <th>{% trans "User Interface (red.)" %}</th>
+      <th>{% trans "User Interface (red.)" %}
+          <a href="{% url help 'reduced_po' %}"><img src="{{ MEDIA_URL }}img/help.png" alt="help icon" width="26"></a>
+      </th>
       <th>{% trans "Documentation" %}</th>
       <th>{% trans "Graph" %}</th>
   </tr>
diff --git a/templates/vertimus/vertimus_detail.html b/templates/vertimus/vertimus_detail.html
index 34c7c3c..7c635e6 100644
--- a/templates/vertimus/vertimus_detail.html
+++ b/templates/vertimus/vertimus_detail.html
@@ -62,7 +62,7 @@ $(document).ready(function() {
       <img src="{{ MEDIA_URL }}img/download.png" alt="{% trans "Download POT file" %}" /></a>
     {{ pot_stats.pot_text }}
   </em></div>
-  <div style="float:left">
+  <div style="display: inline-block">
     <a href="{{ po_url }}"><img src="{{ MEDIA_URL }}img/download.png" alt="{% trans "Download PO file" %}" /></a>
     {% trans "Translated:" %} {{ stats|num_stats:"full" }}&nbsp;
     <div class="graph graphinline">
@@ -70,12 +70,17 @@ $(document).ready(function() {
     </div>
   </div>
   {% if po_url_reduced %}
-  <div style="float:left; margin-left: 150px;">
+  <div style="display: inline-block; margin-left: 2em;">
     <a href="{{ po_url_reduced }}"><img src="{{ MEDIA_URL }}img/download.png" alt="{% trans "Download PO file" %}" /></a>
     {% trans "Translated (reduced):" %} {{ stats|num_stats:"part" }}&nbsp;
     <div class="graph graphinline">
       {{ stats|vis_stats:"part" }}
     </div>
+    <div style="display: inline-block;">
+      <span class="help_link"><a href="{% url help 'reduced_po' %}">
+        <img src="{{ MEDIA_URL }}img/help.png" alt="help icon" width="26">
+      </a></span>
+    </div>
   </div>
   {% endif %}
   {% if fig_stats and stats.language %}