Adds share buttons and refactors processes header

This commit is contained in:
decabeza
2018-02-16 13:28:30 +01:00
parent 5b1ac0a6ce
commit 995449d733
4 changed files with 51 additions and 66 deletions

View File

@@ -1,34 +1,37 @@
<div class="legislation-hero jumbo">
<div class="row">
<div class="small-12 medium-9 column">
<%= back_link_to legislation_processes_path %>
<h2><%= @process.title %></h2>
<% if header == :small %> <% if header == :small %>
<div class="legislation-hero jumbo grey-heading"> <div id="legislation_info" class="is-hidden" data-toggler=".is-hidden">
<div class="row headline">
<div class="small-12 medium-8 column">
<h3 class="headline-small"><%= process.title %></h3>
</div>
</div>
<div id="debate-show" class="row description is-hidden" data-toggler=".is-hidden"> <% if @process.description.present? %>
<div class="small-12 column"> <p class="title"><%= t("legislation.processes.header.description") %></p>
<% if process.description.present? %> <%= markdown @process.description %>
<p class="title"><%= t('legislation.processes.header_full.description') %></p>
<%= markdown process.description %>
<% end %> <% end %>
</div>
<% if process.additional_info.present? %> <% if @process.additional_info.present? %>
<div class="small-12 column debate-add-info"> <hr>
<%= markdown process.additional_info if process.additional_info %> <p class="title"><%= t("legislation.processes.header.additional_info") %></p>
</div> <%= markdown @process.additional_info if @process.additional_info %>
<% end %> <% end %>
</div> </div>
<% if process.description.present? || process.additional_info.present? %> <a class="button" data-toggle="legislation_info">
<div class="text-center"> <%= t("legislation.processes.header.more_info") %>
<a class="button big text-center button-circle" title="<%= t('.view_process_information') %>" id="js-toggle-small-debate" data-toggle="debate-show">
<span class="icon-angle-down" aria-hidden="true"></span>
</a> </a>
</div>
<% end %>
</div>
<% else %> <% else %>
<%= render 'legislation/processes/header_full', process: @process %> <%= render 'legislation/processes/header_full', process: @process %>
<% end %> <% end %>
</div>
<aside class="small-12 medium-3 column">
<%= render partial: 'shared/social_share', locals: {
share_title: t("proposals.show.share"),
title: @process.title,
url: legislation_process_url(@process) } %>
</aside>
</div>
</div>

View File

@@ -1,32 +1,16 @@
<div class="legislation-hero jumbo grey-heading"> <% if @process.description.present? %>
<div class="row headline"> <p class="title"><%= t("legislation.processes.header.description") %></p>
<div class="small-12 medium-8 column"> <%= markdown @process.description %>
<%= back_link_to legislation_processes_path %> <% end %>
<h2>
<%= process.title %> <% if @process.additional_info.present? %>
</h2> <div id="additional_info" class="is-hidden" data-toggler=".is-hidden">
</div> <hr>
<p class="title"><%= t("legislation.processes.header.additional_info") %></p>
<%= markdown @process.additional_info if @process.additional_info %>
</div> </div>
<div class="row description"> <a class="button" data-toggle="additional_info">
<div class="small-12 column"> <%= t("legislation.processes.header.additional_info") %>
<% if process.description.present? %>
<p class="title"><%= t('.description') %></p>
<%= markdown process.description %>
<% end %>
</div>
<% if process.additional_info.present? %>
<div id="additional_info" class="small-12 column debate-add-info is-hidden" data-toggler=".is-hidden">
<%= markdown process.additional_info if process.additional_info %>
</div>
<% end %>
</div>
<% if process.additional_info.present? %>
<div class="text-center">
<a id="js-toggle-debate" class="button big text-center" title="<%= t('.more_info') %>" data-toggle="additional_info">
<strong><%= t('.more_info') %></strong>
</a> </a>
</div>
<% end %> <% end %>
</div>

View File

@@ -47,15 +47,14 @@ en:
text_comments: Comments text_comments: Comments
processes: processes:
header: header:
view_process_information: View process information additional_info: Additional information
description: Description
more_info: More information and context
proposals: proposals:
empty_proposals: There are no proposals empty_proposals: There are no proposals
debate: debate:
empty_questions: There aren't any questions empty_questions: There aren't any questions
participate: Participate in the debate participate: Participate in the debate
header_full:
description: Description
more_info: More information and context
index: index:
filter: Filter filter: Filter
filters: filters:

View File

@@ -47,15 +47,14 @@ es:
text_comments: Comentarios text_comments: Comentarios
processes: processes:
header: header:
view_process_information: Ver información del proceso additional_info: Información adicional
description: En qué consiste
more_info: Más información y contexto
proposals: proposals:
empty_proposals: No hay propuestas empty_proposals: No hay propuestas
debate: debate:
empty_questions: No hay preguntas empty_questions: No hay preguntas
participate: Realiza tus aportaciones al debate previo participando en los siguientes temas. participate: Realiza tus aportaciones al debate previo participando en los siguientes temas.
header_full:
description: En qué consiste
more_info: Más información y contexto
index: index:
filter: Filtro filter: Filtro
filters: filters: