decidim-participatory_processes 0.27.8 → 0.28.0.rc4

data/app/views/decidim/participatory_processes/admin/participatory_processes/index.html.erb

@@ -1,137 +1,120 @@
 <% add_decidim_page_title(t("participatory_processes", scope: "decidim.admin.titles")) %>
-<% content_for :sidebar_menu_nav do %>
-  <%= sidebar_menu(:admin_participatory_processes_menu).render %>
-<% end %>
+<%= admin_tabs(:admin_participatory_processes_menu).render %>
 
-<div class="card with-overflow" id="processes">
-  <div class="card-divider">
-    <h2 class="card-title">
-      <%= t("participatory_processes", scope: "decidim.admin.titles") %>
-
-      <% if allowed_to? :create, :process %>
-        <%= link_to t("actions.new_process", scope: "decidim.admin"),
-                    [:new, :participatory_process],
-                    class: "button tiny button--title" %>
-      <% end %>
-
-      <% if process_group %>
-        <span>&lt;</span>
-        <%= link_to translated_attribute(process_group.title),
-                    edit_participatory_process_group_path(process_group) %>
-      <% end %>
-
-      <% if allowed_to? :import, :process %>
-        <%= link_to t("actions.import_process", scope: "decidim.admin"),
-                    new_import_path,
-                    class: "button tiny button--title" %>
-      <% end %>
-
-      <button data-toggle="process_groups" class="dropdown button tiny button--title">
-          <%= t("actions.filter.process_groups", scope: "decidim.admin") %>
-      </button>
-      <div id="process_groups" class="dropdown-pane" data-position="bottom" data-dropdown data-auto-focus="true">
-        <ul class="list-reset">
-          <%= link_to query_params_with(decidim_participatory_process_group_id_eq: nil) do %>
-            <li><%= t("actions.filter.all_processes", scope: "decidim.admin") %></li>
+<div class="card" id="processes">
+  <div class="flex justify-end" data-group-filter>
+    <button data-toggle="process_groups" class="button button__sm button__secondary">
+      <%= t("actions.filter.process_groups", scope: "decidim.admin") %>
+      <%= icon "arrow-down-s-line", class: "dropdown-filter-icon" %>
+    </button>
+    <div id="process_groups" class="dropdown-pane" data-position="bottom" data-dropdown data-auto-focus="true">
+      <ul>
+        <%= link_to query_params_with(decidim_participatory_process_group_id_eq: nil) do %>
+          <li><%= t("actions.filter.all_processes", scope: "decidim.admin") %></li>
+        <% end %>
+        <% process_groups_for_select.each do |group_title, group_id| %>
+          <%= link_to query_params_with(decidim_participatory_process_group_id_eq: group_id) do %>
+            <li><%= group_title %></li>
           <% end %>
-          <% process_groups_for_select.each do |group_title, group_id| %>
-            <%= link_to query_params_with(decidim_participatory_process_group_id_eq: group_id) do %>
-              <li><%= group_title %></li>
-            <% end %>
-          <% end %>
-        </ul>
-      </div>
-    </h2>
+        <% end %>
+      </ul>
+    </div>
   </div>
+  <% if process_group %>
+    <div>
+      <%= link_to translated_attribute(process_group.title),
+                  edit_participatory_process_group_path(process_group) %>
+    </div>
+  <% end %>
+  <br>
   <%= admin_filter_selector %>
-  <div class="card-section">
-    <div class="table-scroll">
-      <table class="table-list">
-        <thead>
-          <tr>
-            <th>
-              <%= sort_link(query, :title, t("models.participatory_process.fields.title", scope: "decidim.admin")) %>
-            </th>
-            <th>
-              <%= sort_link(query, :created_at, t("models.participatory_process.fields.created_at", scope: "decidim.admin"), default_order: :desc) %>
-            </th>
-            <th>
-              <%= sort_link(query, :private_space, t("models.participatory_process.fields.private", scope: "decidim.admin")) %>
-            </th>
-            <th class="table-list__actions">
-              <%= sort_link(query, :published_at, t("models.participatory_process.fields.published", scope: "decidim.admin")) %>
-            </th>
-            <th></th>
-          </tr>
-        </thead>
-        <tbody>
-          <% @participatory_processes.each do |process| %>
-            <tr>
-              <td>
-                <% if process.promoted? %>
-                  <span data-tooltip class="icon-state icon-highlight" data-disable-hover="false" title="<%= t("models.participatory_process.fields.promoted", scope: "decidim.admin") %>">
-                    <%= icon "star" %>
-                  </span>
-                <% end %>
-                <% if allowed_to? :update, :process, process: process %>
-                  <%= link_to translated_attribute(process.title), edit_participatory_process_path(process) %><br>
-                <% elsif allowed_to? :read, :component, process: process %>
-                  <%= link_to translated_attribute(process.title), components_path(process) %><br>
-                <% elsif allowed_to? :preview, :process, process: process %>
-                  <%= link_to translated_attribute(process.title), decidim_participatory_processes.participatory_process_path(process) %><br>
-                <% elsif allowed_to? :read, :moderation, process: process %>
-                  <%= link_to translated_attribute(process.title), moderations_path(process) %><br>
-                <% else %>
-                  <%= translated_attribute(process.title) %>
-                <% end %>
-              </td>
-              <td>
-                <%= l process.created_at, format: :short %>
-              </td>
-              <td class="table-list__state">
-                <% if process.private_space? %>
-                  <strong class="text-alert"><%= t("participatory_processes.index.private", scope: "decidim.admin") %></strong>
-                <% else %>
-                  <strong class="text-success"><%= t("participatory_processes.index.public", scope: "decidim.admin") %></strong>
-                <% end %>
-              </td>
-              <td class="table-list__state">
-                <% if process.published? %>
-                  <strong class="text-success"><%= t("participatory_processes.index.published", scope: "decidim.admin") %></strong>
-                <% else %>
-                  <strong class="text-alert"><%= t("participatory_processes.index.not_published", scope: "decidim.admin") %></strong>
-                <% end %>
-              </td>
-              <td class="table-list__actions">
-                <% if allowed_to? :create, :process, process: process %>
-                  <%= icon_link_to "data-transfer-download", participatory_process_export_path(process), t("actions.export", scope: "decidim.admin"), method: :post, class: "action-icon--export" %>
-                <% else %>
-                  <span class="action-space icon"></span>
-                <% end %>
+</div>
+<div class="table-scroll">
+  <table class="table-list">
+    <thead>
+      <tr>
+        <th>
+          <%= sort_link(query, :title, t("models.participatory_process.fields.title", scope: "decidim.admin")) %>
+        </th>
+        <th>
+          <%= sort_link(query, :created_at, t("models.participatory_process.fields.created_at", scope: "decidim.admin"), default_order: :desc) %>
+        </th>
+        <th>
+          <%= sort_link(query, :private_space, t("models.participatory_process.fields.private", scope: "decidim.admin")) %>
+        </th>
+        <th class="table-list__actions">
+          <%= sort_link(query, :published_at, t("models.participatory_process.fields.published", scope: "decidim.admin")) %>
+        </th>
+        <th>
+          <%= t("models.participatory_process.fields.actions", scope: "decidim.admin") %>
+        </th>
+      </tr>
+    </thead>
+    <tbody>
+      <% @participatory_processes.each do |process| %>
+        <tr>
+          <td>
+            <% if process.promoted? %>
+              <%= icon_with_tooltip "star-s-fill", t("models.assembly.fields.promoted", scope: "decidim.admin") %>
+            <% end %>
+            <% if allowed_to? :update, :process, process: process %>
+              <%= link_to translated_attribute(process.title), edit_participatory_process_path(process) %><br>
+            <% else %>
+              <%= translated_attribute(process.title) %>
+            <% end %>
+          </td>
+          <td class="table-list__date">
+            <%= l process.created_at, format: :short %>
+          </td>
+          <td class="table-list__state">
+            <% if process.private_space? %>
+              <span><%= t("participatory_processes.index.private", scope: "decidim.admin") %></span>
+            <% else %>
+              <span><%= t("participatory_processes.index.public", scope: "decidim.admin") %></span>
+            <% end %>
+          </td>
+          <td class="table-list__state">
+            <% if process.published? %>
+              <span class="label success !text-sm"><%= t("participatory_processes.index.published", scope: "decidim.admin") %></span>
+            <% else %>
+              <span class="label alert !text-sm"><%= t("participatory_processes.index.unpublished", scope: "decidim.admin") %></span>
+            <% end %>
+          </td>
+          <td class="table-list__actions">
 
-                <% if allowed_to? :create, :process, process: process %>
-                  <%= icon_link_to "clipboard", new_participatory_process_copy_path(process), t("actions.duplicate", scope: "decidim.admin"), class: "action-icon--copy" %>
-                <% else %>
-                  <span class="action-space icon"></span>
-                <% end %>
+            <% if allowed_to? :update, :process, process: process %>
+              <%= icon_link_to "pencil-line", edit_participatory_process_path(process), t("actions.configure", scope: "decidim.admin"), class: "action-icon--new" %>
+            <% else %>
+              <span class="action-space icon"></span>
+            <% end %>
 
-                <% if allowed_to? :update, :process, process: process %>
-                  <%= icon_link_to "pencil", edit_participatory_process_path(process), t("actions.configure", scope: "decidim.admin"), class: "action-icon--new" %>
-                <% else %>
-                  <span class="action-space icon"></span>
-                <% end %>
+            <% if allowed_to? :create, :process, process: process %>
+              <%= icon_link_to "download-line", participatory_process_export_path(process), t("actions.export", scope: "decidim.admin"), method: :post, class: "action-icon--export" %>
+            <% else %>
+              <span class="action-space icon"></span>
+            <% end %>
 
-                <% if allowed_to? :preview, :process, process: process %>
-                  <%= icon_link_to "eye", decidim_participatory_processes.participatory_process_path(process), t("actions.preview", scope: "decidim.admin"), class: "action-icon--preview" %>
-                <% else %>
-                  <span class="action-space icon"></span>
-                <% end %>
-              </td>
-            </tr>
-          <% end %>
-        </tbody>
-      </table>
-      <%= paginate @participatory_processes, theme: "decidim" %>
-    </div>
-  </div>
+            <% if allowed_to? :create, :process, process: process %>
+              <%= icon_link_to "file-copy-line", new_participatory_process_copy_path(process), t("actions.duplicate", scope: "decidim.admin"), class: "action-icon--copy" %>
+            <% else %>
+              <span class="action-space icon"></span>
+            <% end %>
+
+            <% if allowed_to? :preview, :process, process: process %>
+              <%= icon_link_to "eye-line", decidim_participatory_processes.participatory_process_path(process), t("actions.preview", scope: "decidim.admin"), class: "action-icon--preview", target: "_blank", data: { "external-link": false } %>
+            <% else %>
+              <span class="action-space icon"></span>
+            <% end %>
+
+            <% if allowed_to? :read, :moderation, process: process %>
+              <%= icon_link_to "flag-line", moderations_path(process), t("actions.moderate", scope: "decidim.admin"), class: "action-icon--moderate" %>
+            <% else %>
+              <span class="action-space icon"></span>
+            <% end %>
+          </td>
+        </tr>
+      <% end %>
+    </tbody>
+  </table>
 </div>
+<%= decidim_paginate @participatory_processes %>

data/app/views/decidim/participatory_processes/admin/participatory_processes/new.html.erb

@@ -1,12 +1,19 @@
 <% add_decidim_page_title(t("participatory_processes.new.title", scope: "decidim.admin")) %>
-<h2 class="process-title-summary">
-  <%= t "participatory_processes.new.title", scope: "decidim.admin" %>
-</h2>
+<div class="item_show__header">
+  <h2 class="item_show__header-title">
+    <%= t("title", scope: "decidim.admin.participatory_processes.new") %>
+  </h2>
+</div>
 
-<%= decidim_form_for(@form, html: { class: "form new_participatory_process" }) do |f| %>
-  <%= render partial: "form", object: f %>
-
-  <div class="button--double form-general-submit">
-    <%= f.submit t("participatory_processes.new.create", scope: "decidim.admin") %>
+<div class="item__edit item__edit-1col">
+  <div class="item__edit-form">
+    <%= decidim_form_for(@form, html: { class: "form form-defaults new_participatory_process" }) do |f| %>
+      <%= render partial: "form", object: f %>
+      <div class="item__edit-sticky">
+        <div class="item__edit-sticky-container">
+          <%= f.submit t("participatory_processes.new.create", scope: "decidim.admin"), class: "button button__sm button__secondary" %>
+        </div>
+      </div>
+    <% end %>
   </div>
-<% end %>
+</div>

data/app/views/decidim/participatory_processes/participatory_process_groups/show.html.erb

@@ -10,15 +10,11 @@
   )
 %>
 
-<div class="wrapper">
-  <div class="row column">
-    <% Decidim::ContentBlock.published.for_scope(:participatory_process_group_homepage, organization: current_organization).where(scoped_resource_id: group.id).each do |content_block| %>
-      <% next unless content_block.manifest %>
-      <%= cell content_block.manifest.cell, content_block %>
-    <% end %>
-  </div>
+<div class="participatory-space__container">
+  <% active_content_blocks.each do |content_block| %>
+    <% next unless content_block.manifest %>
+    <%= cell content_block.manifest.cell, content_block %>
+  <% end %>
 </div>
 
-<% content_for :js_content do %>
-  <%= javascript_pack_tag "decidim_participatory_processes" %>
-<% end %>
+<%= append_javascript_pack_tag "decidim_participatory_processes" %>

data/app/views/decidim/participatory_processes/participatory_processes/_collection.html.erb

@@ -0,0 +1,8 @@
+<% date_filter_text = %w(active upcoming past all).include?(params.dig(:filter, :with_date)) ? params.dig(:filter, :with_date) : default_date_filter %>
+<h2 class="h5 md:h3 decorator"><%= t(date_filter_text, scope: "decidim.participatory_processes.participatory_processes.filters.counters", count: collection.total_count) %></h2>
+
+<div class="card__grid-grid">
+  <%= render(collection) %>
+</div>
+
+<%= decidim_paginate collection %>

data/app/views/decidim/participatory_processes/participatory_processes/all_metrics.html.erb

@@ -1,9 +1,22 @@
-<% if current_participatory_space.private_space? %>
-  <%= render partial: "decidim/shared/private_participatory_space", locals: { text: t("participatory_processes.show.private_space", scope: "decidim") } %>
+<%= render layout:"layouts/decidim/shared/layout_center", locals: { columns: 8 } do %>
+  <div class="text-center py-10">
+    <h2 class="title-decorator inline-block text-left">
+      <%= t("decidim.pages.participatory_space.metrics.headline", name: translated_attribute(current_participatory_space.title)) %>
+    </h2>
+  </div>
+
+  <% if current_participatory_space.private_space? %>
+    <%= cell("decidim/announcement", t("participatory_processes.show.private_space", scope: "decidim"), callout_class: "alert") %>
+  <% end %>
+
+  <div id="metrics" class="metric__container">
+    <%= metrics.params %>
+    <%= metrics.render_charts Decidim.metrics_registry.filtered(scope: "participatory_process", sort: true) %>
+  </div>
+
+  <%= link_to participatory_process_path(current_participatory_space), class: "button button__sm button__text-secondary mt-10" do %>
+    <%= icon "arrow-left-line" %>
+    <span><%= t("back_to_process", scope: "decidim.participatory_processes.participatory_process_steps.index") %></span>
+  <% end %>
+
 <% end %>
-<div class="section" id="metrics">
-  <%= metrics.params %>
-  <%= metrics.medium_stats %>
-  <%= metrics.big_stats %>
-  <%= metrics.small_stats %>
-</div>

data/app/views/decidim/participatory_processes/participatory_processes/index.html.erb

@@ -8,28 +8,30 @@ edit_link(
 )
 %>
 
-<%= participatory_space_wrapper do %>
+<%= append_stylesheet_pack_tag "decidim_participatory_processes", media: "all" %>
+<%= append_javascript_pack_tag "decidim_participatory_processes" %>
+
+<% content_for :aside do %>
+  <h1 class="title-decorator"><%= component_name %></h1>
+
+  <%= render partial: "decidim/shared/filters", locals: { filter_sections:, skip_to_id: "processes-grid" } %>
+<% end %>
+
+<%= render layout:"layouts/decidim/shared/layout_two_col" do %>
+
+  <%= participatory_space_floating_help %>
+
   <% if promoted_collection.any? %>
-    <section id="highlighted-processes" class="row section">
-      <h1 class="section-heading"><%= t("participatory_processes.index.promoted_processes", scope: "layouts.decidim") %></h1>
+    <section id="highlighted-processes" class="layout-main__section layout-main__heading">
+      <h2 class="h5 md:h3 decorator"><%= t("participatory_processes.index.promoted_processes", scope: "layouts.decidim") %></h2>
+
       <% promoted_collection.each do |promoted_item| %>
-        <%= render_highlighted_partial_for promoted_item %>
+        <%= card_for promoted_item, highlight: true, size: :g %>
       <% end %>
     </section>
   <% end %>
 
-  <section id="processes-grid" class="section row collapse">
-    <div class="processes-grid-order-by">
-      <%= render partial: "order_by_processes" %>
-    </div>
-    <%= render partial: "decidim/shared/participatory_space_filters/show" %>
-    <p class="loading"><%= t(".loading") %></p>
-    <div class="row small-up-1 medium-up-2 large-up-3 card-grid">
-      <%= render(collection) %>
-    </div>
+  <section id="processes-grid" class="layout-main__section layout-main__heading">
+    <%= render partial: "collection" %>
   </section>
 <% end %>
-
-<% content_for :js_content do %>
-  <%= javascript_pack_tag "decidim_participatory_processes" %>
-<% end %>

data/app/views/decidim/participatory_processes/participatory_processes/index.js.erb

@@ -1,8 +1 @@
-var $grid = $('#processes-grid');
-var $order_by_filters = $grid.find('.processes-grid-order-by');
-var $loading = $grid.find('.loading');
-
-$grid.find('.card-grid').html('<%= j(render(collection)).strip.html_safe %>');
-$order_by_filters.html('<%= j(render(partial: "decidim/participatory_processes/participatory_processes/order_by_processes", locals: { include_filter: true })).strip.html_safe %>');
-$order_by_filters.foundation();
-$loading.hide();
+$('#processes-grid').html('<%= j(render(partial: "collection")).strip.html_safe %>');

data/app/views/decidim/participatory_processes/participatory_processes/show.html.erb

@@ -14,140 +14,26 @@
   )
 %>
 
-<%= participatory_space_floating_help %>
-
+<%# NOTE: this elements goes outside of the .participatory-space__container block %>
 <% if current_participatory_space.private_space? %>
-  <%= render partial: "decidim/shared/private_participatory_space",
-             locals: { text: t("private_space", scope: "decidim.participatory_processes.show") } %>
+  <section class="participatory-space__block-reference alert">
+    <%= t("private_space", scope: "decidim.participatory_processes.show") %>
+  </section>
 <% end %>
 
-<%= cell("decidim/announcement", current_participatory_space.announcement) %>
-
-<div class="row column">
-  <div class="row">
-    <div class="columns medium-7 mediumlarge-8">
-      <div class="section">
-        <h2 class="show-for-sr"><%= t(".title") %></h2>
-        <% if participatory_process_group.present? %>
-          <%= render partial: "participatory_process_group" %>
-        <% end %>
-        <div class="lead">
-          <%= decidim_sanitize_editor_admin translated_attribute(current_participatory_space.short_description) %>
-        </div>
-        <%= decidim_sanitize_editor_admin translated_attribute(current_participatory_space.description) %>
-      </div>
-      <%= attachments_for current_participatory_space %>
-      <%= render_hook(:participatory_space_highlighted_elements) %>
-
-      <% if related_processes.any? %>
-        <div class="section row collapse related_processes">
-          <h4 class="section-heading"><%= t "related_processes", scope: "decidim.participatory_processes.show" %></h4>
-          <div class="collapsible-list row small-up-1 medium-up-2 card-grid">
-            <% related_processes.each do |related_process| %>
-              <%= card_for(related_process) %>
-            <% end %>
-          </div>
-        </div>
-      <% end %>
-
-      <% if linked_assemblies.any? %>
-        <div class="section">
-          <h4 class="section-heading"><%= t("participatory_process.show.related_assemblies", scope: "decidim") %></h4>
-          <div class="row small-up-1 medium-up-2 card-grid">
-            <% linked_assemblies.each do |linked_assembly| %>
-              <%= card_for(linked_assembly) %>
-            <% end %>
-          </div>
-        </div>
-      <% end %>
-
-    </div>
-    <div class="section columns medium-5 mediumlarge-4 large-3">
-      <div class="card extra">
-        <div class="card__content">
-          <%= render partial: "decidim/shared/follow_button",
-                     locals: { followable: current_participatory_space, large: false } %>
-        </div>
-      </div>
-      <div class="card extra definition-data">
-        <% if translated_attribute(current_participatory_space.participatory_scope).present? %>
-          <div class="definition-data__item participatory_scope">
-            <span class="definition-data__title"><%= t("participatory_scope", scope: "decidim.participatory_processes.show") %></span>
-            <%= translated_attribute(current_participatory_space.participatory_scope) %>
-          </div>
-        <% end %>
-
-        <% if translated_attribute(current_participatory_space.target).present? %>
-          <div class="definition-data__item target">
-            <span class="definition-data__title"><%= t("target", scope: "decidim.participatory_processes.show") %></span>
-            <%= translated_attribute(current_participatory_space.target) %>
-          </div>
-        <% end %>
-
-        <% if translated_attribute(current_participatory_space.participatory_structure).present? %>
-          <div class="definition-data__item participatory_structure">
-            <span class="definition-data__title"><%= t("participatory_structure", scope: "decidim.participatory_processes.show") %></span>
-            <%= translated_attribute(current_participatory_space.participatory_structure) %>
-          </div>
-        <% end %>
+<div class="participatory-space__container">
 
-        <% area = current_participatory_space.area %>
-        <% if translated_attribute(area&.name).present? %>
-          <div class="definition-data__item area">
-            <span class="definition-data__title"><%= t("area", scope: "decidim.participatory_processes.show") %></span>
-            <% if translated_attribute(area.area_type&.name).present? %>
-              <%= translated_attribute(area.area_type.name) %><span>&#45;</span>
-            <% end %>
-            <%= translated_attribute(area.name) %>
-          </div>
-        <% end %>
+  <%= participatory_space_floating_help %>
+  <%= cell "decidim/participatory_processes/process_step", current_participatory_space, display_steps: params[:display_steps] %>
 
-        <% if translated_attribute(current_participatory_space.meta_scope).present? %>
-          <div class="definition-data__item scope">
-            <span class="definition-data__title"><%= t("scope", scope: "decidim.participatory_processes.show") %></span>
-            <%= translated_attribute(current_participatory_space.meta_scope) %>
-          </div>
-        <% end %>
+  <% active_content_blocks.each do |content_block| %>
+    <% next unless content_block.manifest %>
 
-        <% if translated_attribute(current_participatory_space.local_area).present? %>
-          <div class="definition-data__item local_area">
-            <span class="definition-data__title"><%= t("local_area", scope: "decidim.participatory_processes.show") %></span>
-            <%= translated_attribute(current_participatory_space.local_area) %>
-          </div>
-        <% end %>
-
-        <% if translated_attribute(current_participatory_space.developer_group).present? %>
-          <div class="definition-data__item developer-group">
-            <span class="definition-data__title"><%= t("developer_group", scope: "decidim.participatory_processes.show") %></span>
-            <%= translated_attribute(current_participatory_space.developer_group) %>
-          </div>
-        <% end %>
-
-        <% if current_participatory_space.start_date.present? %>
-          <div class="definition-data__item start-date">
-            <span class="definition-data__title"><%= t("start_date", scope: "decidim.participatory_processes.show") %></span>
-            <%== l(current_participatory_space.start_date, format: :long) %>
-          </div>
-        <% end %>
-
-        <% if current_participatory_space.end_date.present? %>
-          <div class="definition-data__item end-date">
-            <span class="definition-data__title"><%= t("end_date", scope: "decidim.participatory_processes.show") %></span>
-            <%== l(current_participatory_space.end_date, format: :long) %>
-          </div>
-        <% end %>
-      </div>
-      <%= resource_reference(current_participatory_space) %>
-      <%= render partial: "decidim/shared/share_modal" %>
-      <%= embed_modal_for participatory_process_widget_url(current_participatory_space, format: :js) %>
-    </div>
-  </div>
-
-  <% if current_participatory_space.show_statistics? %>
-     <%= cell "decidim/statistics", stats.collection %>
+    <%= cell content_block.manifest.cell, content_block %>
   <% end %>
 
-  <% if current_participatory_space.show_metrics? %>
-    <%= render partial: "metrics" %>
-  <% end %>
 </div>
+
+<section class="participatory-space__block-reference">
+  <%= resource_reference(current_participatory_space) %>
+</section>

data/app/views/layouts/decidim/_process_header.html.erb

@@ -1,28 +1,17 @@
-<div class="process-header">
-  <div class="process-header__inner">
-    <div class="row column process-header__main"
-        style="background-image:url('<%= current_participatory_space.attached_uploader(:banner_image).path %>');">
-    </div>
-    <div class="process-header__container row collapse column">
-      <div class="columns mediumlarge-8 process-header__info">
-        <div>
-          <h1 class="text-highlight heading2">
-            <%= translated_attribute(current_participatory_space.title) %>
-          </h1>
-        </div>
-        <div>
-          <p class="text-highlight heading-small">
-            <% if current_participatory_space.hashtag.present? %>
-              <span class="process-header__hashtag">
-                <%= link_to "##{decidim_html_escape(current_participatory_space.hashtag)}", twitter_hashtag_url(decidim_html_escape(current_participatory_space.hashtag)), target: "_blank" %>
-              </span>
-            <% end %>
-            <%= translated_attribute(current_participatory_space.subtitle) %>
-          </p>
-        </div>
-      </div>
-      <%= render partial: "layouts/decidim/process_header_steps", locals: { participatory_process: current_participatory_space } %>
+<section style="background-image:url('<%= current_participatory_space.attached_uploader(:banner_image).path %>');">
+  <div class="process__hero">
+    <div class="process__hero-text">
+      <h1 class="h1 text-5xl">
+        <%= translated_attribute(current_participatory_space.title) %>
+      </h1>
+      <p class="process__hero-slogan">
+        <% if current_participatory_space.hashtag.present? %>
+          <span>
+            <%= link_to "##{decidim_html_escape(current_participatory_space.hashtag)}", twitter_hashtag_url(decidim_html_escape(current_participatory_space.hashtag)), target: "_blank" %>
+          </span>
+        <% end %>
+        <%= translated_attribute(current_participatory_space.subtitle) %>
+      </p>
     </div>
   </div>
-  <%= render partial: "layouts/decidim/process_navigation", locals: { participatory_space: current_participatory_space } %>
-</div>
+</section>

data/app/views/layouts/decidim/_process_nav_item.html.erb

@@ -0,0 +1,6 @@
+<li>
+  <%= link_to item[:url], class: "process__nav-item" do %>
+    <%= item[:name] %>
+    <%= icon "arrow-right-line" %>
+  <% end %>
+</li>