decidim-initiatives 0.30.1 → 0.31.0.rc1

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

@@ -1,5 +1,5 @@
 <div class="form__wrapper">
-  <div class="card" data-component="accordion" id="accordion-title">
+  <div class="card" data-controller="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" %>
@@ -26,7 +26,7 @@
     </div>
   </div>
 
-  <div class="card" data-component="accordion" id="accordion-options">
+  <div class="card" data-controller="accordion" id="accordion-options">
     <div class="card-divider">
       <button class="card-divider-button" data-open="true" data-controls="panel-options" type="button">
         <%= icon "arrow-right-s-line" %>
@@ -78,43 +78,35 @@
       <div class="row column">
         <%= form.check_box :comments_enabled %>
       </div>
-
-      <div class="row column">
-        <%= form.check_box :collect_user_extra_fields %>
-      </div>
-
-      <div class="row column">
-        <%= form.translated :editor, :extra_fields_legal_information, aria: { label: :extra_fields_legal_information } %>
-      </div>
     </div>
   </div>
 
-  <div class="card" data-component="accordion" id="accordion-authorizations">
+  <div class="card" data-controller="accordion" id="accordion-signature-workflow">
     <div class="card-divider">
-      <button class="card-divider-button" data-open="true" data-controls="panel-authorizations" type="button">
+      <button class="card-divider-button" data-open="true" data-controls="panel-signature-workflow" type="button">
         <%= icon "arrow-right-s-line" %>
-        <h2 class="card-title" id="authorizations">
-          <%= t("initiatives_types.form.authorizations", scope: "decidim.initiatives.admin") %>
+        <h2 class="card-title" id="signature-workflow">
+          <%= t("initiatives_types.form.signature_workflow_settings", scope: "decidim.initiatives.admin") %>
         </h2>
       </button>
     </div>
 
-    <div id="panel-authorizations" class="card-section">
+    <div id="panel-signature-workflow" class="card-section">
       <div class="row column">
         <%=
           form.select(
             :document_number_authorization_handler,
-            current_organization.available_authorizations.map { |name| [t("#{name}.name", scope: "decidim.authorization_handlers"), name] },
+            Decidim::Initiatives::Signatures.workflows.map do |workflow|
+              [t("#{workflow.name}.name", scope: "decidim.initiatives.signatures.workflows"), workflow.name]
+            end,
             include_blank: true
           )
         %>
       </div>
 
-      <% if current_organization.available_authorizations.include? "sms" %>
-        <div class="row column">
-          <%= form.check_box :validate_sms_code_on_votes %>
-        </div>
-      <% end %>
+      <div class="row column">
+        <%= form.translated :editor, :extra_fields_legal_information, aria: { label: :extra_fields_legal_information } %>
+      </div>
     </div>
   </div>
 

data/app/views/decidim/initiatives/admin/initiatives_types/_initiative_type_scopes.html.erb

@@ -1,7 +1,7 @@
-<div class="card" data-component="accordion" id="accordion-<%= t("initiatives_types.initiative_type_scopes.title", scope: "decidim.initiatives.admin") %>">
+<div class="card" data-controller="accordion" id="accordion-initiative_type_scope">
   <div class="card-divider">
     <h2 class="card-title gap-2" id="<%= t("initiatives_types.initiative_type_scopes.title", scope: "decidim.initiatives.admin") %>">
-      <button class="card-divider-button" data-open="true" data-controls="panel-<%= t("initiatives_types.initiative_type_scopes.title", scope: "decidim.initiatives.admin") %>" type="button">
+      <button class="card-divider-button" data-open="true" data-controls="panel-initiative_type_scope" type="button">
         <%= icon "arrow-right-s-line" %>
         <span>
           <%= t("initiatives_types.initiative_type_scopes.title", scope: "decidim.initiatives.admin") %>
@@ -12,8 +12,8 @@
                   class: "button button__sm button__secondary flex-none" if allowed_to? :create, :initiative_type_scope %>
     </h2>
   </div>
-  <div id="panel-<%= t("initiatives_types.initiative_type_scopes.title", scope: "decidim.initiatives.admin") %>" class="card-section">
-    <div class="table-scroll">
+  <div id="panel-initiative_type_scope" class="card-section">
+    <div class="table-stacked">
       <table class="table-list">
         <thead>
         <tr>
@@ -21,19 +21,35 @@
           <th class="text-right">
             <%= t("models.initiatives_type_scope.fields.supports_required", scope: "decidim.admin") %>
           </th>
-          <th></th>
+          <th><%= t("models.initiatives_type_scope.fields.actions", scope: "decidim.admin") %></th>
         </tr>
         </thead>
         <tbody>
         <% initiative_type.scopes.each do |s| %>
           <tr>
-            <td><%= translated_attribute(s.scope_name) %></td>
-            <td class="text-right"><%= s.supports_required %></td>
-            <td class="table-list__actions">
-              <%= icon_link_to "pencil-line",
-                               decidim_admin_initiatives.edit_initiatives_type_initiatives_type_scope_path(initiative_type, s),
-                               t("actions.configure", scope: "decidim.admin"),
-                               class: "action-icon--new" if allowed_to? :edit, :initiative_type_scope, initiative_type_scope: s %>
+            <td data-label="<%= t("models.initiatives_type_scope.fields.scope", scope: "decidim.admin") %>">
+              <%= translated_attribute(s.scope_name) %>
+            </td>
+            <td class="text-right" data-label="<%= t("models.initiatives_type_scope.fields.supports_required", scope: "decidim.admin") %>">
+              <%= s.supports_required %>
+            </td>
+            <td class="table-list__actions" data-label="<%= t("models.initiatives_type_scope.fields.actions", scope: "decidim.admin") %>">
+              <% if allowed_to? :edit, :initiative_type_scope, initiative_type_scope: s %>
+                <button type="button" data-controller="dropdown" data-target="actions-initiative-type-scope-<%= s.id %>" aria-label="<%= t("decidim.admin.actions.actions_label", resource: s.scope_name) %>">
+                  <%= icon "more-fill", class: "text-secondary" %>
+                </button>
+
+                <div class="inline-block relative">
+                  <ul id="actions-initiative-type-scope-<%= s.id %>" class="dropdown dropdown__action" aria-hidden="true">
+                    <li class="dropdown__item">
+                      <%= link_to decidim_admin_initiatives.edit_initiatives_type_initiatives_type_scope_path(initiative_type, s), class: "dropdown__button" do %>
+                        <%= icon "pencil-line" %>
+                        <%= t("actions.configure", scope: "decidim.admin") %>
+                      <% end %>
+                    </li>
+                  </ul>
+                </div>
+              <% end %>
             </td>
           </tr>
         <% end %>

data/app/views/decidim/initiatives/admin/initiatives_types/index.html.erb

@@ -9,7 +9,7 @@
                   class: "button button__sm button__secondary" if allowed_to? :create, :initiative_type %>
     </h1>
   </div>
-  <div class="table-scroll">
+  <div class="table-stacked">
     <table class="table-list">
       <thead>
         <tr>
@@ -21,27 +21,45 @@
       <tbody>
         <% @initiatives_types.each do |initiative_type| %>
         <tr>
-          <td>
+          <td data-label="<%= t("models.initiatives_types.fields.title", scope: "decidim.admin") %>">
             <% if allowed_to? :update, :initiative_type, initiative_type: initiative_type %>
               <%= link_to translated_attribute(initiative_type.title), edit_initiatives_type_path(initiative_type) %>
             <% else %>
               <%= translated_attribute initiative_type.title %></td>
             <% end %>
-          <td><%= l initiative_type.created_at, format: :short %></td>
-          <td class="table-list__actions">
-            <% if allowed_to? :update, :initiative_type, initiative_type: initiative_type %>
-              <%= icon_link_to "pencil-line", edit_initiatives_type_path(initiative_type), t("actions.configure", scope: "decidim.admin"), class: "action-icon--edit" %>
-            <% else %>
-              <span class="action-space icon"></span>
-            <% end %>
+          <td data-label="<%= t("models.initiatives_types.fields.created_at", scope: "decidim.admin") %>"><%= l initiative_type.created_at, format: :short %></td>
+          <td class="table-list__actions" data-label="<%= t("initiatives_type.actions.title", scope: "decidim.resources") %>">
+            <button type="button" data-controller="dropdown" data-target="actions-initiative-type-<%= initiative_type.id %>" aria-label="<%= t("decidim.admin.actions.actions_label", resource: initiative_type.title) %>">
+              <%= icon "more-fill", class: "text-secondary" %>
+            </button>
 
-            <%= free_resource_permissions_link(initiative_type) %>
+            <div class="inline-block relative">
+              <ul id="actions-initiative-type-<%= initiative_type.id %>" class="dropdown dropdown__action" aria-hidden="true">
+                <% if allowed_to? :update, :initiative_type, initiative_type: initiative_type %>
+                  <li class="dropdown__item">
+                    <%= link_to edit_initiatives_type_path(initiative_type), class: "dropdown__button" do %>
+                      <%= icon "pencil-line" %>
+                      <%= t("actions.configure", scope: "decidim.admin") %>
+                    <% end %>
+                  </li>
+                <% end %>
 
-            <% if allowed_to? :destroy, :initiative_type, initiative_type: initiative_type %>
-              <%= icon_link_to "delete-bin-line", initiative_type, t("actions.destroy", scope: "decidim.admin"), class: "action-icon--remove", method: :delete, data: { confirm: t("actions.confirm_destroy", scope: "decidim.admin") } %>
-            <% else %>
-              <span class="action-space icon"></span>
-            <% end %>
+                <li class="dropdown__item">
+                  <%= free_resource_permissions_link(initiative_type) %>
+                </li>
+
+                <% if allowed_to? :destroy, :initiative_type, initiative_type: initiative_type %>
+                  <hr>
+
+                  <li class="dropdown__item">
+                    <%= link_to initiative_type, method: :delete, data: { confirm: t("actions.confirm_destroy", scope: "decidim.admin") }, class: "dropdown__button" do %>
+                      <%= icon "delete-bin-line" %>
+                      <%= t("actions.destroy", scope: "decidim.admin") %>
+                    <% end %>
+                  </li>
+                <% end %>
+              </ul>
+            </div>
           </td>
         </tr>
         <% end %>

data/app/views/decidim/initiatives/create_initiative/_committee_member.html.erb

@@ -0,0 +1,27 @@
+<div class="flex items-center justify-between my-1">
+  <%= cell "decidim/author", request.user.presenter, layout: :compact %>
+
+  <div>
+    <% if allowed_to? :approve, :initiative_committee_member, initiative: current_initiative, request: request %>
+      <%= link_to(
+              approve_initiative_committee_request_path(current_initiative, request),
+              data: { confirm: t(".confirm_approve") },
+              class: "button button__xs button__transparent-secondary"
+            ) do %>
+              <span><%= t(".approve") %></span>
+              <%= icon "check-line" %>
+            <% end %>
+    <% end %>
+    <% if allowed_to? :revoke, :initiative_committee_member, initiative: current_initiative, request: request %>
+      <%= link_to(
+              revoke_initiative_committee_request_path(current_initiative, request),
+              method: :delete,
+              data: { confirm: t(".confirm_revoke") },
+              class: "button button__xs button__transparent-secondary"
+            ) do %>
+              <span><%= t(".revoke") %></span>
+              <%= icon "forbid-line" %>
+            <% end %>
+    <% end %>
+  </div>
+</div>

data/app/views/decidim/initiatives/create_initiative/_return_to_initiatives_button.html.erb

@@ -0,0 +1,3 @@
+<p class="block mt-4 text-with-links">
+  <%= t(".return_initiatives_html", initiatives_path: initiatives_path) %>
+</p>

data/app/views/decidim/initiatives/create_initiative/_send_to_technical_validation_button.html.erb

@@ -0,0 +1,10 @@
+<% if current_initiative.enough_committee_members? %>
+  <%= link_to t(".button"),
+              decidim_initiatives.send_to_technical_validation_initiative_path(current_initiative),
+              class: "button button__sm md:button__lg button__secondary",
+              data: { confirm: t(".confirm") } %>
+<% else %>
+  <%= button_tag t(".button"),
+                 class: "button button__sm md:button__lg button__secondary",
+                 disabled: true %>
+<% end %>

data/app/views/decidim/initiatives/create_initiative/_share_committee_link.html.erb

@@ -2,12 +2,16 @@
   <span class="help-text mb-2">
     <%= t ".invite_to_committee_help" %>
   </span>
+  <span class="help-text mb-2">
+    <%= t ".invite_to_committee_help_2", committee_size: current_initiative.minimum_committee_members %>
+    <%= link_to t(".more_information"), decidim.page_path("initiatives"), target: "_blank" %>
+  </span>
   <div class="initiative__form__committee">
     <span>
       <%= decidim_initiatives.new_initiative_committee_request_url(current_initiative) %>
     </span>
     <div class="ml-auto fill-secondary inline-block">
-      <button type="button" class="button button__sm button__text-secondary" data-clipboard-copy="#urlShareLink-committee">
+      <button type="button" class="button button__sm button__text-secondary" data-controller="clipboard-copy" data-clipboard-copy="#urlShareLink-committee">
         <%= render_committee_tooltip %>
         <span class="sr-only"><%= t("decidim.shared.share_modal.copy_share_link") %></span>
       </button>

data/app/views/decidim/initiatives/create_initiative/fill_data.html.erb

@@ -13,11 +13,9 @@
 
     <%= f.hidden_field :type_id %>
 
-    <%= f.text_field :title, autofocus: true, value: translated_attribute(f.object.title) %>
+    <%= f.text_field :title, value: translated_attribute(f.object.title), data: { controller: "character-counter" } %>
 
-    <%= text_editor_for(f, :description, lines: 8, toolbar: :content, value: translated_attribute(f.object.description)) %>
-
-    <%= f.text_field :hashtag %>
+    <%= text_editor_for(f, :description, lines: 20, toolbar: :content, value: translated_attribute(f.object.description)) %>
 
     <% signature_type_options = signature_type_options(f.object) %>
     <% if signature_type_options.length == 1 %>
@@ -40,10 +38,6 @@
       <%= f.areas_select :area_id, areas_for_select(current_organization), prompt: t(".select_area") %>
     <% end %>
 
-    <% if Decidim::UserGroups::ManageableUserGroups.for(current_user).verified.any? %>
-      <%= f.select :decidim_user_group_id, Decidim::UserGroups::ManageableUserGroups.for(current_user).verified.map { |g| [g.name, g.id] }, include_blank: current_user.name %>
-    <% end %>
-
     <% if initiative_type.attachments_enabled? %>
       <%= f.attachment :documents,
                        multiple: true,
@@ -66,9 +60,11 @@
     <% end %>
 
     <div class="form__wrapper-block flex-col-reverse md:flex-row justify-between">
-      <%= link_to :back, class: "button button__sm md:button__lg button__text-secondary" do %>
-        <%= icon "arrow-left-line", class: "fill-current" %>
-        <%= t(".back") %>
+      <% if current_initiative %>
+        <%= link_to discard_initiative_path(current_initiative), class: "button button__sm md:button__lg button__text-secondary", method: :delete, data: { confirm: t(".confirm_discard") } do %>
+          <%= icon "delete-bin-line", class: "fill-current" %>
+          <%= t(".discard") %>
+        <% end %>
       <% end %>
       <%= f.submit t(".continue"), class: "button button__sm md:button__lg button__secondary", data: { disable_with: true } %>
     </div>

data/app/views/decidim/initiatives/create_initiative/finish.html.erb

@@ -6,28 +6,31 @@
   <% end %>
 <% end %>
 
+<% is_validating = current_initiative.validating? %>
+
 <% announcement_body = capture do %>
-  <%= t("callout_text", scope: "decidim.initiatives.create_initiative.finish") %>
-  <%= link_to t(".more_information"), decidim.page_path("initiatives"), target: "_blank", class: "button button__sm button__text-secondary block text-left" %>
+  <% if is_validating %>
+    <%= t("callout_text_validating", scope: "decidim.initiatives.create_initiative.finish") %>
+  <% else %>
+    <%= t("callout_text_created", scope: "decidim.initiatives.create_initiative.finish") %>
+  <% end %>
 <% end %>
 
 <%= cell("decidim/announcement", { body: announcement_body }, callout_class: "secondary") %>
 
 <div class="form__wrapper">
-  <p><%== t "publish_helper_text", scope: "decidim.initiatives.create_initiative.finish_help" %></p>
+  <p><%= t "publish_helper_text_html", scope: "decidim.initiatives.create_initiative.finish" %></p>
 </div>
 
 <div class="form__wrapper-block flex-col-reverse md:flex-row justify-between">
-  <%= link_to initiatives_path, class: "button button__sm md:button__lg button__text-secondary" do %>
-    <%= icon "arrow-left-line" %>
-    <span><%= t(".back_to_initiatives") %></span>
-  <% end %>
-
-  <%= link_to t(".edit_my_initiative"), edit_initiative_path(current_initiative), class: "button button__sm md:button__lg button__transparent-secondary md:ml-auto" %>
-
-  <%= link_to t(".go_to_my_initiatives"), decidim_initiatives.initiatives_path(filter: { author: "myself", with_any_state: "" }), class: "button button__sm md:button__lg button__secondary" %>
+  <% if is_validating %>
+    <%= link_to t(".go_to_initiatives"), decidim_initiatives.initiatives_path, class: "button button__sm md:button__lg button__secondary" %>
+  <% else %>
+    <%= link_to fill_data_create_initiative_index_path, class: "button button__sm md:button__lg button__text-secondary" do %>
+      <%= icon "arrow-left-line", class: "fill-current" %>
+      <%= t("back", scope: "decidim.initiatives.create_initiative.previous_form") %>
+    <% end %>
 
-  <% unless promotal_committee_required? %>
-    <%= link_to t(".send_my_initiative"), decidim_initiatives.send_to_technical_validation_initiative_path(current_initiative), class: "button button__sm md:button__lg button__secondary", data: { confirm: t(".confirm") } %>
+    <%= render partial: "send_to_technical_validation_button" %>
   <% end %>
 </div>

data/app/views/decidim/initiatives/create_initiative/promotal_committee.html.erb

@@ -1,19 +1,46 @@
 <% add_decidim_page_title(t("new", scope: "decidim.initiatives.create_initiative.select_initiative_type")) %>
 <% announcement_body = capture do %>
-  <%= t ".individual_help_text", committee_size: current_initiative.minimum_committee_members %>
-  <%= link_to t(".more_information"), decidim.page_path("initiatives"), target: "_blank", class: "button button__sm button__text-secondary block text-left" %>
+  <%= t ".individual_help_text" %>
 <% end %>
 
 <%= cell("decidim/announcement", { body: announcement_body }, callout_class: "secondary") %>
 
-<div class="form__wrapper">
-  <%= render partial: "share_committee_link" %>
+<h3 class="title-decorator text-2xl my-8"><%= t(".invite_link_title") %></h3>
+
+<%= render partial: "share_committee_link" %>
+
+<h3 class="title-decorator text-2xl mb-8 mt-10"><%= t(".promoters_committee_title") %></h3>
+
+<div class="block">
+  <span class="help-text mb-4">
+    <%= t(".promoters_committee_help_html", committee_members_left: minimum_committee_members - promoters_committee_members.count,
+                                            committee_members_count: promoters_committee_members.count,
+                                            committee_size: minimum_committee_members) %>
+  </span>
+</div>
+
+<% if promoters_committee_members.count.positive? %>
+  <div class="block">
+    <% current_initiative.committee_members.each do |request| %>
+      <%= render partial: "committee_member", locals: { request: request } %>
+    <% end %>
+  </div>
+<% end %>
+
+<div class="block">
+  <span class="help-text mt-4 mb-8 font-semibold">
+    <%= t(".promoters_committee_help_2") %>
+  </span>
 </div>
 
 <div class="form__wrapper-block flex-col-reverse md:flex-row justify-between">
-  <%= link_to :back, class: "button button__sm md:button__lg button__text-secondary" do %>
+  <%= link_to fill_data_create_initiative_index_path, class: "button button__sm md:button__lg button__text-secondary" do %>
     <%= icon "arrow-left-line", class: "fill-current" %>
     <%= t("back", scope: "decidim.initiatives.create_initiative.previous_form") %>
   <% end %>
-  <%= link_to t("continue", scope: "decidim.initiatives.create_initiative.previous_form"), finish_create_initiative_index_path, class: "button button__sm md:button__lg button__secondary" %>
+  <div>
+    <%= render partial: "send_to_technical_validation_button" %>
+  </div>
 </div>
+
+<%= render partial: "return_to_initiatives_button" %>

data/app/views/decidim/initiatives/create_initiative/select_initiative_type.html.erb

@@ -1,46 +1,60 @@
 <% add_decidim_page_title(t("new", scope: "decidim.initiatives.create_initiative.select_initiative_type")) %>
 <% default_type = available_initiative_types.first %>
 <% announcement_body = capture do %>
-  <%= t("select_initiative_type_help", scope: "decidim.initiatives.create_initiative.select_initiative_type") %>
+  <%= t("select_initiative_type_help_html", scope: "decidim.initiatives.create_initiative.select_initiative_type") %>
+  <br>
   <%= link_to t("more_information", scope: "decidim.initiatives.create_initiative.select_initiative_type"), decidim.page_path("initiatives"), target: "_blank", class: "button button__sm button__text-secondary block text-left" %>
 <% end %>
 
 <%= cell("decidim/announcement", { body: announcement_body }, callout_class: "secondary") %>
 
-<div class="initiatives__selection">
-  <% initiative_types_each do |type| %>
-    <% if allowed_to?(:create, :initiative, { initiative_type: type }) %>
-      <%= decidim_form_for(@form, url: select_initiative_type_create_initiative_index_path, method: :put, html: { id: "new_initiative_#{type.id}", class: "form-defaults " }) do |f| %>
-        <%= f.hidden_field :type_id, value: type.id, id: "initiative_type_id_#{type.id}" %>
-        <button class="card__highlight w-full">
-          <%= icon "lightbulb-flash-line", class: "verification__icon " %>
-          <div class="initiatives__selection__text">
-            <h2 class="h5 text-secondary"><%= translated_attribute(type.title) %></h2>
-            <span><%= decidim_sanitize_admin(translated_attribute(type.description)) %></span>
-          </div>
-          <%= icon "arrow-right-s-line", class: "fill-secondary initiatives__selection__icon" %>
-        </button>
-      <% end %>
-    <% else %>
-      <div class="card__highlight card__highlight-authorized">
-        <%= icon "lightbulb-flash-line", class: "verification__icon " %>
-        <div class="initiatives__selection__text">
-          <h2 class="h5 text-secondary"><%= translated_attribute(type.title) %></h2>
-          <span><%= decidim_sanitize_admin(translated_attribute(type.description)) %></span>
-          <%= action_authorized_link_to(
+<h3 class="title-decorator text-2xl mt-8"><%= t(".subtitle") %></h3>
+
+<div class="initiatives__selection" id="select-initiative-type">
+  <%= decidim_form_for(@form, url: select_initiative_type_create_initiative_index_path, method: :put, html: { id: "new_initiative_form", class: "form-defaults " }) do |f| %>
+    <% initiative_types_each do |type| %>
+      <% is_allowed = allowed_to?(:create, :initiative, { initiative_type: type }) %>
+
+      <%= render layout: "decidim/application/radio_accordion",
+                 locals: {
+                   panel_id: type.id,
+                   title: translated_attribute(type.title),
+                   input_radio_name: "initiative[type_id]",
+                   input_radio_value: type.id,
+                   show_more_text: t("show_more", scope: "decidim.initiatives.create_initiative.select_initiative_type"),
+                   show_less_text: t("show_less", scope: "decidim.initiatives.create_initiative.select_initiative_type"),
+                   disabled: !is_allowed
+                 } do %>
+        <p>
+          <%= decidim_sanitize_admin(translated_attribute(type.description)) %>
+        </p>
+
+        <% if !is_allowed %>
+          <p>
+            <%= action_authorized_link_to(
                 :create,
                 fill_data_create_initiative_index_path(initiative: { type_id: type.id }),
                 authorizations_modal_path: authorization_create_modal_initiative_path(type),
                 permissions_holder: type,
-                class: "button button__sm button__secondary",
+                class: "button button__sm button__transparent-secondary",
                 "data-dialog-open": "not-authorized-modal",
                 onclick: "event.preventDefault();"
               ) do %>
               <%= t("verification_required", scope: "decidim.initiatives.create_initiative.select_initiative_type") %>
-          <% end %>
-        </div>
-      </div>
+            <% end %>
+          </p>
+        <% end %>
+
+        <p>
+          <%= link_to t("consult_existing_initiatives", scope: "decidim.initiatives.create_initiative.select_initiative_type"),
+                      initiatives_path(filter: { with_any_type: type.id }), target: "_blank" %>
+        </p>
+      <% end %>
     <% end %>
+
+    <div class="form__wrapper-block flex-col-reverse md:flex-row justify-between border-0">
+      <%= f.submit t(".continue"), class: "button button__sm md:button__lg button__secondary" %>
+    </div>
   <% end %>
 </div>
 

data/app/views/decidim/initiatives/initiative_signatures/_sms_code_form.html.erb

@@ -0,0 +1,22 @@
+<div class="form__wrapper">
+  <label for="mobile_phone_verification_code">
+    <%= t("decidim.initiatives.initiative_signatures.sms_phone_number.your_confirmation_code") %>
+    <div class="flex gap-x-4" data-check-code>
+      <% (0..5).each do |i| %>
+        <input pattern="^[0-9]$" maxlength="1" size="1" type="tel" class="" name="mobile_phone[verification_code][<%= i %>]" data-verification-code="<%= i %>">
+      <% end %>
+      <%= form.hidden_field(:verification_code, data: { check_code_path: sms_code_initiative_signatures_path }) %>
+    </div>
+  </label>
+  <%= cell("decidim/announcement", t("decidim.initiatives.initiative_signatures.sms_phone_number.your_code_is_correct"), callout_class: "success code-correct-announcement hidden") %>
+  <%= cell("decidim/announcement", t("decidim.initiatives.initiative_signatures.sms_phone_number.your_code_is_incorrect"), callout_class: "warning code-incorrect-announcement hidden") %>
+
+  <button type="submit" class="button button__lg button__secondary hidden" disabled data-submit-verification-code>
+    <span><%= t("decidim.initiatives.initiative_signatures.sms_phone_number.continue") %></span>
+    <%= icon "arrow-right-line", class: "fill-current" %>
+  </button>
+</div>
+
+<div class="editor-content" data-resend-code>
+  <%= t("decidim.initiatives.initiative_signatures.sms_phone_number.resend_code_html", new_code_path: sms_phone_number_initiative_signatures_path) %>
+</div>

data/app/views/decidim/initiatives/initiative_signatures/_sms_phone_number_form.html.erb

@@ -0,0 +1,13 @@
+<% disabled = local_assigns[:disabled] %>
+
+<div class="text-left editor-content">
+  <p><%= t("decidim.initiatives.initiative_signatures.sms_phone_number.help_enter_your_number") %></p>
+</div>
+
+<div class="form__wrapper">
+  <%= sms_phone_number_form.text_field :mobile_phone_number, type: "tel", disabled: %>
+  <button class="button button__lg button__secondary" <%= disabled ? "disabled" : "" %>>
+    <span><%= t("decidim.initiatives.initiative_signatures.sms_phone_number.receive_code") %></span>
+    <%= icon "arrow-right-line", class: "fill-current" %>
+  </button>
+</div>

data/app/views/decidim/initiatives/initiative_signatures/fill_personal_data.html.erb

@@ -1,32 +1,33 @@
-<%= cell("decidim/announcement", t("decidim.initiatives.initiative_signatures.fill_personal_data.help"), callout_class: "secondary") %>
+<% custom_partial_path = lookup_context.exists?(@form.to_partial_path, [], true) && @form.to_partial_path %>
+<% unless custom_partial_path %>
+  <%= cell("decidim/announcement", t("decidim.initiatives.initiative_signatures.fill_personal_data.help"), callout_class: "secondary") %>
+<% end %>
 
-<%= decidim_form_for(@form, url: fill_personal_data_initiative_signatures_path, method: :put) do |f| %>
+<%= decidim_form_for(@form, url: fill_personal_data_initiative_signatures_path, method: :put, builder: Decidim::AuthorizationFormBuilder) do |f| %>
   <%= form_required_explanation %>
-  <div>
-    <div class="form__wrapper">
-      <%= f.text_field :name_and_surname, autofocus: true, required: true %>
-    </div>
-
-    <div class="form__wrapper">
-      <%= f.text_field :document_number, required: true %>
-    </div>
 
+  <% if custom_partial_path %>
+    <%= render partial: custom_partial_path, locals: { handler: @form, form: f } %>
+  <% else %>
     <div class="form__wrapper">
-      <%= f.date_field :date_of_birth, min: 120.years.ago.to_date, max: 16.years.ago.to_date, value: 35.years.ago.to_date %>
+      <%= f.all_fields %>
     </div>
+  <% end %>
 
-    <div class="form__wrapper">
-      <%= f.text_field :postal_code, required: true %>
-    </div>
-
-    <div>
-      <small>
-        <%= strip_tags(translated_attribute(extra_data_legal_information)) %>
-      </small>
-    </div>
+  <div class="editor-content">
+    <small>
+      <%= decidim_sanitize_admin(translated_attribute(extra_data_legal_information)) %>
+    </small>
   </div>
 
-  <div class="form__wrapper-block">
-    <%= f.submit t(".continue"), class: "button button__sm md:button__lg button__secondary" %>
+  <% if current_user.ephemeral? && !current_user.tos_accepted? %>
+    <%= render partial: "/decidim/verifications/authorizations/tos_acceptance_field", locals: { form: f } %>
+  <% end %>
+
+  <div class="form__wrapper">
+    <button type="submit" class="button button__lg button__secondary">
+      <span><%= t(".continue") %></span>
+      <%= icon "arrow-right-line", class: "fill-current" %>
+    </button>
   </div>
 <% end %>

data/app/views/decidim/initiatives/initiative_signatures/finish.html.erb

@@ -1,6 +1,18 @@
-<%= cell("decidim/announcement", t("decidim.initiatives.initiative_votes.create.success_html", title: translated_attribute(current_initiative.title)), callout_class: "secondary") %>
+<div class="flex flex-col gap-4 items-center text-center my-12">
+  <%= success_animation %>
 
-<%= link_to initiative_path(current_initiative), class: "button button__sm md:button__lg button__text-secondary" do %>
-  <%= icon "arrow-left-line" %>
-  <%= t(".back_to_initiative") %>
-<% end %>
+  <h1 class="h1 inline-block">
+    <%= t("title", scope: "decidim.initiatives.initiative_signatures.finish") %>
+  </h1>
+
+  <p>
+    <%= t("decidim.initiatives.initiative_votes.create.success_html", title: translated_attribute(current_initiative.title)) %>
+  </p>
+</div>
+
+<div class="form__wrapper-block flex-col-reverse md:flex-row justify-between">
+  <%= link_to initiative_path(current_initiative), class: "button button__sm md:button__lg button__secondary mr-auto !ml-0" do %>
+    <%= icon "arrow-left-line", class: "fill-current" %>
+    <%= t("back_to_initiative", scope: "decidim.initiatives.initiative_signatures.finish") %>
+  <% end %>
+</div>