Merge pull request #1480 from consul/i18n-pages

Adds i18n to more info pages

app/views/debates/new.html.erb

@@ -7,7 +7,7 @@
     <div data-alert class="callout primary">
       <%= t("debates.new.info",
       info_link: link_to(t("debates.new.info_link"), new_proposal_path )).html_safe %>
-      <%= link_to "/more_information", title: t('shared.target_blank_html'), target: "_blank" do %>
+      <%= link_to more_info_path, title: t('shared.target_blank_html'), target: "_blank" do %>
         <strong><%= t("debates.new.more_info") %></strong>
       <% end %>
     </div>

app/views/pages/more_info/_budgets.html.erb

@@ -1,20 +1,26 @@
 <div class="row section-content">
   <div class="small-12 column">
-    <h3 id="budgets" data-magellan-target="budgets">Presupuestos participativos</h3>
+    <h3 id="budgets" data-magellan-target="budgets">
+      <%= t("pages.more_info.budgets.title") %>
+    </h3>
     <p>
-      <%= link_to "Información detallada de Presupuestos participativos", more_info_budgets_path, class: "small" %>
+      <%= link_to t("pages.more_info.budgets.detail"), more_info_budgets_path, class: "small" %>
     </p>
-    <p>Los primeros seis meses de cada año puedes decidir cómo gastar parte del presupuesto.</p>
+    <p><%= t("pages.more_info.budgets.description") %></p>
     <ul class="features">
-      <li>Para crear un proyecto de gasto tienes que <%= link_to "registrarte en " + setting['org_name'], new_user_registration_path %> y verificar tu cuenta.</li>
+      <li>
-      <li>En primer lugar empieza la <strong>fase de aceptación</strong> de proyectos de gasto.</li>
+        <%= t("pages.more_info.budgets.feature_1",
-      <li>Después hay una <strong>fase de apoyos</strong> para priorizar lo más interesante, las más apoyadas son evaluadas por el Ayuntamiento para ver si son viables y cuánto valen.</li>
+              link: link_to(t("pages.more_info.budgets.feature_1_link", org_name: setting['org_name']),
-      <li>Al final hay una <strong>fase de votación</strong> donde se decide en cuáles se gasta esa parte del presupuesto.</li>
+                               new_user_registration_path)).html_safe %>
+      </li>
+      <li><%= t("pages.more_info.budgets.feature_2_html") %></li>
+      <li><%= t("pages.more_info.budgets.feature_3_html") %></li>
+      <li><%= t("pages.more_info.budgets.feature_4_html") %></li>
     </ul>
 
     <figure>
-      <%= image_tag "more_info/budgets.png", alt: "Diferentes fases de un presupuesto participativo" %>
+      <%= image_tag "more_info/budgets_#{I18n.locale}.png", alt: t("pages.more_info.budgets.image_alt") %>
-      <figcaption>Fase de "Apoyos" y fase de "Votación" de los presupuestos participativos.</figcaption>
+      <figcaption><%= t("pages.more_info.budgets.figcaption_html") %></figcaption>
     </figure>
   </div>
 </div>

app/views/pages/more_info/_debates.html.erb

@@ -1,15 +1,21 @@
 <div class="row section-content">
   <div class="small-12 column">
-    <h3 id="debates" data-magellan-target="debates">Debates</h3>
+    <h3 id="debates" data-magellan-target="debates">
-    <p>Crea un hilo en el que debatir sobre cualquier tema que quieras compartir con el resto de gente de tu ciudad.</p>
+      <%= t("pages.more_info.debates.title") %>
+    </h3>
+    <p><%= t("pages.more_info.debates.description") %></p>
     <ul class="features">
-      <li>Para crear un debate tienes que <%= link_to "registrarte en " + setting['org_name'], new_user_registration_path %>.</li>
+      <li>
-      <li>Los debates pueden ser valorados utilizando los botones de <strong>Estoy de acuerdo</strong> o <strong>No estoy de acuerdo</strong> que encontrarás en cada uno de ellos.</li>
+        <%= t("pages.more_info.debates.feature_1",
+              link: link_to(t("pages.more_info.debates.feature_1_link", org_name: setting['org_name']),
+                               new_user_registration_path)).html_safe %>
+      </li>
+      <li><%= t("pages.more_info.debates.feature_2_html") %></li>
     </ul>
 
     <figure>
-      <%= image_tag "more_info/debates.png", alt: "Botones para valorar los debates" %>
+      <%= image_tag "more_info/debates.png", alt: t("pages.more_info.debates.image_alt") %>
-      <figcaption>Botones "Estoy de acuerdo" y "No estoy de acuerdo" para valorar los debates.</figcaption>
+      <figcaption><%= t("pages.more_info.debates.figcaption") %></figcaption>
     </figure>
   </div>
 </div>

app/views/pages/more_info/_menu.html.erb

@@ -3,19 +3,19 @@
     <ul class="menu-pages" data-magellan>
       <% if feature?(:debates) %>
       <li>
-        <%= link_to t("pages.more_information.menu.debates"), "#debates", class: "button hollow expanded" %>
+        <%= link_to t("pages.more_info.menu.debates"), "#debates", class: "button hollow expanded" %>
       </li>
       <% end %>
       <li>
-        <%= link_to t("pages.more_information.menu.proposals"), "#proposals", class: "button hollow expanded" %>
+        <%= link_to t("pages.more_info.menu.proposals"), "#proposals", class: "button hollow expanded" %>
       </li>
       <% if feature?(:budgets) %>
       <li>
-        <%= link_to t("pages.more_information.menu.budgets"), "#budgets", class: "button hollow expanded" %>
+        <%= link_to t("pages.more_info.menu.budgets"), "#budgets", class: "button hollow expanded" %>
       </li>
       <% end %>
       <li>
-        <%= link_to t("pages.more_information.menu.other"), "#other", class: "button hollow expanded" %>
+        <%= link_to t("pages.more_info.menu.other"), "#other", class: "button hollow expanded" %>
       </li>
     </ul>
   </div>

app/views/pages/more_info/_other.html.erb

@@ -1,6 +1,7 @@
 <h3 id="other" data-magellan-target="other">Otra información de interés</h3>
 
 <ul class="features">
-  <li><%= link_to "Participación ciudadana directa en el mundo", participation_facts_path %></li>
+  <li><%= link_to t("pages.more_info.other.how_to_use", org_name: setting['org_name']), faq_path %></li>
-  <li><%= link_to "Hechos sobre participación ciudadana y democracia directa", participation_world_path %></li>
+  <li><%= link_to t("pages.more_info.other.facts"), participation_facts_path %></li>
+  <li><%= link_to t("pages.more_info.other.world"), participation_world_path %></li>
 </ul>

app/views/pages/more_info/_proposals.html.erb

@@ -1,19 +1,25 @@
 <div class="row section-content">
   <div class="small-12 column">
-    <h3 id="proposals" data-magellan-target="proposals">Propuestas</h3>
+    <h3 id="proposals" data-magellan-target="proposals">
+      <%= t("pages.more_info.proposals.title") %>
+    </h3>
     <p>
-      <%= link_to "Información detallada de Propuestas", more_info_proposals_path, class: "small" %>
+      <%= link_to t("pages.more_info.proposals.detail"), more_info_proposals_path, class: "small" %>
     </p>
-    <p>Propón lo que quieres que el Ayuntamiento lleve a cabo y apoya propuestas de otras personas.</p>
+    <p><%= t("pages.more_info.proposals.description") %></p>
     <ul class="features">
-      <li>Para crear una propuesta tienes que <%= link_to "registrarte en " + setting['org_name'], new_user_registration_path %>, además para apoyarlas debes verificar tu cuenta.</li>
+      <li>
-      <li>Las propuestas que consigan <strong>el apoyo del 1% de la gente</strong> (mayor de 16 años empadronada en Madrid; 27.064 apoyos) pasan a votación.</li>
+        <%= t("pages.more_info.proposals.feature_1",
-      <li>Si hay más gente a favor que en contra en la votación, <strong>el Ayuntamiento asume la propuesta y se hace</strong>.</li>
+              link: link_to(t("pages.more_info.proposals.feature_1_link", org_name: setting['org_name']),
+                               new_user_registration_path)).html_safe %>
+      </li>
+      <li><%= t("pages.more_info.proposals.feature_2_html") %></li>
+      <li><%= t("pages.more_info.proposals.feature_3_html") %></li>
     </ul>
 
     <figure>
-      <%= image_tag "more_info/proposals.png", alt: "Botón para apoyar una propuesta" %>
+      <%= image_tag "more_info/proposals_#{I18n.locale}.png", alt: t("pages.more_info.proposals.image_alt") %>
-      <figcaption>Botón para "Apoyar" una propuesta.<br>Cuando alcance el número de apoyos pasará a votación.</figcaption>
+      <figcaption><%= t("pages.more_info.proposals.figcaption_html") %></figcaption>
     </figure>
   </div>
 </div>

app/views/pages/more_info/_sidebar.html.erb

@@ -1,11 +1,5 @@
 <div class="sidebar-card">
-  <h3>¿Problemas técnicos?</h3>
+  <h3><%= t("pages.more_info.faq.title") %></h3>
-  <p>Lee las preguntas frecuentes y resuelve tus dudas.</p>
+  <p><%= t("pages.more_info.faq.description") %></p>
-  <%= link_to "Ver preguntas frecuentes", faq_path, class: "button expanded" %>
+  <%= link_to t("pages.more_info.faq.button"), faq_path, class: "button expanded" %>
-</div>
-
-<div class="sidebar-card light">
-  <h3>Utiliza <%= setting['org_name'] %> en tu municipio</h3>
-  <p>Utilízalo en tu municipio libremente o ayúdanos a mejorarlo, es software libre.</p>
-  <%= link_to "Cómo usar " + setting['org_name'], how_to_use_path , class: "button expanded" %>
 </div>

app/views/pages/more_info/how_to_use/index.html.erb

@@ -2,8 +2,8 @@
   <div class="text small-12 column">
     <%= render "shared/back_link" %>
 
-    <h1><%= t('pages.more_information.titles.how_to_use') %></h1>
+    <h1><%= t('pages.more_info.titles.how_to_use') %></h1>
 
-    <%= markdown t('pages.more_information.how_to_use.text') %>
+    <%= markdown t('pages.more_info.how_to_use.text') %>
   </div>
 </div>

app/views/pages/more_info/index.html.erb

@@ -1,11 +1,11 @@
-<% provide :title do %><%= t("pages.titles.more_information", org_name: setting['org_name']) %><% end %>
+<% provide :title do %><%= t("pages.titles.more_info", org_name: setting['org_name']) %><% end %>
 
 <div class="jumbo light">
   <div class="row">
     <div class="small-12 column">
-      <h2><%= t("pages.more_information.title", org_name: setting['org_name']) %></h2>
+      <h2><%= t("pages.more_info.title", org_name: setting['org_name']) %></h2>
-      <p class="lead"><%= t("pages.more_information.subtitle") %></p>
+      <p class="lead"><%= t("pages.more_info.subtitle") %></p>
-      <p><%= t("pages.more_information.guide", org_name: setting['org_name']) %></p>
+      <p><%= t("pages.more_info.guide", org_name: setting['org_name']) %></p>
     </div>
   </div>
 

app/views/shared/_subnavigation.html.erb

@@ -37,7 +37,7 @@
       </li>
     <% end %>
     <li>
-      <%= link_to t("layouts.header.more_information"),
+      <%= link_to t("layouts.header.more_info"),
                     more_info_path,
                     accesskey: "5",
                     class: ("active" if current_page?(more_info_path)) %>

app/views/welcome/index.html.erb

@@ -4,7 +4,7 @@
       <h1><%= t("layouts.header.open_city_title") %></h1>
       <p>
         <%= t("layouts.header.open_city_slogan_html") %>&nbsp;
-        <%= link_to t("layouts.header.more_information"), page_path('more_information') %>
+        <%= link_to t("layouts.header.more_info"), more_info_path %>
       </p>
       <div class="small-12 medium-6">
         <%= link_to t("layouts.header.see_all"), proposals_path, class: "button see-more expanded" %>

config/locales/en.yml

@@ -198,7 +198,7 @@ en:
       management: Management
       moderation: Moderation
       valuation: Valuation
-      more_information: More information
+      more_info: More information
       my_account_link: My account
       my_activity_link: My activity
       notifications: Notifications

config/locales/es.yml

@@ -198,7 +198,7 @@ es:
       management: Gestión
       moderation: Moderar
       valuation: Evaluación
-      more_information: Más información
+      more_info: Más información
       my_account_link: Mi cuenta
       my_activity_link: Mi actividad
       notifications: Notificaciones

config/locales/fr.yml

@@ -875,7 +875,7 @@ fr:
       locale: 'Langue :'
       logo: Consul logo
       moderation: Modération
-      more_information: Plus d'information
+      more_info: Plus d'information
       my_account_link: Mon compte
       my_activity_link: Mon activité
       new_notifications:
@@ -1166,7 +1166,7 @@ fr:
       mentionnées dans les conditions d'utilisation de ce portail."
     conditions: Conditions d'utilisation
     general_terms: Conditions d'utilisation
-    more_information:
+    more_info:
       description:
         faq: Questions fréquentes sur les problèmes techniques
         how_it_works: Découvrez tout ce qui est possible de faire avec ce site
@@ -1231,7 +1231,7 @@ fr:
     titles:
       accessibility: Accessibilité
       conditions: Conditions d'utilisation
-      more_information: Plus d'informations
+      more_info: Plus d'informations
       opendata: Open Data
       privacy: Vie privée
     verify:
@@ -1629,7 +1629,7 @@ fr:
         link: Voir les propositions
         text: Créez vos propres propositions et soutenez celles d'autres citoyens.
         title: Propositions citoyennes
-    more_information: Plus d'information sur cette page
+    more_info: Plus d'information sur cette page
     proposal:
       alt: Icône Proposez
       description: Espace ouvert aux propositions sur le type de ville que nous voulons

config/locales/pages.en.yml

@@ -4,15 +4,52 @@ en:
     census_terms: To confirm the account, you must be 16 or older and be registered, having provided the information requested previously, will verify. By accepting the verification process, you also consent to the verification of this information, as well as the contact methods featuring in said files. The data provided will be acquired and processed in a file mentioned previously in the terms and conditions of use for the Portal.
     conditions: Terms and conditions of use
     general_terms: Terms and Conditions
-    more_information:
+    more_info:
       title: "Discover %{org_name}"
       subtitle: "Learn everything you can do on this website."
-      guide: This guide explains each of the sections of %{org_name}. You can expand the information on "Detailed information" links.'
+      guide: 'This guide explains each section of %{org_name}. You can expand the information on "Detailed information" links.'
       menu:
         debates: "Debates"
         proposals: "Proposals"
         budgets: "Participatory budgets"
         other: "Other information of interest"
+      debates:
+        title: "Debates"
+        description: "Create a thread where you can discuss any topic you want to share with other people in your city."
+        feature_1: "To create a debate you have to %{link}"
+        feature_1_link: "sign up on %{org_name}"
+        feature_2_html: "Debates can be rated using the <strong>I agree</strong> or <strong>I disagree</strong> buttons you'll find on each of them."
+        image_alt: "Buttons to rate the debates"
+        figcaption: '"I agree" and "I disagree" buttons to rate the debates.'
+      proposals:
+        title: "Proposals"
+        description: "Propose what you want the City Council to carry out and support proposals from other people."
+        detail: "Detailed information of proposals"
+        feature_1: "To create a proposal you have to %{link}, in addition to support you must verify your account."
+        feature_1_link: "sign up on %{org_name}"
+        feature_2_html: "Proposals that get <strong>support from 1% of people</strong> will be voted on."
+        feature_3_html: "If there are more people in favor of against, <strong>the City Council assumes the proposal and it is done</strong>."
+        image_alt: "Button to support a proposal"
+        figcaption_html: 'Button to "Support" a proposal.<br>When it reaches the number of supports will go to vote.'
+      budgets:
+        title: "Participatory Budgeting"
+        description: "The first six months of each year you can decide how to spend part of the budget."
+        detail: "Detailed information of Participatory Budgeting"
+        feature_1: "To create an investment project you have to %{link} and verify your account."
+        feature_1_link: "sign up on %{org_name}"
+        feature_2_html: "The first is the <strong>accepting phase</strong> of investment projects."
+        feature_3_html: "Then there is a <strong>support phase</strong> to prioritize the most interesting, the most supported are evaluated by the City to see if they are viable and how much they are worth."
+        feature_4_html: "At the end there is a <strong>voting phase </strong> where it is decided on which part of the budget is spent."
+        image_alt: "Different phases of a participatory budget"
+        figcaption_html: '"Support phase" and "Voting" phase of participatory budgets.'
+      faq:
+        title: "Technical problems?"
+        description: "Read the FAQs and solve your questions."
+        button: "View frequently asked questions"
+      other:
+        how_to_use: "Use %{org_name} in your city"
+        world: "Citizen participation in the world"
+        facts: "Facts about citizen participation and direct democracy"
       how_to_use:
         text: |-
           Use it in your local government or help us to improve it, it is free software.
@@ -26,7 +63,7 @@ en:
     titles:
       accessibility: Accessibility
       conditions: Terms of use
-      more_information: "More information about %{org_name}"
+      more_info: "More information about %{org_name}"
       privacy: Privacy Policy
     verify:
       code: Code you received in letter

config/locales/pages.es.yml

@@ -4,15 +4,52 @@ es:
     census_terms: Para verificar la cuenta hay que tener 16 años o más y estar empadronado aportando los datos indicados anteriormente, los cuales serán contrastados. Aceptando el proceso de verificación acepta dar su consentimiento para contrastar dicha información, así como medios de contacto que figuren en dichos ficheros. Los datos aportados serán incorporados y tratados en un fichero indicado anteriormente en las condiciones de uso del portal.
     conditions: Condiciones de uso
     general_terms: Términos y Condiciones
-    more_information:
+    more_info:
       title: "Descubre %{org_name}"
       subtitle: "Aprende todo lo que puedes hacer en esta web."
-      guide: 'Esta guía explica de cada una de las secciones de %{org_name}. Puedes ampliar la información en los enlaces de "Información detallada".'
+      guide: 'Esta guía explica cada una de las secciones de %{org_name}. Puedes ampliar la información en los enlaces de "Información detallada".'
       menu:
         debates: "Debates"
         proposals: "Propuestas"
         budgets: "Presupuestos participativos"
         other: "Otra información de interés"
+      debates:
+        title: "Debates"
+        description: "Crea un hilo en el que debatir sobre cualquier tema que quieras compartir con el resto de gente de tu ciudad."
+        feature_1: "Para crear un debate tienes que %{link}"
+        feature_1_link: "registrarte en %{org_name}"
+        feature_2_html: "Los debates pueden ser valorados utilizando los botones de <strong>Estoy de acuerdo</strong> o <strong>No estoy de acuerdo</strong> que encontrarás en cada uno de ellos."
+        image_alt: "Botones para valorar los debates"
+        figcaption: 'Botones "Estoy de acuerdo" y "No estoy de acuerdo" para valorar los debates.'
+      proposals:
+        title: "Propuestas"
+        description: "Propón lo que quieres que el Ayuntamiento lleve a cabo y apoya propuestas de otras personas."
+        detail: "Información detallada de Propuestas"
+        feature_1: "Para crear una propuesta tienes que %{link}, además para apoyarlas debes verificar tu cuenta."
+        feature_1_link: "registrarte en %{org_name}"
+        feature_2_html: "Las propuestas que consigan <strong>el apoyo del 1% de la gente</strong> (mayor de 16 años empadronada en Madrid; 27.064 apoyos) pasan a votación."
+        feature_3_html: "Si hay más gente a favor que en contra en la votación, <strong>el Ayuntamiento asume la propuesta y se hace</strong>."
+        image_alt: "Botón para apoyar una propuesta"
+        figcaption_html: 'Botón para "Apoyar" una propuesta.<br>Cuando alcance el número de apoyos pasará a votación.'
+      budgets:
+        title: "Presupuestos participativos"
+        description: "Los primeros seis meses de cada año puedes decidir cómo gastar parte del presupuesto."
+        detail: "Información detallada de Presupuestos participativos"
+        feature_1: "Para crear un proyecto de gasto tienes que %{link} y verificar tu cuenta."
+        feature_1_link: "registrarte en %{org_name}"
+        feature_2_html: "En primer lugar empieza la <strong>fase de aceptación</strong> de proyectos de gasto."
+        feature_3_html: "Después hay una <strong>fase de apoyos</strong> para priorizar lo más interesante, las más apoyadas son evaluadas por el Ayuntamiento para ver si son viables y cuánto valen."
+        feature_4_html: "Al final hay una <strong>fase de votación</strong> donde se decide en cuáles se gasta esa parte del presupuesto."
+        image_alt: "Diferentes fases de un presupuesto participativo"
+        figcaption_html: 'Fase de "Apoyos" y fase de "Votación" de los presupuestos participativos.'
+      faq:
+        title: "¿Problemas técnicos?"
+        description: "Lee las preguntas frecuentes y resuelve tus dudas."
+        button: "Ver preguntas frecuentes"
+      other:
+        how_to_use: "Utiliza %{org_name} en tu municipio"
+        world: "Participación ciudadana directa en el mundo"
+        facts: "Hechos sobre participación ciudadana y democracia directa"
       how_to_use:
         text: |-
           Utilízalo en tu municipio libremente o ayúdanos a mejorarlo, es software libre.
@@ -26,7 +63,7 @@ es:
     titles:
       accessibility: Accesibilidad
       conditions: Condiciones de uso
-      more_information: "Más información sobre %{org_name}"
+      more_info: "Más información sobre %{org_name}"
       privacy: Política de Privacidad
     verify:
       code: Código que has recibido en tu carta

config/locales/pt-BR.yml

@@ -861,7 +861,7 @@ pt-BR:
       locale: 'Idioma:'
       logo: Consul logotipo
       moderation: Moderação
-      more_information: Mais informações
+      more_info: Mais informações
       my_account_link: Minha conta
       my_activity_link: Minha atividade
       new_notifications:
@@ -1148,7 +1148,7 @@ pt-BR:
       mencionado previamente nos termos e condições de uso deste Portal.
     conditions: Termos e condições de uso
     general_terms: Termos e condições
-    more_information:
+    more_info:
       description:
         faq: Perguntas frequentes feitas sobre problemas técnicos
         how_it_works: Descubra tudo que você pode fazer com este website.
@@ -1247,7 +1247,7 @@ pt-BR:
     titles:
       accessibility: Acessibilidade
       conditions: Termos de uso
-      more_information: Mais informações
+      more_info: Mais informações
       opendata: Dados abertos
       privacy: Política de privacidade
     verify:
@@ -1640,7 +1640,7 @@ pt-BR:
         link: Mostrar propostas
         text: Criar suas próprias propostas e apoiar aquelas de outros cidadãos
         title: Propostas cidadãs
-    more_information: Mais informações sobre esta página
+    more_info: Mais informações sobre esta página
     proposal:
       alt: "Ícone proposta"
       description: Espaço aberto para propostas cidadãs sobre o tipo de cidade dentro da qual nós queremos viver.

config/routes.rb

@@ -311,7 +311,7 @@ Rails.application.routes.draw do
 
   mount Tolk::Engine => '/translate', :as => 'tolk'
 
-  # more information pages
+  # more info pages
   get 'more-information',                     to: 'pages#show', id: 'more_info/index',                as: 'more_info'
   get 'more-information/how-to-use',          to: 'pages#show', id: 'more_info/how_to_use/index',     as: 'how_to_use'
   get 'more-information/faq',                 to: 'pages#show', id: 'more_info/faq/index',            as: 'faq'

spec/controllers/pages_controller_spec.rb

@@ -31,7 +31,7 @@ describe PagesController do
 
   describe 'More info pages' do
 
-    it 'should include a more_information page' do
+    it 'should include a more info page' do
       get :show, id: 'more_info/index'
       expect(response).to be_ok
     end