Merge pull request #2138 from projectblacklight/responsive-sort-and-per-page-labels

Add a new i18n key for the sort/per page labels that include HTML  …

Author: mejackreed

app/views/catalog/_per_page_widget.html.erb

@@ -2,7 +2,7 @@
 <span class="sr-only"><%= t('blacklight.search.per_page.title') %></span>
 <div id="per_page-dropdown" class="per-page-dropdown btn-group">
   <button type="button" class="btn btn-outline-secondary dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
-    <%= t(:'blacklight.search.per_page.button_label', :count => current_per_page) %> <span class="caret"></span>
+    <%= t(:'blacklight.search.per_page.button_label_html', :count => current_per_page) %> <span class="caret"></span>
   </button>
   <div class="dropdown-menu dropdown-menu-right" role="menu">
     <%- per_page_options_for_select.each do |(label, count)| %>

app/views/catalog/_sort_widget.html.erb

@@ -1,7 +1,7 @@
 <% if show_sort_and_per_page? and active_sort_fields.many? %>
 <div id="sort-dropdown" class="sort-dropdown btn-group">
   <button type="button" class="btn btn-outline-secondary dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
-      <%= t('blacklight.search.sort.label', :field =>sort_field_label(current_sort_field.key)) %> <span class="caret"></span>
+      <%= t('blacklight.search.sort.label_html', :field =>sort_field_label(current_sort_field.key)) %> <span class="caret"></span>
   </button>
 
   <div class="dropdown-menu" role="menu">

config/locales/blacklight.de.yml

@@ -143,11 +143,13 @@ de:
         invalid_solr_id: "Entschuldigung, Sie haben einen nicht vorhandenen Datensatz angefordert."
       per_page:
         label: '%{count}<span class="sr-only"> pro Seite</span>'
-        button_label: '%{count} pro Seite'
+        button_label: '%{count} pro Seite' # TODO: Remove during major release
+        button_label_html: '%{count}<span class="d-none d-sm-inline"> pro Seite</span>'
         title: 'Anzahl der Ergebnisse, die pro Seite angezeigt werden'
         submit: 'Aktualisieren'
       sort:
-        label: 'Ordnen nach %{field}'
+        label: 'Ordnen nach %{field}' # TODO: Remove during major release
+        label_html: 'Ordnen<span class="d-none d-sm-inline"> nach %{field}</span>'
         submit: 'Ergebnisse ordnen'
       form:
         search_field:

config/locales/blacklight.en.yml

@@ -143,11 +143,13 @@ en:
         invalid_solr_id: "Sorry, you have requested a record that doesn't exist."
       per_page:
         label: '%{count}<span class="sr-only"> per page</span>'
-        button_label: '%{count} per page'
+        button_label: '%{count} per page' # TODO: Remove during major release
+        button_label_html: '%{count}<span class="d-none d-sm-inline"> per page</span>'
         title: 'Number of results to display per page'
         submit: 'Update'
       sort:
-        label: 'Sort by %{field}'
+        label: 'Sort by %{field}' # TODO: Remove during major release
+        label_html: 'Sort<span class="d-none d-sm-inline"> by %{field}</span>'
         submit: 'sort results'
       form:
         search_field:

config/locales/blacklight.es.yml

@@ -143,11 +143,13 @@ es:
         invalid_solr_id: "Lo sentimos, usted ha solicitado un registro que no existe."
       per_page:
         label: '%{count}<span class="sr-only"> por página</span>'
-        button_label: '%{count} por página'
+        button_label: '%{count} por página' # TODO: Remove during major release
+        button_label_html: '%{count}<span class="d-none d-sm-inline"> por página</span>'
         title: 'El número de resultados a mostrar por página'
         submit: 'Actualización'
       sort:
-        label: 'Ordenar por %{field}'
+        label: 'Ordenar por %{field}' # TODO: Remove during major release
+        label_html: 'Ordenar<span class="d-none d-sm-inline"> por %{field}</span>'
         submit: 'Resultados de ordenación'
       form:
         search_field:

config/locales/blacklight.fr.yml

@@ -146,11 +146,13 @@ fr:
         invalid_solr_id: "Vous avez demandé une notice qui n'existe pas."
       per_page:
         label: '%{count}<span class="sr-only"> par page</span>'
-        button_label: '%{count} par page'
+        button_label: '%{count} par page' # TODO: Remove during major release
+        button_label_html: '%{count}<span class="d-none d-sm-inline"> par page</span>'
         title: 'Nombre de résultats à afficher par page'
         submit: 'mettre à jour'
       sort:
-        label: 'Trier par %{field}'
+        label: 'Trier par %{field}' # TODO: Remove during major release
+        label_html: 'Trier<span class="d-none d-sm-inline"> par %{field}</span>'
         submit: 'trier les résultats'
       form:
         search_field:

config/locales/blacklight.hu.yml

@@ -136,11 +136,13 @@ hu:
         invalid_solr_id: "Elnézést, de az Ön által kért rekord nem létezik."
       per_page:
         label: '%{count}<span class="sr-only"> oldalanként</span>'
-        button_label: '%{count} oldalanként'
+        button_label: '%{count} oldalanként' # TODO: Remove during major release
+        button_label_html: '%{count}<span class="d-none d-sm-inline"> oldalanként</span>'
         title: 'Az eredmények száma oldalanként'
         submit: 'Frissítés'
       sort:
-        label: 'Rendezés %{field}'
+        label: 'Rendezés %{field}' # TODO: Remove during major release
+        label_html: 'Rendezés<span class="d-none d-sm-inline"> %{field}</span>'
         submit: 'Eredmények rendezése'
       form:
         search_field:

config/locales/blacklight.it.yml

@@ -143,11 +143,13 @@ it:
         invalid_solr_id: "Il numero di scheda richiesto non esiste."
       per_page:
         label: '%{count}<span class="sr-only"> per pagina</span>'
-        button_label: '%{count} per pagina'
+        button_label: '%{count} per pagina' # TODO: Remove during major release
+        button_label_html: '%{count}<span class="d-none d-sm-inline"> per pagina</span>'
         title: 'Risultati per pagina'
         submit: 'Aggiorna'
       sort:
-        label: 'Ordina per %{field}'
+        label: 'Ordina per %{field}' # TODO: Remove during major release
+        label_html: 'Ordina<span class="d-none d-sm-inline"> per %{field}</span>'
         submit: 'Ordina i risultati'
       form:
         search_field:

config/locales/blacklight.nl.yml

@@ -136,11 +136,13 @@ nl:
         invalid_solr_id: "Sorry, u vroeg een onbestaande record op."
       per_page:
         label: '%{count}<span class="sr-only"> per pagina</span>'
-        button_label: '%{count} per pagina'
+        button_label: '%{count} per pagina' # TODO: Remove during major release
+        button_label_html: '%{count}<span class="d-none d-sm-inline"> per pagina</span>'
         title: 'Toon aantal zoekresultaten per pagina'
         submit: 'Update'
       sort:
-        label: 'Sorteer op %{field}'
+        label: 'Sorteer op %{field}' # TODO: Remove during major release
+        label_html: 'Sorteer<span class="d-none d-sm-inline"> op %{field}</span>'
         submit: 'sorteer resultaten'
       form:
         search_field:

config/locales/blacklight.pt-BR.yml

@@ -144,11 +144,13 @@ pt-BR:
         invalid_solr_id: "Desculpe, você solicitou um cadastro que não existe."
       per_page:
         label: '%{count}<span class="hide-text"> por página</span>'
-        button_label: '%{count} por página'
+        button_label: '%{count} por página' # TODO: Remove during major release
+        button_label_html: '%{count}<span class="d-none d-sm-inline"> por página</span>'
         title: 'Número de resultados para mostrar por página'
         submit: 'Atualizar'
       sort:
-        label: 'Ordenar por %{field}'
+        label: 'Ordenar por %{field}' # TODO: Remove during major release
+        label_html: 'Ordenar<span class="d-none d-sm-inline"> por %{field}</span>'
         submit: 'ordenar resultados'
       form:
         search_field: