decidim-initiatives 0.27.10 → 0.28.0.rc4

data/app/views/decidim/initiatives/admin/exports/_dropdown.html.erb

@@ -1,9 +1,10 @@
-<span class="exports dropdown tiny button button--simple" data-toggle="<%= dropdown_id(collection_ids) %>">
+<span class="exports button button__sm button__secondary button--simple" data-toggle="<%= dropdown_id(collection_ids) %>">
   <% if collection_ids.present? %>
     <%= t("actions.export-selection", scope: "decidim.admin") %>
-    <% else %>
-        <%= t("actions.export", scope: "decidim.admin") %>
-    <% end %>
+  <% else %>
+    <%= t("actions.export", scope: "decidim.admin") %>
+  <% end %>
+  <%= icon "arrow-down-s-line", class: "dropdown-filter-icon" %>
 </span>
 <div class="dropdown-pane"
      id="<%= dropdown_id(collection_ids) %>"
@@ -13,11 +14,11 @@
      data-auto-focus="true"
      data-close-on-click="true">
   <ul class="vertical menu add-components">
-    <% %w{CSV JSON}.each do |format| %>
+    <% %w(CSV JSON).each do |format| %>
       <li class="exports--format--<%= format.downcase %> exports--initiatives">
         <%= link_to t("decidim.admin.exports.export_as", name: t("decidim.initiatives.admin.exports.initiatives"),
-                      export_format: format.upcase),
-                    export_initiatives_path(format: format, collection_ids: collection_ids) %>
+                                                         export_format: format.upcase),
+                    export_initiatives_path(format:, collection_ids:) %>
       </li>
     <% end %>
   </ul>

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

@@ -1,122 +1,138 @@
-<div class="card">
-  <div class="card-divider">
-    <h2 class="card-title"><%= t ".title" %></h2>
-  </div>
-
-  <div class="card-section">
-    <div class="row column">
-      <%= form.translated :text_field, :title, autofocus: true, disabled: !allowed_to?(:update, :initiative, initiative: current_initiative) %>
-    </div>
-
-    <div class="row column">
-      <%= form.translated :editor, :description, lines: 8, disabled: !allowed_to?(:update, :initiative, initiative: current_initiative) %>
+<div class="form__wrapper">
+  <div class="card" data-component="accordion" id="accordion-title">
+    <div class="card-divider">
+      <button class="card-divider-button" data-open="true" data-controls="panel-title" type="button">
+        <%= icon "arrow-right-s-line" %>
+        <h2 class="card-title" id="title">
+          <%= t("title", scope: "decidim.initiatives.admin.initiatives.form") %>
+        </h2>
+      </button>
     </div>
 
-    <div class="row column">
-      <div class="columns xlarge-6">
-        <%= form.text_field :hashtag, disabled: !allowed_to?(:update, :initiative, initiative: current_initiative) %>
+    <div id="panel-title" class="card-section">
+      <div class="row column">
+        <%= form.translated :text_field, :title, autofocus: true, disabled: !allowed_to?(:update, :initiative, initiative: current_initiative), aria: { label: :title } %>
       </div>
-    </div>
-  </div>
-</div>
 
-<div class="card">
-  <div class="card-divider">
-    <h2 class="card-title"><%= t ".settings" %></h2>
-  </div>
+      <div class="row column">
+        <%= form.translated :editor, :description, lines: 8, disabled: !allowed_to?(:update, :initiative, initiative: current_initiative), aria: { label: :description } %>
+      </div>
 
-  <div class="card-section">
-    <div class="row">
-      <div class="columns xlarge-6">
-        <%= form.select :state,
-                        Decidim::Initiative.states.keys.map { |state| [I18n.t(state, scope: "decidim.initiatives.admin_states"), state] },
-                        {},
-                        { disabled: !@form.state_updatable? } %>
+      <div class="row column">
+        <div class="columns">
+          <%= form.text_field :hashtag, disabled: !allowed_to?(:update, :initiative, initiative: current_initiative) %>
+        </div>
       </div>
     </div>
+  </div>
 
-    <div class="row">
-      <% unless single_initiative_type? %>
-      <div class="columns xlarge-6">
-        <%= form.select :type_id,
-                        initiative_type_options,
-                        {},
-                        {
-                          disabled: !@form.signature_type_updatable?,
-                          "data-scope-selector": "initiative_decidim_scope_id",
-                          "data-scope-id": form.object.decidim_scope_id.to_s,
-                          "data-scope-search-url": decidim_initiatives.initiative_type_scopes_search_url,
-                          "data-signature-types-selector": "initiative_signature_type",
-                          "data-signature-type": current_initiative.signature_type,
-                          "data-signature-types-search-url": decidim_initiatives.initiative_type_signature_types_search_url
-                        } %>
-      </div>
-      <% end %>
-      <div class="columns xlarge-6">
-        <%= form.select :decidim_scope_id, [], {}, { disabled: !@form.signature_type_updatable? } %>
-      </div>
+  <div class="card" data-component="accordion" id="accordion-settings">
+    <div class="card-divider">
+      <button class="card-divider-button" data-open="true" data-controls="panel-settings" type="button">
+        <%= icon "arrow-right-s-line" %>
+        <h2 class="card-title" id="settings">
+          <%= t("settings", scope: "decidim.initiatives.admin.initiatives.form") %>
+        </h2>
+      </button>
     </div>
 
-    <% if current_initiative.published? && current_user.admin? %>
+    <div id="panel-settings" class="card-section">
       <div class="row">
-        <div class="columns xlarge-6">
-          <%= form.date_field :signature_start_date %>
+        <div class="columns">
+          <%= form.select :state,
+                          Decidim::Initiative.states.keys.map { |state| [I18n.t(state, scope: "decidim.initiatives.admin_states"), state] },
+                          {},
+                          { disabled: !@form.state_updatable? } %>
         </div>
+      </div>
 
-        <div class="columns xlarge-6">
-          <%= form.date_field :signature_end_date %>
+      <div class="row">
+        <% unless single_initiative_type? %>
+        <div class="columns">
+          <%= form.select :type_id,
+                          initiative_type_options,
+                          {},
+                          {
+                            disabled: !@form.signature_type_updatable?,
+                            "data-scope-selector": "initiative_decidim_scope_id",
+                            "data-scope-id": form.object.decidim_scope_id.to_s,
+                            "data-scope-search-url": decidim_initiatives.initiative_type_scopes_search_url,
+                            "data-signature-types-selector": "initiative_signature_type",
+                            "data-signature-type": current_initiative.signature_type,
+                            "data-signature-types-search-url": decidim_initiatives.initiative_type_signature_types_search_url
+                          } %>
+        </div>
+        <% end %>
+        <div class="columns">
+          <%= form.select :decidim_scope_id, [], {}, { disabled: !@form.signature_type_updatable? } %>
         </div>
       </div>
-    <% end %>
 
-    <% if can_edit_custom_signature_end_date?(current_initiative) %>
-      <div class="row column">
-        <%= form.date_field :signature_end_date, disabled: !allowed_to?(:update, :initiative, initiative: current_initiative) %>
-      </div>
-    <% end %>
+      <% if current_initiative.published? && current_user.admin? %>
+        <div class="row">
+          <div class="columns">
+            <%= form.date_field :signature_start_date %>
+          </div>
 
-    <% if current_initiative.area_enabled? %>
-      <div class="field">
-        <%= form.areas_select :area_id,
-                              areas_for_select(current_organization),
-                              {
-                                selected: current_initiative.decidim_area_id,
-                                include_blank: current_initiative.decidim_area_id.blank? || current_initiative.created?
-                              },
-                              disabled: !@form.area_updatable? %>
-      </div>
-    <% end %>
+          <div class="columns">
+            <%= form.date_field :signature_end_date %>
+          </div>
+        </div>
+      <% end %>
 
-    <div class="row">
-      <div class="columns xlarge-6">
-        <%= form.select :signature_type, [], {}, { disabled: !@form.signature_type_updatable? } %>
-      </div>
-    </div>
+      <% if can_edit_custom_signature_end_date?(current_initiative) %>
+        <div class="row column">
+          <%= form.date_field :signature_end_date, disabled: !allowed_to?(:update, :initiative, initiative: current_initiative) %>
+        </div>
+      <% end %>
+
+      <% if current_initiative.area_enabled? %>
+        <div class="row column">
+          <%= form.areas_select :area_id,
+                                areas_for_select(current_organization),
+                                {
+                                  selected: current_initiative.decidim_area_id,
+                                  include_blank: current_initiative.decidim_area_id.blank? || current_initiative.created?
+                                },
+                                disabled: !@form.area_updatable? %>
+        </div>
+      <% end %>
 
-    <% if current_initiative.accepts_offline_votes? && current_user.admin? %>
       <div class="row">
-        <div class="columns xlarge-6">
-          <% @form.offline_votes.each do |scope_id, (votes, scope_name)| %>
-            <%= label_tag "initiative_offline_votes_#{scope_id}", t("activemodel.attributes.initiative.offline_votes_for_scope", scope_name: translated_attribute(scope_name)) %>
-            <%= number_field_tag "initiative[offline_votes][#{scope_id}]", votes, min: 0, id: "initiative_offline_votes_#{scope_id}" %>
-          <% end %>
+        <div class="columns">
+          <%= form.select :signature_type, [], {}, { disabled: !@form.signature_type_updatable? } %>
         </div>
       </div>
-    <% end %>
-  </div>
-</div>
-<div class="card">
-  <div class="card-divider">
-    <h2 class="card-title"><%= t ".attachments" %></h2>
-  </div>
 
-  <div class="card-section">
-    <div class="row">
-      <% if allowed_to?(:read, :attachment, initiative: current_participatory_space) %>
-        <%= render partial: "initiative_attachments", locals: { current_initiative: current_initiative, current_participatory_space: current_participatory_space } %>
+      <% if current_initiative.accepts_offline_votes? && current_user.admin? %>
+        <div class="row">
+          <div class="columns">
+            <% @form.offline_votes.each do |scope_id, (votes, scope_name)| %>
+              <%= label_tag "initiative_offline_votes_#{scope_id}", t("activemodel.attributes.initiative.offline_votes_for_scope", scope_name: translated_attribute(scope_name)) %>
+              <%= number_field_tag "initiative[offline_votes][#{scope_id}]", votes, min: 0, id: "initiative_offline_votes_#{scope_id}" %>
+            <% end %>
+          </div>
+        </div>
       <% end %>
     </div>
   </div>
-</div>
+  <div class="card" data-component="accordion" id="accordion-homepage_highlighted_content_banner_title">
+    <div class="card-divider">
+      <button class="card-divider-button" data-open="true" data-controls="panel-homepage_highlighted_content_banner_title" type="button">
+        <%= icon "arrow-right-s-line" %>
+        <h2 class="card-title" id="homepage_highlighted_content_banner_title">
+          <%= t("homepage_highlighted_content_banner_title", scope: "decidim.admin.organization_appearance.form") %>
+        </h2>
+      </button>
+    </div>
 
-<%= javascript_pack_tag "decidim_initiatives_admin" %>
+    <div id="panel-homepage_highlighted_content_banner_title" class="card-section">
+      <div class="row">
+        <% if allowed_to?(:read, :attachment, initiative: current_participatory_space) %>
+          <%= render partial: "initiative_attachments", locals: { current_initiative:, current_participatory_space: } %>
+        <% end %>
+      </div>
+    </div>
+  </div>
+</div>
+<%= append_javascript_pack_tag "decidim_initiatives_admin" %>

data/app/views/decidim/initiatives/admin/initiatives/_initiative_attachments.erb

@@ -1,5 +1,5 @@
 <div class="row column">
-  <div class="columns xlarge-12">
+  <div class="columns">
     <% if current_initiative.documents.any? %>
       <div class="row column">
         <strong><%= t ".documents" %>:</strong>
@@ -17,7 +17,7 @@
     <% if current_initiative.photos.any? %>
       <div class="row column">
         <strong><%= t(".photos") %>:</strong>
-        <div id="photos" class="gallery row">
+        <div id="photos" class="gallery row" data-gallery>
           <% current_initiative.photos.each do |photo| %>
             <%= link_to photo.big_url, target: "_blank", rel: "noopener" do %>
               <%= image_tag photo.thumbnail_url, class: "thumbnail", alt: strip_tags(translated_attribute(photo.title)) %>
@@ -27,17 +27,17 @@
       </div>
     <% end %>
   </div>
-  <div class="columns xlarge-12">
+  <div class="columns">
     <% if allowed_to?(:update, :initiative, initiative: current_initiative) %>
       <%= aria_selected_link_to t(".edit"),
                                 decidim_admin_initiatives.initiative_attachments_path(current_participatory_space),
-                                class: "button" %>
+                                class: "button button__sm button__secondary" %>
       <%= aria_selected_link_to t(".new"),
                                 decidim_admin_initiatives.new_initiative_attachment_path(current_participatory_space),
-                                class: "button" %>
+                                class: "button button__sm button__secondary" %>
     <% else %>
-      <%= link_to t(".edit"), "#", class: "button muted disabled" %>
-      <%= link_to t(".new"), "#", class: "button muted disabled" %>
+      <%= link_to t(".edit"), "#", class: "button button__sm button__secondary muted disabled" %>
+      <%= link_to t(".new"), "#", class: "button button__sm button__secondary muted disabled" %>
     <% end %>
   </div>
 </div>

data/app/views/decidim/initiatives/admin/initiatives/_signatures.html.erb

@@ -0,0 +1,87 @@
+<% cell_small_width = collect_user_extra_fields ? "9.4%" : "15.6%" %>
+<% style_initiative_title = "border: 1pt solid black; margin: 15pt 0; font-size: 12pt; font-weight: bold; text-transform: uppercase; text-align: center;" %>
+<% style_initiatives_votes_table = "width: 100%; display: block; border: 1pt solid black;" %>
+<% style_initiatives_votes_table_header = "background-color: lightgray; display: inline-block; width: 100%; font-size: 12pt; font-weight: bold; border-bottom: 1pt solid black;" %>
+<% style_initiatives_votes_table_row = "width: 100%; display: inline-block; min-height: 33pt;" %>
+<% style_initiatives_votes_table_cell = "width: 19%; padding-left: 5pt; word-wrap: break-word; display: inline-block; float: left; min-height: 36pt;" %>
+<% style_initiatives_votes_table_cell_small = "width: #{cell_small_width}; padding-left: 5pt; word-wrap: break-word; display: inline-block; float: left; min-height: 36pt;" %>
+<div class="initiative-title" style="<%= style_initiative_title %>">
+  <%= translated_attribute(initiative.title) %>
+</div>
+<div class="initiatives-votes-table" style="<%= style_initiatives_votes_table %>">
+  <div class="initiatives-votes-table-header" style="<%= style_initiatives_votes_table_header %>">
+    <div class="initiatives-votes-table-cell w20" style="<%= style_initiatives_votes_table_cell %>">
+      <%= t("models.initiatives_votes.fields.initiative_id", scope: "decidim.admin") %>
+    </div>
+    <div class="initiatives-votes-table-cell w20" style="<%= style_initiatives_votes_table_cell %>">
+      <%= t("models.initiatives_votes.fields.initiative_title", scope: "decidim.admin") %>
+    </div>
+    <div class="initiatives-votes-table-cell w20" style="<%= style_initiatives_votes_table_cell %>">
+      <%= t("models.initiatives_votes.fields.initiative_start_date", scope: "decidim.admin") %>
+    </div>
+    <div class="initiatives-votes-table-cell w20" style="<%= style_initiatives_votes_table_cell %>">
+      <%= t("models.initiatives_votes.fields.initiative_end_date", scope: "decidim.admin") %>
+    </div>
+    <div class="initiatives-votes-table-cell w20" style="<%= style_initiatives_votes_table_cell %>">
+      <%= t("models.initiatives_votes.fields.initiative_signatures_count", scope: "decidim.admin") %>
+    </div>
+  </div>
+  <div class="initiatives-votes-table-row" style="<%= style_initiatives_votes_table_row %>">
+    <div class="initiatives-votes-table-cell w20" style="<%= style_initiatives_votes_table_cell %>">
+      <%= initiative.reference %>
+    </div>
+    <div class="initiatives-votes-table-cell w20" style="<%= style_initiatives_votes_table_cell %>">
+      <%= translated_attribute(initiative.title) %>
+    </div>
+    <div class="initiatives-votes-table-cell w20" style="<%= style_initiatives_votes_table_cell %>">
+      <%= initiative.signature_start_date %>
+    </div>
+    <div class="initiatives-votes-table-cell w20" style="<%= style_initiatives_votes_table_cell %>">
+      <%= initiative.signature_end_date %>
+    </div>
+    <div class="initiatives-votes-table-cell w20" style="<%= style_initiatives_votes_table_cell %>">
+      <%= votes.count %>
+    </div>
+  </div>
+</div>
+<br>
+<br>
+<div class="initiatives-votes-table" style="<%= style_initiatives_votes_table %>">
+  <div class="initiatives-votes-table-header" style="<%= style_initiatives_votes_table_header %>">
+    <div class="initiatives-votes-table-cell w11" style="<%= style_initiatives_votes_table_cell_small %>">
+      <%= t("models.initiatives_votes.fields.initiative_id", scope: "decidim.admin") %>
+    </div>
+    <div class="initiatives-votes-table-cell w11" style="<%= style_initiatives_votes_table_cell_small %>">
+      <%= t("models.initiatives_votes.fields.initiative_title", scope: "decidim.admin") %>
+    </div>
+    <% if collect_user_extra_fields %>
+      <div class="initiatives-votes-table-cell w11" style="<%= style_initiatives_votes_table_cell_small %>">
+        <%= t("models.initiatives_votes.fields.name_and_surname", scope: "decidim.admin") %>
+      </div>
+      <div class="initiatives-votes-table-cell w11" style="<%= style_initiatives_votes_table_cell_small %>">
+        <%= t("models.initiatives_votes.fields.document_number", scope: "decidim.admin") %>
+      </div>
+      <div class="initiatives-votes-table-cell w11" style="<%= style_initiatives_votes_table_cell_small %>">
+        <%= t("models.initiatives_votes.fields.date_of_birth", scope: "decidim.admin") %>
+      </div>
+      <div class="initiatives-votes-table-cell w11" style="<%= style_initiatives_votes_table_cell_small %>">
+        <%= t("models.initiatives_votes.fields.postal_code", scope: "decidim.admin") %>
+      </div>
+    <% end %>
+    <div class="initiatives-votes-table-cell w11" style="<%= style_initiatives_votes_table_cell_small %>">
+      <%= t("models.initiatives_votes.fields.time_and_date", scope: "decidim.admin") %>
+    </div>
+    <div class="initiatives-votes-table-cell w11" style="<%= style_initiatives_votes_table_cell_small %>">
+      <%= t("models.initiatives_votes.fields.timestamp", scope: "decidim.admin") %>
+    </div>
+    <div class="initiatives-votes-table-cell w11" style="<%= style_initiatives_votes_table_cell_small %>">
+      <%= t("models.initiatives_votes.fields.hash", scope: "decidim.admin") %>
+    </div>
+    <div class="initiatives-votes-table-cell w11" style="<%= style_initiatives_votes_table_cell_small %>">
+      <%= t("models.initiatives_votes.fields.scope", scope: "decidim.admin") %>
+    </div>
+  </div>
+  <% votes.each do |vote| %>
+    <%= cell "decidim/initiatives_votes/vote", vote %>
+  <% end %>
+</div>

data/app/views/decidim/initiatives/admin/initiatives/edit.html.erb

@@ -1,71 +1,83 @@
+<% add_decidim_page_title(t("info", scope: "decidim.admin.menu.initiatives_submenu")) %>
 <% add_decidim_page_title(translated_attribute(current_participatory_space.title)) %>
+<div class="item_show__header">
+  <h2 class="item_show__header-title">
+    <%= t("info", scope: "decidim.admin.menu.initiatives_submenu") %>
+  </h2>
+</div>
 
-<%= decidim_form_for @form, html: { class: "form edit_initiative" } do |f| %>
-  <%= render partial: "form", object: f %>
-  <div class="button--double form-general-submit">
-    <%= f.submit t(".update"), class: "button" if allowed_to? :update, :initiative, initiative: current_initiative %>
+<div class="item__edit item__edit-1col">
+  <div class="item__edit-form">
+    <%= decidim_form_for @form, html: { class: "form-defaults form edit_initiative" } do |f| %>
+      <%= render partial: "form", object: f %>
+      <div class="item__edit-sticky">
+        <div class="item__edit-sticky-container">
+          <%= f.submit t(".update"), class: "button button__sm button__secondary" if allowed_to? :update, :initiative, initiative: current_initiative %>
 
-    <% if allowed_to? :send_to_technical_validation, :initiative, initiative: current_initiative %>
-      <%= link_to t(".send_to_technical_validation"),
-                  send_to_technical_validation_initiative_path(current_initiative),
-                  class: "button muted",
-                  data: { confirm: t(".confirm_send_to_technical_validation") } %>
-    <% elsif current_initiative.created? %>
-      <%= link_to t(".send_to_technical_validation"), "#", class: "button muted disabled" %>
-    <% end %>
+            <% if allowed_to? :send_to_technical_validation, :initiative, initiative: current_initiative %>
+              <%= link_to t(".send_to_technical_validation"),
+                          send_to_technical_validation_initiative_path(current_initiative),
+                          class: "button button__sm button__secondary",
+                          data: { confirm: t(".confirm_send_to_technical_validation") } %>
+            <% elsif current_initiative.created? %>
+              <%= link_to t(".send_to_technical_validation"), "#", class: "button button__sm button__secondary" %>
+            <% end %>
 
-    <% if allowed_to? :publish, :initiative, initiative: current_initiative %>
-      <%= link_to t("actions.publish", scope: "decidim.admin"),
-                  publish_initiative_path(current_initiative),
-                  method: :post,
-                  class: "button hollow",
-                  data: { confirm: t(".confirm") } %>
-    <% end %>
+            <% if allowed_to? :publish, :initiative, initiative: current_initiative %>
+              <%= link_to t("actions.publish", scope: "decidim.admin"),
+                          publish_initiative_path(current_initiative),
+                          method: :post,
+                          class: "button button__sm button__secondary",
+                          data: { confirm: t(".confirm") } %>
+            <% end %>
 
-    <% if allowed_to? :unpublish, :initiative, initiative: current_initiative %>
-      <%= link_to t("actions.unpublish", scope: "decidim.admin"),
-                  unpublish_initiative_path(current_initiative),
-                  method: :delete,
-                  class: "button alert",
-                  data: { confirm: t(".confirm") } %>
-    <% end %>
+            <% if allowed_to? :unpublish, :initiative, initiative: current_initiative %>
+              <%= link_to t("actions.unpublish", scope: "decidim.admin"),
+                          unpublish_initiative_path(current_initiative),
+                          method: :delete,
+                          class: "button button__sm button__secondary",
+                          data: { confirm: t(".confirm") } %>
+            <% end %>
 
-    <% if allowed_to? :accept, :initiative, initiative: current_initiative %>
-        <%= link_to t(".accept"),
-                    accept_initiative_path(current_initiative),
-                    method: :post,
-                    class: "button hollow",
-                    data: { confirm: t(".confirm") } %>
-    <% end %>
+            <% if allowed_to? :accept, :initiative, initiative: current_initiative %>
+                <%= link_to t(".accept"),
+                            accept_initiative_path(current_initiative),
+                            method: :post,
+                            class: "button button__sm button__secondary",
+                            data: { confirm: t(".confirm") } %>
+            <% end %>
 
-    <% if allowed_to? :reject, :initiative, initiative: current_initiative %>
-        <%= link_to t(".reject"),
-                    reject_initiative_path(current_initiative),
-                    method: :delete,
-                    class: "button alert",
-                    data: { confirm: t(".confirm") } %>
-    <% end %>
+            <% if allowed_to? :reject, :initiative, initiative: current_initiative %>
+                <%= link_to t(".reject"),
+                            reject_initiative_path(current_initiative),
+                            method: :delete,
+                            class: "button button__sm button__secondary",
+                            data: { confirm: t(".confirm") } %>
+            <% end %>
 
-    <% if allowed_to? :discard, :initiative, initiative: current_initiative %>
-      <%= link_to t(".discard"),
-                  discard_initiative_path(current_initiative),
-                  method: :delete,
-                  class: "button alert",
-                  data: { confirm: t(".confirm") } %>
-    <% end %>
+            <% if allowed_to? :discard, :initiative, initiative: current_initiative %>
+              <%= link_to t(".discard"),
+                          discard_initiative_path(current_initiative),
+                          method: :delete,
+                          class: "button button__sm button__secondary",
+                          data: { confirm: t(".confirm") } %>
+            <% end %>
 
-    <% if allowed_to? :export_votes, :initiative, initiative: current_initiative %>
-      <%= link_to t(".export_votes"),
-                  export_votes_initiative_path(current_initiative, format: :csv),
-                  class: "button alert",
-                  data: { confirm: t(".confirm") } %>
-    <% end %>
+            <% if allowed_to? :export_votes, :initiative, initiative: current_initiative %>
+              <%= link_to t(".export_votes"),
+                          export_votes_initiative_path(current_initiative, format: :csv),
+                          class: "button button__sm button__secondary",
+                          data: { confirm: t(".confirm") } %>
+            <% end %>
 
-    <% if allowed_to? :export_pdf_signatures, :initiative, initiative: current_initiative %>
-      <%= link_to t(".export_pdf_signatures"),
-                  export_pdf_signatures_initiative_path(current_initiative, format: :pdf),
-                  class: "button alert",
-                  data: { confirm: t(".confirm") } %>
+            <% if allowed_to? :export_pdf_signatures, :initiative, initiative: current_initiative %>
+              <%= link_to t(".export_pdf_signatures"),
+                          export_pdf_signatures_initiative_path(current_initiative, format: :pdf),
+                          class: "button button__sm button__secondary",
+                          data: { confirm: t(".confirm") } %>
+            <% end %>
+       </div>
+     </div>
     <% end %>
-   </div>
-<% end %>
+  </div>
+</div>

data/app/views/decidim/initiatives/admin/initiatives/export_pdf_signatures.html.erb

@@ -0,0 +1,8 @@
+<%# This page is for PDF signatures, but we have the HTML version so it is possible to
+    test without adding new dependencies just for this.
+    If there is a new API or method to test the PDF format then this HTML version can be deleted. %>
+<%= render partial: "signatures", locals: {
+      collect_user_extra_fields: current_initiative.type.collect_user_extra_fields,
+      votes: @votes,
+      initiative: current_initiative
+    } %>