diff --git a/app/assets/images/help/help_icon_debates.png b/app/assets/images/help/help_icon_debates.png new file mode 100644 index 000000000..a1cb51247 Binary files /dev/null and b/app/assets/images/help/help_icon_debates.png differ diff --git a/app/assets/images/help/help_icon_proposals.png b/app/assets/images/help/help_icon_proposals.png new file mode 100644 index 000000000..51b826b02 Binary files /dev/null and b/app/assets/images/help/help_icon_proposals.png differ diff --git a/app/assets/stylesheets/layout.scss b/app/assets/stylesheets/layout.scss index c2f872526..7f6f44001 100644 --- a/app/assets/stylesheets/layout.scss +++ b/app/assets/stylesheets/layout.scss @@ -318,6 +318,10 @@ a { background: $brand; } +.align-top { + vertical-align: top; +} + // 02. Header // ---------- diff --git a/app/assets/stylesheets/participation.scss b/app/assets/stylesheets/participation.scss index be5cb4a7c..bf2646583 100644 --- a/app/assets/stylesheets/participation.scss +++ b/app/assets/stylesheets/participation.scss @@ -875,6 +875,20 @@ } } +.help-link { + margin-left: $line-height; + position: relative; + + &::before { + color: $link; + content: '\4e'; + font-family: 'icons'; + position: absolute; + left: -24px; + top: -2px; + } +} + // 05. Featured // ------------ diff --git a/app/views/debates/index.html.erb b/app/views/debates/index.html.erb index b6356ffb2..28a5a69bd 100644 --- a/app/views/debates/index.html.erb +++ b/app/views/debates/index.html.erb @@ -9,8 +9,6 @@ <% end %>
-

<%= t("shared.outline.debates") %>

- <% if @search_terms || @advanced_search_terms || @tag_filter %>
@@ -33,6 +31,8 @@
+ <% else %> + <%= render "shared/section_header", i18n_namespace: "debates.index.section_header", image: "debates" %> <% end %>
@@ -56,6 +56,21 @@ <%= render @debates %> <%= paginate @debates %> + + <% unless @search_terms || @advanced_search_terms || @tag_filter %> +
+

+ <%= t("debates.index.section_footer.title") %> +

+

<%= t("debates.index.section_footer.help_text_1") %>

+

<%= t("debates.index.section_footer.help_text_2", + org: link_to(setting['org_name'], new_user_registration_path)).html_safe %>

+

<%= t("debates.index.section_footer.help_text_3", + proposal: link_to(t("debates.index.section_footer.proposals_link"), proposals_path), + budget: link_to(t("debates.index.section_footer.budget_link"), budgets_path)).html_safe %> +

+
+ <% end %>
diff --git a/app/views/proposals/index.html.erb b/app/views/proposals/index.html.erb index 40cce19c1..072d88ccb 100644 --- a/app/views/proposals/index.html.erb +++ b/app/views/proposals/index.html.erb @@ -9,8 +9,6 @@ <% end %>
-

<%= t("shared.outline.proposals") %>

- <% if @search_terms || @advanced_search_terms || @tag_filter || params[:retired].present? %>
@@ -35,6 +33,8 @@
+ <% else %> + <%= render "shared/section_header", i18n_namespace: "proposals.index.section_header", image: "proposals" %> <% end %>
@@ -70,6 +70,18 @@
<%= render partial: 'proposals/proposal', collection: @proposals %> <%= paginate @proposals %> + + <% unless @search_terms || @advanced_search_terms || @tag_filter %> +
+

+ <%= t("proposals.index.section_footer.title") %> +

+

<%= t("proposals.index.section_footer.help_text_1") %>

+

<%= t("proposals.index.section_footer.help_text_2", + org: link_to(setting['org_name'], new_user_registration_path)).html_safe %>

+

<%= t("proposals.index.section_footer.help_text_3") %>

+
+ <% end %>
diff --git a/app/views/shared/_section_header.html.erb b/app/views/shared/_section_header.html.erb new file mode 100644 index 000000000..8336cd3f4 --- /dev/null +++ b/app/views/shared/_section_header.html.erb @@ -0,0 +1,10 @@ +
+
+
+ <%= image_tag "help/help_icon_#{image}.png", alt: t("#{i18n_namespace}.icon_alt"), class: "align-top" %> +

<%= t("#{i18n_namespace}.title") %>

+

<%= t("#{i18n_namespace}.description") %>

+ <%= link_to t("#{i18n_namespace}.help"), "#section_help", class: "help-link" %> +
+
+
diff --git a/config/locales/en/general.yml b/config/locales/en/general.yml index b0067fb7f..3f71910bb 100644 --- a/config/locales/en/general.yml +++ b/config/locales/en/general.yml @@ -118,6 +118,18 @@ en: select_order: Order by start_debate: Start a debate title: Debates + section_header: + icon_alt: Debates icon + title: Debates + description: Start a debate to share points of view with others about the topics you are concerned about. + help: Help about debates + section_footer: + title: Help about debates + help_text_1: "The space for citizen debates is aimed at anyone who can expose issues that concern them and those who want to share points of view with other people." + help_text_2: 'To open a debate you need to sign up on %{org}. Users can also comment on open debates and rate them with the "I agree" or "I disagree" buttons found in each of them.' + help_text_3: "Keep in mind that a debate does not start any specific action. If you want to make a %{proposal} for the city or raise a investment project of %{budget} when the phase is open, go to the corresponding section." + proposals_link: proposal + budget_link: participatory budgeting new: form: submit_button: Start a debate @@ -351,6 +363,16 @@ en: title: Proposals top: Top weekly top_link_proposals: The most supported proposals by category + section_header: + icon_alt: Proposals icon + title: Proposals + description: Make a citizen proposal. If get the enough supports and go to vote, you can get all the citizen decide how they want it to be our city. + help: Help about proposals + section_footer: + title: Help about proposals + help_text_1: "The citizen proposals are an opportunity to neighbours and collective decide directly how the want it to be their city. Any person can make a proposal about a topic of their interest or concern for the City Council make it, after get the enough supports and to be put to a citizen vote." + help_text_2: "To create a proposal, you must sign up on %{org}. The proposals that get the support of 1% of the users in the web, goes to vote. To support proposals it is necessary to have a verified account." + help_text_3: "A citizen vote is celebrated when the proposals get the necessary supports. Once celebrated, if there are more people in favor than against, the City Council assumes the proposal and carries it out." new: form: submit_button: Create proposal @@ -556,8 +578,6 @@ en: unfollow: "Unfollow" unfollow_entity: "Unfollow %{entity}" outline: - debates: Debates - proposals: Proposals budget: Participatory budget searcher: Searcher go_to_page: "Go to page of " diff --git a/config/locales/es/general.yml b/config/locales/es/general.yml index 313e24e8a..d98ece009 100644 --- a/config/locales/es/general.yml +++ b/config/locales/es/general.yml @@ -118,6 +118,18 @@ es: select_order: Ordenar por start_debate: Empieza un debate title: Debates + section_header: + icon_alt: Icono de Debates + title: Debates + description: Inicia un debate para compartir puntos de vista con otras personas sobre los temas que te preocupan. + help: Ayuda sobre los debates + section_footer: + title: Ayuda sobre los debates + help_text_1: "El espacio de debates ciudadanos está dirigido a que cualquier persona pueda exponer temas que le preocupan y sobre los que quiera compartir puntos de vista con otras personas." + help_text_2: 'Para abrir un debate es necesario registrarse en %{org}. Los usuarios ya registrados también pueden comentar los debates abiertos y valorarlos con los botones de "Estoy de acuerdo" o "No estoy de acuerdo" que se encuentran en cada uno de ellos.' + help_text_3: "Ten en cuenta que un debate no activa ningún mecanismo de actuación concreto. Si quieres hacer una %{proposal} para la ciudad o plantear un proyecto de %{budget} cuando se abra la convocatoria, ve a la sección correspondiente." + proposals_link: propuesta + budget_link: presupuestos participativos new: form: submit_button: Empieza un debate @@ -351,6 +363,16 @@ es: title: Propuestas ciudadanas top: Top semanal top_link_proposals: Propuestas más apoyadas por categoría + section_header: + icon_alt: Icono de Propuestas + title: Propuestas + description: Haz una propuesta ciudadana. Si obtiene los apoyos suficientes y pasa a votación, puedes conseguir que todos los habitantes decidan cómo quieren que sea nuestra ciudad. + help: Ayuda sobre las propuestas + section_footer: + title: Ayuda sobre las propuestas + help_text_1: "Las propuestas ciudadanas son una oportunidad para que los vecinos y colectivos decidan directamente cómo quieren que sea su ciudad. Cualquier persona puede hacer una propuesta sobre un tema que le interese o preocupe para que el ayuntamiento la lleve a cabo, después de conseguir los apoyos suficientes y de someterse a votación ciudadana." + help_text_2: "Para crear una propuesta hay que registrarse en %{org}. Las propuestas que consigan el apoyo del 1% de la gente en la web, pasan a votación. Para apoyar propuestas es necesario tener una cuenta verificada." + help_text_3: "Se convoca una votación ciudadana cuando las propuestas consiguen los apoyos necesarios. Una vez celebrada, si hay más gente a favor que en contra, el Consistorio asume la propuesta y la lleva a cabo." new: form: submit_button: Crear propuesta @@ -556,8 +578,6 @@ es: unfollow: Dejar de seguir unfollow_entity: "Dejar de seguir %{entity}" outline: - debates: Debates - proposals: Propuestas budget: Presupuestos participativos searcher: Buscador go_to_page: "Ir a la página de "