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 @@
<% if header == :small %>
<div class="legislation-hero jumbo grey-heading">
<div class="row headline">
<div class="small-12 medium-8 column">
<h3 class="headline-small"><%= process.title %></h3>
</div>
</div>
<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>
<div id="debate-show" class="row description is-hidden" data-toggler=".is-hidden">
<div class="small-12 column">
<% if process.description.present? %>
<p class="title"><%= t('legislation.processes.header_full.description') %></p>
<%= markdown process.description %>
<% end %>
</div>
<% if process.additional_info.present? %>
<div class="small-12 column debate-add-info">
<%= markdown process.additional_info if process.additional_info %>
<% if header == :small %>
<div id="legislation_info" class="is-hidden" data-toggler=".is-hidden">
<% if @process.description.present? %>
<p class="title"><%= t("legislation.processes.header.description") %></p>
<%= markdown @process.description %>
<% end %>
<% if @process.additional_info.present? %>
<hr>
<p class="title"><%= t("legislation.processes.header.additional_info") %></p>
<%= markdown @process.additional_info if @process.additional_info %>
<% end %>
</div>
<a class="button" data-toggle="legislation_info">
<%= t("legislation.processes.header.more_info") %>
</a>
<% else %>
<%= render 'legislation/processes/header_full', process: @process %>
<% end %>
</div>
<% if process.description.present? || process.additional_info.present? %>
<div class="text-center">
<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>
</div>
<% end %>
<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>
<% else %>
<%= render 'legislation/processes/header_full', process: @process %>
<% end %>
</div>

View File

@@ -1,32 +1,16 @@
<div class="legislation-hero jumbo grey-heading">
<div class="row headline">
<div class="small-12 medium-8 column">
<%= back_link_to legislation_processes_path %>
<h2>
<%= process.title %>
</h2>
</div>
<% if @process.description.present? %>
<p class="title"><%= t("legislation.processes.header.description") %></p>
<%= markdown @process.description %>
<% end %>
<% if @process.additional_info.present? %>
<div id="additional_info" class="is-hidden" data-toggler=".is-hidden">
<hr>
<p class="title"><%= t("legislation.processes.header.additional_info") %></p>
<%= markdown @process.additional_info if @process.additional_info %>
</div>
<div class="row description">
<div class="small-12 column">
<% 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>
</div>
<% end %>
</div>
<a class="button" data-toggle="additional_info">
<%= t("legislation.processes.header.additional_info") %>
</a>
<% end %>