impalacized dictionaries and language packs page (bug 684300)

jbalogh · Sep 6, 2011 · 800348d · 800348d
1 parent 1a3059a
commit 800348d
Show file tree

Hide file tree

Showing 3 changed files with 51 additions and 29 deletions.
diff --git a/apps/browse/templates/browse/language_tools.html b/apps/browse/templates/browse/language_tools.html
@@ -1,6 +1,7 @@
-{% extends "base.html" %}
+{% extends "impala/base.html" %}
 
 {% block title %}{{ _('Dictionaries & Language Packs') }}{% endblock %}
+{% block bodyclass %}dictionaries{% endblock %}
 
 {% if request.APP.browser %}
   {% set install_dict = _('Install Dictionary') %}
@@ -25,34 +26,52 @@
 {% block content %}
 {% cache addons %}
 <header>
-  {{ breadcrumbs([(None, _('Dictionaries & Language Packs'))]) }}
-  <h2>{{ _('Dictionaries & Language Packs') }}</h2>
+  {{ impala_breadcrumbs([(None, _('Dictionaries & Language Packs'))]) }}
+  <h1>{{ _('Dictionaries & Language Packs') }}</h1>
 </header>
-<div class="featured">
-  <div class="featured-inner">
-    <div id="dictionaries">
-      <table>
-        <caption>{{ _('List of language packs and dictionaries.') }}</caption>
-        <thead>
-          <tr>
-            <th colspan="2">{{ _('Language') }}</th>
-            <th>{{ _('Dictionary') }}</th>
-            <th>{{ _('Language Pack') }}</th>
-          </tr>
-        </thead>
-        <tbody>
-          {% for lang, locale in locales %}
-          <tr>
-            <th>{{ locale.display }}</th>
-            <td lang="{{ lang }}">{{ locale.native }}</td>
-            <td>{{ langtool(locale.dicts, install_dict) }}</td>
-            <td>{{ langtool(locale.packs, install_pack) }}</td>
-          </tr>
-          {% endfor %}
-        </tbody>
-      </table>
-    </div>
-  </div>
-</div>
+<section class="island">
+  <h2>{{ _('Available in your locale') }}</h2>
+  <table>
+    <caption>{{ _('List of language packs and dictionaries available in your locale.') }}</caption>
+    <thead>
+      <tr>
+        <th colspan="2">{{ _('Language') }}</th>
+        <th>{{ _('Dictionary') }}</th>
+        <th>{{ _('Language Pack') }}</th>
+      </tr>
+    </thead>
+    <tbody>
+      {% for lang, locale in lang_addons %}
+      <tr>
+        <th>{{ locale.display }}</th>
+        <td lang="{{ lang }}">{{ locale.native }}</td>
+        <td>{{ langtool(locale.dicts, install_dict) }}</td>
+        <td>{{ langtool(locale.packs, install_pack) }}</td>
+      </tr>
+      {% endfor %}
+    </tbody>
+  </table>
+  <h2>{{ _('All locales') }}</h2>
+  <table>
+    <caption>{{ _('List of language packs and dictionaries.') }}</caption>
+    <thead>
+      <tr>
+        <th colspan="2">{{ _('Language') }}</th>
+        <th>{{ _('Dictionary') }}</th>
+        <th>{{ _('Language Pack') }}</th>
+      </tr>
+    </thead>
+    <tbody>
+      {% for lang, locale in locales %}
+      <tr>
+        <th>{{ locale.display }}</th>
+        <td lang="{{ lang }}">{{ locale.native }}</td>
+        <td>{{ langtool(locale.dicts, install_dict) }}</td>
+        <td>{{ langtool(locale.packs, install_pack) }}</td>
+      </tr>
+      {% endfor %}
+    </tbody>
+  </table>
+</section>
 {% endcache %}
 {% endblock %}
diff --git a/apps/browse/views.py b/apps/browse/views.py
@@ -134,8 +134,10 @@ def language_tools(request, category=None):
               .filter(appsupport__app=request.APP.id, type__in=types,
                       target_locale__isnull=False).exclude(target_locale=''))
     locales = _get_locales(addons)
+    lang_addons = _get_locales(addons.filter(target_locale=request.LANG))
     return jingo.render(request, 'browse/language_tools.html',
                         {'locales': locales, 'addons': addons,
+                         'lang_addons': lang_addons,
                          'search_cat': '%s,0' % amo.ADDON_DICT})
 
 

diff --git a/settings.py b/settings.py
@@ -464,6 +464,7 @@ def JINJA_CONFIG():
             'css/impala/colorpicker.less',
             'css/impala/personas.less',
             'css/impala/login.less',
+            'css/impala/dictionaries.less',
         ),
         'zamboni/discovery-pane': (
             'css/zamboni/discovery-pane.css',