6ea9383743
Using `<a>` tags with no `href` means these elements cannot be activated by keyboard users, so we're replacing them with buttons. In the future we probably want to add more consistency so all toggle buttons use the same code. We might also add styles depending on the `aria-expanded` property.
77 lines
2.7 KiB
Plaintext
77 lines
2.7 KiB
Plaintext
<div class="legislation-hero jumbo" style="<%= css_for_process_header %>">
|
|
<div class="row">
|
|
<div class="small-12 medium-9 column">
|
|
|
|
<% if banner_color? %>
|
|
<%= link_to t("shared.back"), legislation_processes_path,
|
|
class: "icon-angle-left",
|
|
style: "color:#{process.font_color};" %>
|
|
<% else %>
|
|
<%= back_link_to legislation_processes_path %>
|
|
<% end %>
|
|
|
|
<h2><%= @process.title %></h2>
|
|
|
|
<% 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>
|
|
|
|
<button type="button" class="button" data-toggle="legislation_info">
|
|
<%= t("legislation.processes.header.more_info") %>
|
|
</button>
|
|
<% else %>
|
|
<%= render "legislation/processes/header_full", process: @process %>
|
|
<% end %>
|
|
</div>
|
|
|
|
<aside class="small-12 medium-3 column">
|
|
<%= render "shared/social_share",
|
|
share_title: t("proposals.show.share"),
|
|
title: @process.title,
|
|
url: legislation_process_url(@process),
|
|
description: @process.title,
|
|
mobile: @process.title %>
|
|
|
|
<% if @process.image.present? %>
|
|
<hr>
|
|
<%= image_tag(@process.image_url(:large), alt: @process.title, id: "image") %>
|
|
<% end %>
|
|
|
|
<% if process.draft_publication.enabled? %>
|
|
<div class="sidebar-divider"></div>
|
|
<p class="sidebar-title">
|
|
<%= t("legislation.processes.shared.draft_publication_date") %>
|
|
</p>
|
|
<p>
|
|
<%= link_to draft_publication_legislation_process_path(@process) do %>
|
|
<strong><%= format_date(process.draft_publication_date) %></strong>
|
|
<% end %>
|
|
</p>
|
|
<% end %>
|
|
|
|
<% if process.result_publication.enabled? %>
|
|
<div class="sidebar-divider"></div>
|
|
<p class="sidebar-title">
|
|
<%= t("legislation.processes.shared.result_publication_date") %>
|
|
</p>
|
|
<p>
|
|
<%= link_to result_publication_legislation_process_path(@process) do %>
|
|
<strong><%= format_date(process.result_publication_date) %></strong>
|
|
<% end %>
|
|
</p>
|
|
<% end %>
|
|
</aside>
|
|
</div>
|
|
</div>
|