decidim-budgets 0.30.3 → 0.31.0.rc2

data/app/views/decidim/budgets/admin/budgets/_actions.html.erb

@@ -1,21 +1,68 @@
-<% if view == :deleted %>
-  <% if allowed_to? :restore, :budget, trashable_deleted_resource: budget %>
-    <%= icon_link_to "refresh-line", url_for(action: :restore, id: budget, controller: "budgets"), t("decidim.admin.actions.restore"), method: :patch, class: "action-icon--restore" %>
-  <% end %>
-<% else %>
-  <% if allowed_to? :update, :budget, budget: budget %>
-    <%= icon_link_to "pencil-line", edit_budget_path(budget), t("actions.edit", scope: "decidim.budgets"), class: "action-icon--edit" %>
-  <% else %>
-    <%= icon "pencil-line", class: "action-icon action-icon--disabled", role: "img", aria_label: t("actions.edit", scope: "decidim.budgets") %>
-  <% end %>
+<button type="button" data-controller="dropdown" data-target="actions-post-<%= budget.id %>" aria-label="<%= t("decidim.admin.actions.actions_label", resource: translated_attribute(budget.title)) %>">
+  <%= icon "more-fill", class: "text-secondary" %>
+</button>
 
-  <%= icon_link_to "list-check", budget_projects_path(budget), t("actions.edit_projects", scope: "decidim.budgets"), class: "action-icon--edit-projects" %>
+<div class="inline-block relative">
+  <ul id="actions-post-<%= budget.id %>" class="dropdown dropdown__action" aria-hidden="true">
+    <% if view == :deleted %>
+      <% if allowed_to? :restore, :budget, trashable_deleted_resource: budget %>
+        <li class="dropdown__item">
+          <%= link_to url_for(action: :restore, id: budget, controller: "budgets"), method: :patch, class: "dropdown__button" do %>
+            <%= icon "refresh-line" %>
+            <%= t("decidim.admin.actions.restore") %>
+          <% end %>
+        </li>
+      <% end %>
+    <% else %>
+      <% if allowed_to? :update, :budget, budget: budget %>
+        <li class="dropdown__item">
+          <%= link_to edit_budget_path(budget), class: "dropdown__button" do %>
+            <%= icon "pencil-line" %>
+            <%= t("actions.edit", scope: "decidim.budgets") %>
+          <% end %>
+        </li>
+      <% else %>
+        <li class="dropdown__item">
+          <span class="dropdown__button" role="img" aria-label="<%= t("actions.edit", scope: "decidim.budgets") %>">
+            <%= icon "pencil-line" %>
+            <%= t("actions.edit", scope: "decidim.budgets") %>
+          </span>
+        </li>
+      <% end %>
 
-  <%= icon_link_to "eye-line", resource_locator(budget).path, t("actions.preview", scope: "decidim.budgets"), class: "action-icon--preview", target: :blank, data: { "external-link": false } %>
+      <hr>
 
-  <% if allowed_to? :soft_delete, :budget, trashable_deleted_resource: budget %>
-    <%= icon_link_to "delete-bin-line", soft_delete_budget_path(budget), t("actions.soft_delete", scope: "decidim.admin"), method: :patch, class: "action-icon--remove", data: { confirm: t("actions.confirm_delete_budget", scope: "decidim.budgets") } %>
-  <% else %>
-    <%= icon "delete-bin-line", class: "action-icon action-icon--disabled", role: "img", aria_label: t("actions.soft_delete", scope: "decidim.admin") %>
-  <% end %>
-<% end %>
+      <li class="dropdown__item">
+        <%= link_to budget_projects_path(budget), class: "dropdown__button" do %>
+          <%= icon "list-check" %>
+          <%= t("actions.edit_projects", scope: "decidim.budgets") %>
+        <% end %>
+      </li>
+
+      <hr>
+
+      <li class="dropdown__item">
+        <%= link_to resource_locator(budget).path, target: :blank, data: { "external-link": false }, class: "dropdown__button" do %>
+          <%= icon "eye-line" %>
+          <%= t("actions.preview", scope: "decidim.budgets") %>
+        <% end %>
+      </li>
+
+      <hr>
+
+      <li class="dropdown__item">
+        <% if allowed_to? :soft_delete, :budget, trashable_deleted_resource: budget %>
+          <%= link_to soft_delete_budget_path(budget), method: :patch, data: { confirm: t("actions.confirm_delete_budget", scope: "decidim.budgets") }, class: "dropdown__button" do %>
+            <%= icon "delete-bin-line" %>
+            <%= t("actions.soft_delete", scope: "decidim.admin") %>
+          <% end %>
+        <% else %>
+          <span class="dropdown__button" role="img" aria-label="<%= t("actions.soft_delete", scope: "decidim.admin") %>">
+            <%= icon "delete-bin-line" %>
+            <%= t("actions.soft_delete", scope: "decidim.admin") %>
+          </span>
+        <% end %>
+      </li>
+    <% end %>
+  </ul>
+</div>

data/app/views/decidim/budgets/admin/budgets/_budget-tr.html.erb

@@ -1,18 +1,18 @@
 <tr data-id="<%= budget.id %>">
-  <td>
+  <td data-label="<%= t("models.budget.fields.name", scope: "decidim.budgets") %>">
     <% if allowed_to? :update, :budget, budget: budget %>
       <%= link_to translated_attribute(budget.title), budget_projects_path(budget) %><br>
     <% else %>
       <%= translated_attribute(budget.title) %>
     <% end %>
   </td>
-  <td>
+  <td data-label="<%= t("models.budget.fields.total_budget", scope: "decidim.budgets") %>">
     <%= number_to_currency budget.total_budget, unit: Decidim.currency_unit, precision: 0 %>
   </td>
-  <td>
+  <td data-label="<%= t("models.budget.fields.projects_count", scope: "decidim.budgets") %>">
     <%= link_to budget.projects.count, budget_projects_path(budget) %>
   </td>
-  <td class="table-list__actions">
+  <td class="table-list__actions" data-label="<%= t("actions.title", scope: "decidim.budgets") %>">
     <%= render partial: "decidim/budgets/admin/budgets/actions", locals: { budget:, view: } %>
   </td>
 </tr>

data/app/views/decidim/budgets/admin/budgets/_form.html.erb

@@ -10,7 +10,7 @@
       </div>
 
       <div class="row column">
-        <%= form.translated :editor, :description, toolbar: :content, aria: { label: :description } %>
+        <%= form.translated :editor, :description, resource_mentionable: true, toolbar: :content, aria: { label: :description } %>
       </div>
 
       <div class="row column">

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

@@ -3,19 +3,22 @@
   <div class="item_show__header">
     <h1 class="item_show__header-title">
       <%= t(".title") %>
-      <% if allowed_to? :export, :budget %>
-        <%= export_dropdown %>
-      <% end %>
-      <% if allowed_to? :remind, :order %>
-        <%= link_to t("actions.send_voting_reminders", scope: "decidim.budgets"), admin_reminders_path(current_component, name: "orders"), class: "button button__sm button__secondary" %>
-      <% end %>
-      <div id="js-other-actions-wrapper">
-        <%= link_to t("actions.new_budget", scope: "decidim.budgets"), new_budget_path, class: "button button__sm button__secondary" if allowed_to? :create, :budget %>
+
+      <div class="flex items-center gap-x-4">
+        <% if allowed_to? :export, :budget %>
+          <%= export_dropdown %>
+        <% end %>
+        <% if allowed_to? :remind, :order %>
+          <%= link_to t("actions.send_voting_reminders", scope: "decidim.budgets"), admin_reminders_path(current_component, name: "orders"), class: "button button__sm button__transparent-secondary" %>
+        <% end %>
+        <div id="js-other-actions-wrapper">
+          <%= link_to t("actions.new_budget", scope: "decidim.budgets"), new_budget_path, class: "button button__sm button__secondary" if allowed_to? :create, :budget %>
+        </div>
+        <%= render partial: "decidim/admin/components/resource_action" %>
       </div>
-      <%= render partial: "decidim/admin/components/resource_action" %>
     </h1>
   </div>
-  <div class="table-scroll">
+  <div class="table-stacked">
     <table class="table-list">
       <%= render partial: "budgets-thead" %>
       <tbody>
@@ -28,7 +31,7 @@
   </div>
   <% if allowed_to? :manage_trash, :budget, participatory_space: current_participatory_space %>
     <div class="card-divider mt-4">
-      <%= link_to manage_trash_budgets_path, class: "flex items-center underline text-secondary" do %>
+      <%= link_to manage_trash_budgets_path, class: "flex items-center  text-secondary" do %>
         <%= icon "delete-bin-2-line", class: "mr-2 fill-current text-secondary", role: "img" %>
         <%= t("actions.view_deleted_budgets", scope: "decidim.budgets") %>
         <span class="ml-2">

data/app/views/decidim/budgets/admin/budgets/manage_trash.html.erb

@@ -1,11 +1,12 @@
 <% add_decidim_page_title(t(".title")) %>
+
 <div class="card">
   <div class="item_show__header">
     <h1 class="item_show__header-title">
       <%= t(".title") %>
     </h1>
   </div>
-  <div class="table-scroll">
+  <div class="table-stacked">
     <table class="table-list">
       <%= render partial: "budgets-thead" %>
       <tbody>

data/app/views/decidim/budgets/admin/projects/_actions.html.erb

@@ -1,27 +1,71 @@
-<% if view == :deleted %>
-  <% if allowed_to? :restore, :project, trashable_deleted_resource: project %>
-    <%= icon_link_to "refresh-line", restore_budget_project_path(project.budget, project), t("decidim.admin.actions.restore"), method: :patch, class: "action-icon--restore" %>
-  <% end %>
-<% else %>
-  <% if allowed_to? :update, :project, project: project %>
-    <%= icon_link_to "pencil-line", resource_locator([budget, project]).edit, t("actions.edit", scope: "decidim.budgets"), class: "action-icon--edit" %>
-  <% end %>
+<button type="button" data-controller="dropdown" data-target="actions-post-<%= project.id %>" aria-label="<%= t("decidim.admin.actions.actions_label", resource: project.title) %>">
+  <%= icon "more-fill", class: "text-secondary" %>
+</button>
 
-  <% if allowed_to? :update, :project, project: project %>
-    <%= icon_link_to "folder-line", project_attachment_collections_path(project), t("actions.attachment_collections", scope: "decidim.budgets"), class: "action-icon--attachment_collections" %>
-  <% end %>
+<div class="inline-block relative">
+  <ul id="actions-post-<%= project.id %>" class="dropdown dropdown__action" aria-hidden="true">
+    <% if view == :deleted %>
+      <% if allowed_to? :restore, :project, trashable_deleted_resource: project %>
+        <li class="dropdown__item">
+          <%= link_to restore_budget_project_path(project.budget, project), method: :patch, class: "dropdown__button" do %>
+            <%= icon "refresh-line" %>
+            <%= t("decidim.admin.actions.restore") %>
+          <% end %>
+        </li>
+      <% end %>
+    <% else %>
+      <% if allowed_to? :update, :project, project: project %>
+        <li class="dropdown__item">
+          <%= link_to resource_locator([budget, project]).edit, class: "dropdown__button" do %>
+            <%= icon "pencil-line" %>
+            <%= t("actions.edit", scope: "decidim.budgets") %>
+          <% end %>
+        </li>
 
-  <% if allowed_to? :update, :project, project: project %>
-    <%= icon_link_to "attachment-line", project_attachments_path(project), t("actions.attachments", scope: "decidim.budgets"), class: "action-icon--attachments" %>
-  <% end %>
+        <hr>
 
-  <%= icon_link_to "eye-line", resource_locator([budget, project]).path, t("actions.preview", scope: "decidim.budgets"), target: :blank, class: "action-icon--preview", data: { "external-link": false } %>
+        <li class="dropdown__item">
+          <%= link_to project_attachment_collections_path(project), class: "dropdown__button" do %>
+            <%= icon "folder-line" %>
+            <%= t("actions.attachment_collections", scope: "decidim.admin") %>
+          <% end %>
+        </li>
+        <li class="dropdown__item">
+          <%= link_to project_attachments_path(project), class: "dropdown__button" do %>
+            <%= icon "attachment-line" %>
+            <%= t("actions.attachments", scope: "decidim.admin") %>
+          <% end %>
+        </li>
 
-  <%= resource_permissions_link(project) %>
+        <hr>
+      <% end %>
 
-  <% if allowed_to? :soft_delete, :project, trashable_deleted_resource: project %>
-    <%= icon_link_to "delete-bin-line", soft_delete_budget_project_path(project.budget, project), t("actions.soft_delete", scope: "decidim.admin"), method: :patch, class: "action-icon--delete", data: { confirm: t("actions.confirm_delete_project", scope: "decidim.budgets") } %>
-  <% else %>
-    <%= icon "delete-bin-line", class: "action-icon action-icon--disabled", role: "img", aria_label: t("actions.destroy", scope: "decidim.admin") %>
-  <% end %>
-<% end %>
+      <li class="dropdown__item">
+        <%= link_to resource_locator([budget, project]).path, target: :blank, data: { "external-link": false }, class: "dropdown__button" do %>
+          <%= icon "eye-line" %>
+          <%= t("actions.preview", scope: "decidim.budgets") %>
+        <% end %>
+      </li>
+
+      <hr>
+
+      <li class="dropdown__item">
+        <% if allowed_to? :soft_delete, :project, trashable_deleted_resource: project %>
+          <%= link_to soft_delete_budget_project_path(project.budget, project), method: :patch, data: { confirm: t("actions.confirm_delete_project", scope: "decidim.budgets") }, class: "dropdown__button" do %>
+            <%= icon "delete-bin-line" %>
+            <%= t("actions.soft_delete", scope: "decidim.admin") %>
+          <% end %>
+        <% else %>
+          <div class="dropdown__button-disabled">
+            <%= with_tooltip t("tooltips.deleted_projects_info", scope: "decidim.admin") do %>
+              <%= icon "delete-bin-line", class: "text-gray" %>
+              <span>
+                <%= t("actions.soft_delete", scope: "decidim.admin") %>
+              </span>
+            <% end %>
+          </div>
+        <% end %>
+      </li>
+    <% end %>
+  </ul>
+</div>

data/app/views/decidim/budgets/admin/projects/_bulk-actions.html.erb

@@ -1,22 +1,20 @@
-<div class="flex items-center gap-x-4">
-  <div class="bulk-actions-budgets">
-    <%= render partial: "decidim/budgets/admin/projects/bulk_actions/dropdown" %>
+<div class="flex align-middle gap-x-4 ml-auto">
+  <%= render partial: "decidim/budgets/admin/projects/bulk_actions/dropdown" %>
 
-    <%= render partial: "decidim/budgets/admin/projects/bulk_actions/change-selected" %>
-    <%= render partial: "decidim/budgets/admin/projects/bulk_actions/budget-change" %>
+  <%= render partial: "decidim/budgets/admin/projects/bulk_actions/change-selected" %>
+  <%= render partial: "decidim/budgets/admin/projects/bulk_actions/budget-change" %>
 
-    <% if allowed_to? :export, :budget %>
-      <%= export_dropdowns(query, current_component, budget.id) %>
-    <% end %>
-    <% if allowed_to? :import_proposals, :project %>
-      <%= import_dropdown do %>
-        <%= link_to new_budget_proposals_import_path(budget) do %>
-          <li class="imports--component">
-            <%= t("actions.import", scope: "decidim.budgets", name: t("models.project.name", scope: "decidim.budgets.admin")) %>
-          </li>
+  <% if allowed_to? :export, :budget %>
+    <%= export_dropdowns(query, current_component, budget.id) %>
+  <% end %>
+  <% if allowed_to? :import_proposals, :project %>
+    <%= import_dropdown do %>
+      <li class="dropdown__item">
+        <%= link_to new_budget_proposals_import_path(budget), class: "dropdown__button" do %>
+          <%= t("actions.import", scope: "decidim.budgets", name: t("models.project.name", scope: "decidim.budgets.admin")) %>
         <% end %>
-      <% end %>
+      </li>
     <% end %>
-    <%= link_to t("actions.new_project", scope: "decidim.budgets"), new_budget_project_path, class: "button button__sm button__secondary new" if allowed_to? :create, :project %>
-  </div>
+  <% end %>
+  <%= link_to t("actions.new_project", scope: "decidim.budgets"), new_budget_project_path, class: "button button__sm button__secondary new" if allowed_to? :create, :project %>
 </div>

data/app/views/decidim/budgets/admin/projects/_form.html.erb

@@ -27,7 +27,7 @@
         <% end %>
       <% end %>
 
-    <% if Decidim::Budgets.enable_proposal_linking %>
+    <% if Decidim.module_installed?(:proposals) %>
       <div class="row column">
         <%= render partial: "decidim/proposals/proposals/proposals_picker", locals: { form:, field: :proposals } %>
       </div>

data/app/views/decidim/budgets/admin/projects/_project-tr.html.erb

@@ -2,23 +2,23 @@
   <td>
     <%= check_box_tag "project_ids_s[]", project.id, false, class: "js-check-all-resources js-project-list-check js-resource-id-#{project.id}" %><br>
   </td>
-  <td>
+  <td data-label="<%= t("models.project.fields.id", scope: "decidim.budgets") %>">
     <%= project.id %><br>
   </td>
-  <td class="!text-left">
+  <td class="!text-left" data-label="<%= t("models.project.fields.title", scope: "decidim.budgets") %>">
     <% if allowed_to? :update, :project, project: project %>
       <%= link_to translated_attribute(project.title), resource_locator([budget, project]).edit %><br>
     <% else %>
       <%= translated_attribute(project.title) %><br>
     <% end %>
   </td>
-  <td>
+  <td data-label="<%= t("models.project.fields.taxonomies", scope: "decidim.budgets") %>">
     <%= project.taxonomies.map { |taxonomy| decidim_sanitize_translated(taxonomy.name) }.join(", ") %>
   </td>
-  <td>
+  <td data-label="<%= t("index.confirmed_orders_count") %>">
     <%= project.confirmed_orders_count %>
   </td>
-  <td>
+  <td data-label="<%= t("projects.index.selected", scope: "decidim.budgets.admin") %>">
     <% if project.selected? %>
       <%= content_tag :strong, t("yes", scope: "decidim.budgets.admin.projects.index.selected_options"), class: "label success" %>
     <% else %>
@@ -26,11 +26,11 @@
     <% end %>
   </td>
   <% if maps_enabled? && Decidim::Map.available?(:static, :geocoding) %>
-    <td>
+    <td data-label="<%= t("models.project.fields.map", scope: "decidim.budgets") %>">
       <%= static_map_link(project, {}, { class: "static-map__admin" }) %>
     </td>
   <% end %>
-  <td class="table-list__actions">
+  <td class="table-list__actions" data-label="<%= t("actions.title", scope: "decidim.budgets") %>">
     <%= render partial: "decidim/budgets/admin/projects/actions", locals: { project:, view: } %>
   </td>
 </tr>

data/app/views/decidim/budgets/admin/projects/bulk_actions/_dropdown.html.erb

@@ -1,39 +1,32 @@
-<div id="js-bulk-actions-wrapper">
+<div id="js-bulk-actions-wrapper" class="relative">
   <button
     id="js-bulk-actions-button"
-    class="button button__sm button__secondary"
+    class="button button__sm button__transparent-secondary"
     type="button"
-    data-toggle="js-bulk-actions-dropdown">
+    data-controller="dropdown"
+    data-target="js-bulk-actions-dropdown">
     <%= t("decidim.budgets.admin.projects.index.actions") %>
-    <%= icon "arrow-down-s-line", class: "dropdown-filter-icon" %>
+    <%= icon "arrow-down-s-line" %>
+    <%= icon "arrow-down-s-line" %>
   </button>
 
-  <div
-    id="js-bulk-actions-dropdown"
-    class="dropdown-pane"
-    data-position="bottom"
-    data-alignment="right"
-    data-dropdown="dropdown"
-    data-auto-focus="false"
-    data-events="resize">
-    <ul>
-      <% if current_component_taxonomy_filters&.any? %>
-        <li>
-          <button type="button" data-action="taxonomy-change-projects">
-            <%= t("decidim.budgets.admin.projects.index.change_taxonomies") %>
-          </button>
-        </li>
-      <% end %>
-      <li>
-        <button type="button" data-action="change-selected-projects">
-          <%= t("decidim.budgets.admin.projects.index.change_selected") %>
+  <ul id="js-bulk-actions-dropdown" class="dropdown dropdown__bottom" aria-hidden="true">
+    <% if current_component_taxonomy_filters&.any? %>
+      <li class="dropdown__item">
+        <button type="button" class="dropdown__button" data-action="taxonomy-change-projects">
+          <%= t("decidim.budgets.admin.projects.index.change_taxonomies") %>
         </button>
       </li>
-      <li>
-        <button type="button" data-action="budget-change-projects">
-          <%= t("decidim.budgets.admin.projects.index.change_budget") %>
-        </button>
-      </li>
-    </ul>
-  </div>
+    <% end %>
+    <li class="dropdown__item">
+      <button type="button" class="dropdown__button" data-action="change-selected-projects">
+        <%= t("decidim.budgets.admin.projects.index.change_selected") %>
+      </button>
+    </li>
+    <li class="dropdown__item">
+      <button type="button" class="dropdown__button" data-action="budget-change-projects">
+        <%= t("decidim.budgets.admin.projects.index.change_budget") %>
+      </button>
+    </li>
+  </ul>
 </div>

data/app/views/decidim/budgets/admin/projects/index.html.erb

@@ -13,7 +13,7 @@
     <%= render partial: "decidim/budgets/admin/projects/bulk_actions/taxonomy_change" %>
   </div>
   <%= admin_filter_selector(:projects) %>
-  <div class="table-scroll">
+  <div class="table-stacked">
     <table class="table-list">
       <%= render partial: "projects-thead" %>
       <tbody>
@@ -25,7 +25,7 @@
     </table>
     <% if allowed_to? :manage_trash, :project, participatory_space: current_participatory_space %>
       <div class="card mt-4">
-        <%= link_to manage_trash_budget_projects_path(budget), class: "flex items-center underline text-secondary" do %>
+        <%= link_to manage_trash_budget_projects_path(budget), class: "flex items-center  text-secondary" do %>
           <%= icon "delete-bin-2-line", class: "mr-2 fill-current text-secondary", role: "img" %>
           <%= t("actions.view_deleted_projects", scope: "decidim.budgets") %>
           <span class="ml-2">

data/app/views/decidim/budgets/admin/projects/manage_trash.html.erb

@@ -1,4 +1,5 @@
 <% add_decidim_page_title(t(".title")) %>
+
 <div class="card">
   <div class="item_show__header">
     <h1 class="item_show__header-title">
@@ -11,7 +12,7 @@
     </h1>
   </div>
   <%= admin_filter_selector(:projects) %>
-  <div class="table-scroll">
+  <div class="table-stacked">
     <table class="table-list">
       <%= render partial: "projects-thead" %>
       <tbody>

data/app/views/decidim/budgets/line_items/update_budget.js.erb

@@ -1,5 +1,5 @@
 var $orderSelectedProjectsCount = $('#order-selected-projects-count');
-var $orderProgress = document.querySelectorAll('[id^=order-progress] .budget-summary__content');
+var $orderProgress = document.querySelectorAll('[data-order-progress-responsive]');
 var $projectItem = $('#project-<%= project.id %>-item');
 var $projectBudgetButton = $('#project-<%= project.id %>-budget-button');
 var $budgetConfirm = $('#budget-confirm');
@@ -8,12 +8,13 @@ $orderProgress.forEach((orderProgress) => {
   var $orderTotalBudget = $(orderProgress).find("[id^=order-total-budget]");
   $orderTotalBudget.html('<%= j(render partial: "decidim/budgets/projects/order_total_budget").strip.html_safe %>');
 
-  if(orderProgress.dataset.orderProgressResponsive) {
-    morphdom(orderProgress, '<%= j(render partial: "decidim/budgets/projects/order_progress_summary_content", locals: { include_heading: true, responsive: true }).strip.html_safe %>');
+  if(orderProgress.dataset.orderProgressResponsive === "true") {
+    morphdom(orderProgress, '<%= j(render partial: "decidim/budgets/projects/order_progress_summary/content_responsive", locals: { focus_mode_origin: @focus_mode_origin }).strip.html_safe %>');
   } else {
-    morphdom(orderProgress, '<%= j(render partial: "decidim/budgets/projects/order_progress_summary_content", locals: { include_heading: true, responsive: false }).strip.html_safe %>');
+    morphdom(orderProgress, '<%= j(render partial: "decidim/budgets/projects/order_progress_summary/content").strip.html_safe %>');
   }
-})
+});
+
 morphdom($budgetConfirm[0], '<%= j(render partial: "decidim/budgets/projects/budget_confirm").strip.html_safe %>')
 if ($orderSelectedProjectsCount.length > 0) {
   morphdom($orderSelectedProjectsCount[0], '<%= j(render partial: "decidim/budgets/projects/projects_count", locals: { count: current_order.projects.size }).strip.html_safe %>')

data/app/views/decidim/budgets/orders/status.html.erb

@@ -1,44 +1,37 @@
-<%= render layout: "layouts/decidim/shared/layout_center" do %>
-  <div class="flex flex-col gap-4 items-center text-center my-12">
-    <div class="success-image">
-      <svg class="animation-success__checkmark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52">
-        <circle class="animation-success__checkmark__circle" cx="26" cy="26" r="25" fill="none" />
-        <path class="animation-success__checkmark__check" fill="none" d="M14.1 27.2l7.1 7.2 16.7-16.8" />
-      </svg>
-    </div>
+<% add_decidim_page_title t("title", scope: "decidim.budgets.order.status") %>
+
+<% if @focus_mode %>
+  <% content_for :focus_mode, true %>
+<% end %>
+
+<%= render layout: "layouts/decidim/shared/layout_center", locals: { columns: 6 } do %>
+  <div class="flex flex-col gap-4 items-center text-center mt-12 mb-6">
+    <%= success_animation %>
 
     <h1 class="h1 inline-block">
       <%= t("title", scope: "decidim.budgets.order.status") %>
     </h1>
 
-    <p>
-      <%= t(
-            "votes_count",
-            scope: "decidim.budgets.order.status",
-            count: current_order.total_projects,
-            budget_name: translated_attribute(current_order.budget.title)
-          ) %>
-    </p>
+    <p class="text-xl">
+      <%= t("votes_count", scope: "decidim.budgets.order.status", count: current_order.total_projects, budget_name: translated_attribute(current_order.budget.title)) %>
 
-    <% if pending_to_vote_budgets.present? %>
-      <p class="text-bold">
-        <%= t("pending_to_vote_budgets", scope: "decidim.budgets.order.status", count: pending_to_vote_budgets.count) %>
-      </p>
-    <% end %>
-  </div>
+      <br>
 
-  <div class="form__wrapper-block flex-col-reverse md:flex-row justify-between">
-    <button class="button button__sm md:button__lg button__text-secondary">
-      <span><%= t("share_vote", scope: "decidim.budgets.order.status") %></span>
-      <%= icon "share-line", class: "fill-current" %>
-    </button>
+      <% if pending_to_vote_budgets.present? %>
+        <span class="font-semibold">
+          <%= t("pending_to_vote_budgets", scope: "decidim.budgets.order.status", count: pending_to_vote_budgets.count) %>
+        </span>
+      <% end %>
+    </p>
+  </div>
 
-    <button class="button button__sm md:button__lg button__transparent-secondary">
+  <div class="form__wrapper-block flex-col-reverse xl:flex-row justify-center xl:px-12">
+    <%= link_to export_pdf_budget_order_path(current_order.budget), class: "button button__sm lg:button__lg button__transparent-secondary xl:w-1/2" do %>
       <span><%= t("download_vote", scope: "decidim.budgets.order.status") %></span>
       <%= icon "download-line", class: "fill-current" %>
-    </button>
+    <% end %>
 
-    <%= link_to budgets_path, class: "button button__sm md:button__lg button__secondary" do %>
+    <%= link_to budgets_path, class: "button button__sm lg:button__lg button__secondary xl:w-1/2" do %>
       <span>
         <% if pending_to_vote_budgets.present? %>
           <%= t("continue_voting", scope: "decidim.budgets.order.status") %>
@@ -49,4 +42,11 @@
       <%= icon "arrow-right-line", class: "fill-current" %>
     <% end %>
   </div>
+
+  <div class="text-center">
+    <%= cell "decidim/share_text_widget",
+             current_order.budget,
+             button_classes: "button button__sm lg:button__lg button__text-secondary",
+             button_text: t("share_vote", scope: "decidim.budgets.order.status") %>
+  </div>
 <% end %>

data/app/views/decidim/budgets/projects/_addition_selector.html.erb

@@ -1,4 +1,4 @@
-<%= filter_form_for filter, url_for, data: { filters: "", component: "accordion" } do |form| %>
+<%= filter_form_for filter, url_for, data: { filters: "", controller: "accordion form-filter" } do |form| %>
   <%= form.collection_radio_buttons(
         :addition_type,
         filter_addition_type_values,

data/app/views/decidim/budgets/projects/_budget_summary.html.erb

@@ -1,3 +1,7 @@
 <div id="order-progress<%= "-responsive" if responsive %>" class="budget-summary <%= responsive ? "block md:hidden" : "hidden md:block" %>" data-progress-reference data-safe-url="<%= budget_url(budget) %>">
-  <%= render partial: "order_progress_summary_content", locals: { responsive: , include_heading: } %>
+  <% if responsive %>
+    <%= render partial: "decidim/budgets/projects/order_progress_summary/content_responsive", locals: { focus_mode_origin: focus_mode_origin } %>
+  <% else %>
+    <%= render partial: "decidim/budgets/projects/order_progress_summary/content" %>
+  <% end %>
 </div>

data/app/views/decidim/budgets/projects/_exit_modal.html.erb

@@ -10,10 +10,10 @@
       </p>
     </div>
     <div data-dialog-actions>
+      <%= link_to t("exit", scope: "decidim.budgets.projects.exit_modal"), budget_projects_path, id: "exit-notification-link", class: "button button__sm md:button__lg button__transparent-secondary" %>
       <button data-dialog-close="exit-notification" class="button button__sm md:button__lg button__secondary">
         <%= t("cancel", scope: "decidim.budgets.projects.exit_modal") %>
       </button>
-      <%= link_to t("exit", scope: "decidim.budgets.projects.exit_modal"), budget_projects_path, id: "exit-notification-link", class: "button button__sm md:button__lg button__secondary" %>
     </div>
   <% end %>
 <% end %>

data/app/views/decidim/budgets/projects/_project.html.erb

@@ -1,2 +1,6 @@
 <% show_only_added ||= params.dig(:filter, :addition_type) == "added" %>
-<%= card_for project, render_extra_data: true, link_whole_card: false, wrapper_class: "project-item", show_only_added: %>
+
+<%= card_for project, render_extra_data: true,
+                      link_whole_card: false,
+                      wrapper_class: "project-item",
+                      show_only_added: %>