decidim-forms 0.30.9 → 0.31.0.rc1

data/app/views/decidim/forms/admin/questionnaires/_questions_form.html.erb

@@ -1,11 +1,12 @@
 <div class="questionnaire-questions form__wrapper">
-  <div class="row column text-center my-4">
-    <button type="button" class="button button__sm button__secondary collapse-all"><%= t(".collapse") %></button>
-    <button type="button" class="button button__sm button__secondary expand-all"><%= t(".expand") %></button>
+  <div class="row column text-right my-4">
+    <button type="button" class="button button__sm button__text-secondary collapse-all"><%= t(".collapse") %></button>
+    |
+    <button type="button" class="button button__sm button__text-secondary expand-all"><%= t(".expand") %></button>
   </div>
 
   <% if questionnaire.questions_editable? %>
-    <% if questionnaire.answers.any? && !questionnaire.published? %>
+    <% if questionnaire.responses.any? && !questionnaire.published? %>
       <%= cell("decidim/announcement", t(".unpublished_warning"), callout_class: "warning" ) %>
     <% end %>
 
@@ -15,7 +16,7 @@
                    form: question_form,
                    id: tabs_id_for_question(blank_question),
                    editable: questionnaire.questions_editable?,
-                   answer_option_template_selector: "#answer-option-template-dummy",
+                   response_option_template_selector: "#response-option-template-dummy",
                    display_condition_template_selector: "#display-condition-template-dummy",
                    matrix_row_template_selector: "#matrix-row-template-dummy" %>
       </script>
@@ -31,23 +32,15 @@
                    id: tabs_id_for_question(blank_question),
                    editable: questionnaire.questions_editable? %>
       </script>
-      <%= render "decidim/forms/admin/questionnaires/answer_option_template", form: question_form, editable: questionnaire.questions_editable?, template_id: "answer-option-template-dummy" %>
+      <%= render "decidim/forms/admin/questionnaires/response_option_template", form: question_form, editable: questionnaire.questions_editable?, template_id: "response-option-template-dummy" %>
       <%= render "decidim/forms/admin/questionnaires/display_condition_template", form: question_form, editable: questionnaire.questions_editable?, template_id: "display-condition-template-dummy" %>
       <%= render "decidim/forms/admin/questionnaires/matrix_row_template", form: question_form, editable: questionnaire.questions_editable?, template_id: "matrix-row-template-dummy" %>
     <% end %>
   <% else %>
-    <%= cell("decidim/announcement", t(".already_answered_warning"), callout_class: "warning" ) %>
+    <%= cell("decidim/announcement", t(".already_responded_warning"), callout_class: "warning" ) %>
   <% end %>
 
-  <% list_attributes = {
-       class: "questionnaire-questions-list flex flex-col py-6 gap-6 last:pb-0",
-       id: "questionnaire-questions-list"
-     }
-     list_attributes[:"data-draggable-table"] = true if questionnaire.questions_editable?
-     list_attributes[:"data-sort-url"] = "#" if questionnaire.questions_editable?
-     list_attributes[:"data-draggable-handle"] = ".card-divider" if questionnaire.questions_editable? %>
-
-  <%= content_tag :div, list_attributes do %>
+  <div class="questionnaire-questions-list flex flex-col py-6 gap-6 last:pb-0">
     <% @form.questions.each_with_index do |question, index| %>
       <%= fields_for "questions[questions][]", question do |question_form| %>
         <% if question.separator? %>
@@ -66,22 +59,22 @@
                      id: tabs_id_for_question(question),
                      editable: questionnaire.questions_editable?,
                      display_condition_template_selector: "#display-condition-template-#{index}",
-                     answer_option_template_selector: "#answer-option-template-#{index}",
+                     response_option_template_selector: "#response-option-template-#{index}",
                      matrix_row_template_selector: "#matrix-row-template-#{index}" %>
           <%= render "decidim/forms/admin/questionnaires/display_condition_template", form: question_form, editable: questionnaire.questions_editable?, template_id: "display-condition-template-#{index}" %>
-          <%= render "decidim/forms/admin/questionnaires/answer_option_template", form: question_form, editable: questionnaire.questions_editable?, template_id: "answer-option-template-#{index}" %>
+          <%= render "decidim/forms/admin/questionnaires/response_option_template", form: question_form, editable: questionnaire.questions_editable?, template_id: "response-option-template-#{index}" %>
           <%= render "decidim/forms/admin/questionnaires/matrix_row_template", form: question_form, editable: questionnaire.questions_editable?, template_id: "matrix-row-template-#{index}" %>
         <% end %>
       <% end %>
     <% end %>
-  <% end %>
+  </div>
 </div>
 
 <%= append_javascript_pack_tag "decidim_forms_admin" %>
 
 <% if questionnaire.questions_editable? %>
-   <script>
-    document.addEventListener("DOMContentLoaded", function () {
+  <script>
+    document.addEventListener("turbo:load", function () {
       window.Decidim.createEditableForm();
     });
   </script>

data/app/views/decidim/forms/admin/questionnaires/_response_option.html.erb

@@ -0,0 +1,45 @@
+<% response_option = form.object %>
+
+<div class="card questionnaire-question-response-option m-4">
+  <div class="card-divider">
+    <h2 class="card-title">
+    <span><%= t(".response_option") %></span>
+    <% if editable %>
+      <button class="button button__xs button__transparent-secondary small alert remove-response-option button--title mb-2">
+        <%= icon("delete-bin-line") %>
+        <span class="hidden md:block"><%= t(".remove") %></span>
+      </button>
+    <% end %>
+    </h2>
+  </div>
+
+  <div class="card-section">
+    <div class="row column">
+      <%=
+        form.translated(
+          :text_field,
+          :body,
+          tabs_id: tabs_id_for_question_response_option(question, response_option),
+          label: t(".statement"),
+          disabled: !editable
+        )
+      %>
+    </div>
+
+    <div class="row column">
+      <%=
+        form.check_box(
+          :free_text,
+          label: t(".free_text"),
+          disabled: !questionnaire.questions_editable?
+        )
+      %>
+    </div>
+  </div>
+
+  <% if response_option.persisted? %>
+    <%= form.hidden_field :id, disabled: !editable %>
+  <% end %>
+
+  <%= form.hidden_field :deleted, disabled: !editable %>
+</div>

data/app/views/decidim/forms/admin/questionnaires/_response_option_template.html.erb

@@ -0,0 +1,7 @@
+<% question = form.object %>
+
+<script type="text/template" class="decidim-response-option-template decidim-template" id="<%= template_id %>">
+  <%= fields_for "questions[questions][#{question.to_param}][response_options][]", blank_response_option do |response_option_form| %>
+    <%= render "decidim/forms/admin/questionnaires/response_option", form: response_option_form, question:, editable: %>
+  <% end %>
+</script>

data/app/views/decidim/forms/admin/questionnaires/_separator.html.erb

@@ -1,18 +1,28 @@
 <% question = form.object %>
 
 <div class="card questionnaire-question" id="<%= id %>-field">
-  <%= content_tag :div, class: ["card-divider", ("hover:cursor-grab" if editable)] do %>
+  <div class="card-divider">
     <h2 class="card-title flex items-center">
     <span>
       <% if editable %>
-        <%= icon("draggable", class: "dragger") %>
+        <%== icon("drag-move-2-fill") %>
       <% end %>
       <%= dynamic_title(t(".separator"), class: "question-title-statement", max_length: 50, omission: "...", placeholder: t(".separator")) %>
     </span>
 
-      <div class="flex items-center gap-x-4 ml-auto">
+      <div class="flex flex-row-reverse items-center gap-x-4 ml-auto">
         <% if editable %>
-          <button type="button" class="button button__xs button__transparent button__transparent-secondary small alert remove-question button--title">
+          <button class="button button__xs button__transparent button__transparent-secondary small alert move-up-question button--title">
+            <%= icon("arrow-up-line") %>
+            <span class="hidden md:block"><%= t(".up") %></span>
+          </button>
+
+          <button class="button button__xs button__transparent button__transparent-secondary small alert move-down-question button--title">
+            <%= icon("arrow-down-line") %>
+            <span class="hidden md:block"><%= t(".down") %></span>
+          </button>
+
+          <button class="button button__xs button__transparent button__transparent-secondary small alert remove-question button--title">
             <%= icon("delete-bin-line") %>
             <span class="hidden md:block"><%= t(".remove") %></span>
           </button>
@@ -32,5 +42,5 @@
 
     <%= form.hidden_field :position, value: question.position || 0, disabled: !editable %>
     <%= form.hidden_field :deleted, disabled: !editable %>
-  <% end %>
+  </div>
 </div>

data/app/views/decidim/forms/admin/questionnaires/_title_and_description.html.erb

@@ -3,11 +3,11 @@
 
 <div class="card questionnaire-question" id="accordion-<%= id %>-field">
   <div data-controller="accordion">
-    <%= content_tag :div, class: ["card-divider", ("hover:cursor-grab" if editable)] do %>
+    <div class="card-divider">
       <h2 class="card-title flex items-center">
         <span>
           <% if editable %>
-            <%= icon("draggable", class: "dragger") %>
+            <%== icon("drag-move-2-fill") %>
           <% end %>
           <%= dynamic_title(translated_attribute(question.body), class: "question-title-statement", max_length: 50, omission: "...", placeholder: t(".title_and_description")) %>
         </span>
@@ -23,9 +23,19 @@
           </button>
 
           <% if editable %>
-            <button type="button" class="button button__xs button__transparent button__transparent-secondary small alert remove-question button--title">
+            <button class="button button__xs button__transparent button__transparent-secondary small alert move-up-question button--title">
+              <%= icon("arrow-up-line") %>
+              <span class="hidden md:block"><%= t(".up") %></span>
+            </button>
+
+            <button class="button button__xs button__transparent button__transparent-secondary small alert move-down-question button--title">
+              <%= icon("arrow-down-line") %>
+              <span class="hidden md:block"><%= t(".down") %></span>
+            </button>
+
+            <button class="button button__xs button__transparent button__transparent-secondary small alert remove-question button--title">
               <%= icon("delete-bin-line") %>
-              <%= t(".remove") %>
+              <span class="hidden md:block"><%= t(".remove") %></span>
             </button>
           <% end %>
         </div>
@@ -71,6 +81,6 @@
 
       <%= form.hidden_field :position, value: question.position || 0, disabled: !editable %>
       <%= form.hidden_field :deleted, disabled: !editable %>
-    <% end %>
+    </div>
   </div>
 </div>

data/app/views/decidim/forms/admin/questionnaires/edit.html.erb

@@ -1,7 +1,7 @@
 <% add_decidim_page_title(t("decidim.forms.admin.questionnaires.edit.title")) %>
 
 <% if templates_defined? && choose_template? %>
-  <%= render partial: "decidim/templates/admin/questionnaire_templates/choose", locals: { target: questionnaire, form_title: t("decidim.forms.admin.questionnaires.edit.title") } %>
+  <%= render partial: "decidim/templates/admin/questionnaire_templates/choose", locals: { target: questionnaire, form_title: t("decidim.forms.admin.questionnaires.edit.title"), show_buttons: true } %>
 <% else %>
 
 <div class="item__edit item__edit-1col">

data/app/views/decidim/forms/admin/questionnaires/edit_questions.html.erb

@@ -1,7 +1,7 @@
 <% add_decidim_page_title(t("decidim.forms.admin.questionnaires.edit.title")) %>
 
 <% if templates_defined? && choose_template? %>
-  <%= render partial: "decidim/templates/admin/questionnaire_templates/choose", locals: { target: questionnaire, form_title: t("decidim.forms.admin.questionnaires.edit.title") } %>
+  <%= render partial: "decidim/templates/admin/questionnaire_templates/choose", locals: { target: questionnaire, form_title: t("decidim.forms.admin.questionnaires.edit.title"), show_buttons: true } %>
 <% else %>
 
 <div class="questionnaire-questions">
@@ -11,20 +11,20 @@
 
       <% unless template? questionnaire.questionnaire_for %>
         <% if questionnaire.questions_editable? %>
-          <button class="button button__sm button__secondary add-question"><%= t(".add_question") %></button>
-          <button class="button button__sm button__secondary add-separator"><%= t(".add_separator") %></button>
-          <button class="button button__sm button__secondary add-title-and-description"><%= t(".add_title_and_description") %></button>
+          <button class="button button__sm button__transparent-secondary add-question"><%= t(".add_question") %></button>
+          <button class="button button__sm button__transparent-secondary add-separator"><%= t(".add_separator") %></button>
+          <button class="button button__sm button__transparent-secondary add-title-and-description"><%= t(".add_title_and_description") %></button>
         <% end %>
         <% if allowed_to? :preview, :questionnaire %>
           <%= link_to t("preview", scope: "decidim.forms.admin.questionnaires.form"), public_url, class: "button button__sm button__transparent-secondary", target: :_blank, data: { "external-link": false } %>
         <% end %>
-        <% if questionnaire.answers.any? %>
-          <%= export_dropdown(current_component, questionnaire.id) if allowed_to? :export_answers, :questionnaire %>
-          <% if allowed_to? :show, :questionnaire_answers %>
+        <% if questionnaire.responses.any? %>
+          <%= export_dropdown(current_component, questionnaire.id) if allowed_to? :export_responses, :questionnaire %>
+          <% if allowed_to? :show, :questionnaire_responses %>
             <%= link_to t("actions.show", scope: "decidim.forms.admin.questionnaires"), questionnaire_participants_url, class: "button button__sm button__secondary new whitespace-nowrap" %>
           <% end %>
         <% else %>
-          <button class="button button__sm button__secondary whitespace-nowrap" disabled><%= t("empty", scope: "decidim.forms.admin.questionnaires.answers") %></button>
+          <button class="button button__sm button__secondary whitespace-nowrap" disabled><%= t("empty", scope: "decidim.forms.admin.questionnaires.responses") %></button>
         <% end %>
       <% end %>
     </h1>

data/app/views/decidim/forms/admin/questionnaires/responses/index.html.erb

@@ -0,0 +1,80 @@
+<div class="card" id="responses">
+  <div class="item_show__header">
+    <h1 class="item_show__header-title">
+      <%= t ".title", total: @total %>
+      <%= link_to t("actions.back", scope: "decidim.forms.admin.questionnaires"), questionnaire_url, class: "button button__sm button__secondary new" %>
+    </h1>
+  </div>
+  <div class="table-stacked">
+    <table class="table-list">
+      <thead>
+        <tr>
+          <th>#</th>
+          <th><%= first_table_th(@participants.first) %></th>
+          <th><%= t("user_status", scope: "decidim.forms.user_responses_serializer") %></th>
+          <th><%= t("ip_hash", scope: "decidim.forms.user_responses_serializer") %></th>
+          <th><%= t("completion", scope: "decidim.forms.user_responses_serializer") %></th>
+          <th><%= t("created_at", scope: "decidim.forms.user_responses_serializer") %></th>
+          <th></th>
+        </tr>
+      </thead>
+      <tbody>
+        <% @participants.each_with_index do |participant, idx| %>
+          <tr>
+            <td data-label="#"><%= idx + 1 + page_offset %></td>
+            <td data-label="<%= first_table_th(@participants.first) %>">
+              <% if allowed_to? :show, :questionnaire_responses %>
+                <%= link_to first_table_td(participant), questionnaire_participant_responses_url(participant.session_token) %>
+              <% else %>
+                <%= first_table_td(participant) %>
+              <% end %>
+            </td>
+            <td data-label="<%= t("user_status", scope: "decidim.forms.user_responses_serializer") %>">
+              <%= participant.status %>
+            </td>
+            <td data-label="<%= t("ip_hash", scope: "decidim.forms.user_responses_serializer") %>">
+              <%= participant.ip_hash %>
+            </td>
+            <td data-label="<%= t("completion", scope: "decidim.forms.user_responses_serializer") %>">
+              <%= display_percentage(participant.completion) %>
+            </td>
+            <td data-label="<%= t("created_at", scope: "decidim.forms.user_responses_serializer") %>">
+              <%= l participant.responded_at, format: :short %>
+            </td>
+            <td data-label="<%= t("actions.actions", scope: "decidim.admin") %>" class="table-list__actions">
+              <button type="button" data-controller="dropdown" data-target="actions-participant-<%= participant.id %>"
+                aria-label="<%= t("decidim.admin.actions.actions_label", resource: participant.session_token) %>">
+                <%= icon "more-fill", class: "text-secondary" %>
+              </button>
+
+              <div class="inline-block relative">
+                <ul id="actions-participant-<%= participant.id %>" class="dropdown dropdown__action" aria-hidden="true">
+                  <% if allowed_to? :show, :questionnaire_responses %>
+                    <li class="dropdown__item">
+                      <%= link_to questionnaire_participant_responses_url(participant.session_token), target: "_blank", data: { "external-link": false }, class: "dropdown__button" do %>
+                        <%= icon "eye-line" %>
+                        <%= t("actions.show", scope: "decidim.forms.admin.questionnaires.responses") %>
+                      <% end %>
+                    </li>
+                  <% end %>
+
+                  <% if allowed_to? :export_response, :questionnaire_responses %>
+                    <hr>
+
+                    <li class="dropdown__item">
+                      <%= link_to questionnaire_export_response_url(participant.session_token), class: "dropdown__button" do %>
+                        <%= icon "download-line" %>
+                        <%= t("actions.export", scope: "decidim.forms.admin.questionnaires.responses") %>
+                      <% end %>
+                    </li>
+                  <% end %>
+                </ul>
+              </div>
+            </td>
+          </tr>
+        <% end %>
+      </tbody>
+    </table>
+  </div>
+</div>
+<%= decidim_paginate @query %>

data/app/views/decidim/forms/admin/questionnaires/responses/show.html.erb

@@ -0,0 +1,43 @@
+<div class="card" id="responses">
+  <div class="item_show__header">
+    <h1 class="item_show__header-title">
+      <%= t ".title", number: current_idx %>
+
+      <%= link_to t("actions.next", scope: "decidim.forms.admin.questionnaires.responses").html_safe, next_url, rel: "next", class: "button button__sm button__secondary next" unless last? %>
+      <%= link_to t("actions.previous", scope: "decidim.forms.admin.questionnaires.responses").html_safe, prev_url, rel: "prev", class: "button button__sm button__secondary prev" unless first? %>
+      <%= link_to t("actions.export", scope: "decidim.forms.admin.questionnaires.responses"), questionnaire_export_response_url(@participant.session_token), class: "button button__sm button__secondary export" %>
+      <%= link_to t("actions.back", scope: "decidim.forms.admin.questionnaires.responses"), questionnaire_participants_url, class: "button button__sm button__secondary back" %>
+    </h1>
+  </div>
+  <div class="card-section">
+     <div class="table">
+      <table class="table-list">
+        <thead>
+          <tr>
+            <th><%= t("session_token", scope: "decidim.forms.user_responses_serializer") %></th>
+            <th><%= t("user_status", scope: "decidim.forms.user_responses_serializer") %></th>
+            <th><%= t("ip_hash", scope: "decidim.forms.user_responses_serializer") %></th>
+            <th><%= t("completion", scope: "decidim.forms.user_responses_serializer") %></th>
+            <th><%= t("created_at", scope: "decidim.forms.user_responses_serializer") %></th>
+            <th></th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td><%= @participant.session_token %></td>
+            <td><%= @participant.status %></td>
+            <td><%= @participant.ip_hash %></td>
+            <td><%= display_percentage(@participant.completion) %></td>
+            <td><%= l @participant.responded_at, format: :short %></td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+    <dl class="p-4 [&_ul]:list-disc [&_ul]:pl-4">
+      <% @participant.responses.each do |response| %>
+        <dt class="font-semibold"><%= response.question %></dt>
+        <dd><%= response.body %></dd>
+      <% end %>
+    </dl>
+  </div>
+</div>

data/app/views/decidim/forms/questionnaires/_questionnaire.html.erb

@@ -10,54 +10,56 @@
   <%= cell("decidim/announcement", translated_attribute(questionnaire_for.announcement), callout_class: "warning") %>
 <% end %>
 
-<%= decidim_form_for(@form, url: update_url, method: :post, html: { multipart: true, class: "form answer-questionnaire" }, data: { "safe-path" => form_path }) do |form| %>
+<%= decidim_form_for(@form, url: update_url, method: :post, html: { multipart: true, class: "form response-questionnaire" }, data: { "safe-path" => form_path }) do |form| %>
   <%= form_required_explanation %>
 
-  <%= form.hidden_field :allow_editing_answers %>
+  <%= form.hidden_field :allow_editing_responses %>
 
   <%= invisible_captcha %>
-  <% answer_idx = 0 %>
-  <% @form.responses_by_step.each_with_index do |step_answers, step_index| %>
-    <div id="step-<%= step_index %>" class="answer-questionnaire__step" <%= "hidden" if !step_index.zero? %>>
+  <% response_idx = 0 %>
+  <% cleaned_response_idx = 1 %>
+  <% @form.responses_by_step.each_with_index do |step_responses, step_index| %>
+    <div id="step-<%= step_index %>" class="response-questionnaire__step" <%= "hidden" if !step_index.zero? %>>
 
       <% if @form.total_steps > 1 %>
-        <p class="answer-questionnaire__step-counter">
+        <p class="response-questionnaire__step-counter">
           <%= t("decidim.forms.questionnaires.show.current_step", step: step_index + 1) %>&nbsp;<%= t("decidim.forms.questionnaires.show.of_total_steps", total_steps: @form.total_steps) %></span>
         </p>
       <% end %>
 
-      <% step_answers.each do |answer| %>
-        <div class="answer question" data-max-choices="<%= answer.question.max_choices %>" data-conditioned="<%= answer.question.display_conditions.any? %>" data-question-id="<%= answer.question.id %>">
-          <% answer.question.display_conditions.each do |display_condition| %>
+      <% step_responses.each do |response| %>
+        <div class="response question" data-max-choices="<%= response.question.max_choices %>" data-conditioned="<%= response.question.display_conditions.any? %>" data-question-id="<%= response.question.id %>">
+          <% response.question.display_conditions.each do |display_condition| %>
             <%= content_tag :div, nil, class: "display-condition", data: display_condition.to_html_data %>
           <% end %>
 
-          <%= fields_for "questionnaire[responses][#{answer_idx}]", answer do |answer_form| %>
+          <%= fields_for "questionnaire[responses][#{response_idx}]", response do |response_form| %>
             <%= render(
-              "decidim/forms/questionnaires/answer",
-              answer_form:,
-              answer:,
-              answer_idx:,
+              "decidim/forms/questionnaires/response",
+              response_form:,
+              response:,
+              response_idx:,
+              cleaned_response_idx:,
               disabled: !current_participatory_space.can_participate?(current_user)
             ) %>
           <% end %>
         </div>
 
-        <% answer_idx += 1 %>
+        <% if !(response.question.separator? || response.question.title_and_description?) %>
+          <% cleaned_response_idx += 1 %>
+        <% end %>
+
+        <% response_idx += 1 %>
 
       <% end %>
 
-      <div class="answer-questionnaire__footer">
+      <div class="response-questionnaire__footer">
         <% if step_index + 1 == @form.total_steps %>
-          <% if show_represent_user_group? %>
-            <%= cell("decidim/represent_user_group", form) %>
-          <% end %>
-
           <% if show_public_participation? %>
             <%= cell("decidim/public_participation", form) %>
           <% end %>
 
-          <div class="answer-questionnaire__tos">
+          <div class="response-questionnaire__tos">
             <%= form.check_box :tos_agreement, label: t("decidim.forms.questionnaires.show.tos_agreement"), id: "questionnaire_tos_agreement", disabled: !current_participatory_space.can_participate?(current_user) %>
             <div>
               <%= decidim_sanitize_editor translated_attribute questionnaire.tos %>
@@ -71,7 +73,7 @@
           total_steps: @form.total_steps,
           button_disabled: !current_participatory_space.can_participate?(current_user),
           form:,
-          allow_editing_answers: questionnaire_for.try(:allow_editing_answers?)
+          allow_editing_responses: questionnaire_for.try(:allow_editing_responses?)
         ) %>
       </div>
     </div>

data/app/views/decidim/forms/questionnaires/_questionnaire_readonly.html.erb

@@ -1,7 +1,12 @@
-<%= render partial: "decidim/devise/shared/login_boxes", locals: { scope: "decidim.forms.questionnaires.show.answer_questionnaire" } %>
+<%# i18n-tasks-use t("decidim.forms.questionnaires.show.response_questionnaire.already_have_an_account?") %>
+<%# i18n-tasks-use t("decidim.forms.questionnaires.show.response_questionnaire.are_you_new?") %>
+<%# i18n-tasks-use t("decidim.forms.questionnaires.show.response_questionnaire.sign_in_description") %>
+<%# i18n-tasks-use t("decidim.forms.questionnaires.show.response_questionnaire.sign_up_description") %>
+<%# i18n-tasks-use t("decidim.forms.questionnaires.show.response_questionnaire.title") %>
+<%= render partial: "decidim/devise/shared/login_boxes", locals: { scope: "decidim.forms.questionnaires.show.response_questionnaire" } %>
 
-<div class="answer-questionnaire mt-12">
-  <ol class="answer-questionnaire__step">
+<div class="response-questionnaire mt-12">
+  <ol class="response-questionnaire__step">
     <%= cell(
       "decidim/forms/question_readonly",
       collection: @questionnaire.questions.not_conditioned.not_separator,

data/app/views/decidim/forms/questionnaires/_response.html.erb

@@ -0,0 +1,61 @@
+<% field_id = "questionnaire_responses_#{response_idx}" %>
+
+<% if response.question.separator? %>
+
+  <%= render partial: "decidim/forms/questionnaires/responses/#{response.question.question_type}", locals: { response:, response_form:, response_idx:, field_id:, disabled: } %>
+  <%= response_form.hidden_field :question_id %>
+
+<% elsif response.question.title_and_description? %>
+
+  <div class="response-questionnaire__step-heading">
+    <h3 class="h3"><%= translated_attribute(response.question.body) %></h3>
+    <% if translated_attribute(response.question.description).present? %>
+      <div>
+        <%= decidim_sanitize_editor_admin translated_attribute(response.question.description) %>
+      </div>
+    <% end %>
+  </div>
+
+  <%= render partial: "decidim/forms/questionnaires/responses/#{response.question.question_type}", locals: { response:, response_form:, response_idx:, field_id:, disabled: } %>
+  <%= response_form.hidden_field :question_id %>
+
+<% else %>
+
+  <div class="response-questionnaire__question">
+    <%
+    label_options = {
+      class: "response-questionnaire__question-label questionnaire-question",
+      data: { "response-idx": cleaned_response_idx }
+    }
+    label_options[:for] = nil if %w(matrix_single matrix_multiple single_option multiple_option).include?(response.question.question_type)
+    %>
+
+    <%= label_tag field_id, **label_options do %>
+      <%= translated_attribute(response.question.body) %>
+      <% if response.question.mandatory? %>
+        <%= response_form.send(:required_indicator) %>
+      <% end %>
+      <% if response.question.max_choices %>
+        <%= " (#{response.send(:max_choices_label)})" %>
+      <% end %>
+    <% end %>
+
+    <% if translated_attribute(response.question.description).present? %>
+      <div class="response-questionnaire__question-description">
+        <%= decidim_sanitize_editor_admin translated_attribute(response.question.description) %>
+      </div>
+    <% end %>
+
+    <% if response.question.max_choices %>
+      <small class="form-error max-choices-alert"><%= t(".max_choices_alert") %></small>
+    <% end %>
+
+    <% %w(short_answer long_answer).exclude?(response&.question&.question_type) && response.errors.full_messages.each do |msg| %>
+      <small class="form-error is-visible"><%= msg %></small>
+    <% end %>
+
+    <%= render partial: "decidim/forms/questionnaires/responses/#{response.question.question_type}", locals: { response:, response_form:, response_idx:, field_id:, disabled:, maxlength: (response.question.max_characters if response.question.max_characters.positive?) } %>
+    <%= response_form.hidden_field :question_id %>
+  </div>
+
+<% end %>

data/app/views/decidim/forms/questionnaires/edit.html.erb

@@ -29,8 +29,8 @@
   <% end %>
 
   <section>
-    <% if allow_answers? %>
-      <% if visitor_can_answer? %>
+    <% if allow_responses? %>
+      <% if visitor_can_respond? %>
         <% if @form.responses_by_step.flatten.empty? %>
           <%= cell("decidim/announcement", t("decidim.forms.questionnaires.show.empty")) %>
         <% else %>

data/app/views/decidim/forms/questionnaires/responses/_files.html.erb

@@ -0,0 +1 @@
+<%= response_form.upload :add_documents, attachments: response.documents, label: false, multiple: true, id: field_id, disabled:, button_class: "button button__lg button__transparent-secondary w-full" %>

data/app/views/decidim/forms/questionnaires/responses/_long_response.html.erb

@@ -0,0 +1,3 @@
+<div>
+  <%= response_form.text_area :body, label: false, id: field_id, rows: 10, disabled:, maxlength:, class: "w-full", required: false, data: { controller: "character-counter" } %>
+</div>