decidim-forms 0.30.2 → 0.31.0.rc1

data/app/models/decidim/forms/question.rb

@@ -6,7 +6,7 @@ module Decidim
     class Question < Forms::ApplicationRecord
       include Decidim::TranslatableResource
 
-      QUESTION_TYPES = %w(short_answer long_answer single_option multiple_option sorting files matrix_single matrix_multiple).freeze
+      QUESTION_TYPES = %w(short_response long_response single_option multiple_option sorting files matrix_single matrix_multiple).freeze
       SEPARATOR_TYPE = "separator"
       TITLE_AND_DESCRIPTION_TYPE = "title_and_description"
       TYPES = (QUESTION_TYPES + [SEPARATOR_TYPE, TITLE_AND_DESCRIPTION_TYPE]).freeze
@@ -21,8 +21,8 @@ module Decidim
                dependent: :destroy,
                inverse_of: :question
 
-      has_many :answer_options,
-               class_name: "AnswerOption",
+      has_many :response_options,
+               class_name: "ResponseOption",
                foreign_key: "decidim_question_id",
                dependent: :destroy,
                inverse_of: :question
@@ -34,21 +34,22 @@ module Decidim
                dependent: :destroy,
                inverse_of: :question
 
-      # Conditions to display other questions based on the value of this question's answer
+      # Conditions to display other questions based on the value of this question's response
       has_many :display_conditions_for_other_questions,
                class_name: "DisplayCondition",
                foreign_key: "decidim_condition_question_id",
                dependent: :destroy,
-               inverse_of: :question
+               inverse_of: :question,
+               counter_cache: :display_conditions_for_other_questions_count
 
-      # Questions which have display conditions based on the value of this question's answer
+      # Questions which have display conditions based on the value of this question's response
       has_many :conditioned_questions,
                through: :display_conditions_for_other_questions,
                foreign_key: "decidim_condition_question_id",
                class_name: "Question"
 
-      has_many :answers,
-               class_name: "Answer",
+      has_many :responses,
+               class_name: "Response",
                foreign_key: "decidim_question_id",
                dependent: :destroy,
                inverse_of: :question
@@ -58,8 +59,8 @@ module Decidim
       scope :not_separator, -> { where.not(question_type: SEPARATOR_TYPE) }
       scope :not_title_and_description, -> { where.not(question_type: TITLE_AND_DESCRIPTION_TYPE) }
 
-      scope :with_body, -> { where(question_type: %w(short_answer long_answer)) }
-      scope :with_choices, -> { where.not(question_type: %w(short_answer long_answer)) }
+      scope :with_body, -> { where(question_type: %w(short_response long_response)) }
+      scope :with_choices, -> { where.not(question_type: %w(short_response long_response)) }
 
       scope :conditioned, -> { includes(:display_conditions).where.not(decidim_forms_display_conditions: { id: nil }) }
       scope :not_conditioned, -> { includes(:display_conditions).where(decidim_forms_display_conditions: { id: nil }) }
@@ -81,7 +82,7 @@ module Decidim
       end
 
       def number_of_options
-        answer_options.size
+        response_options.size
       end
 
       def translated_body
@@ -100,8 +101,8 @@ module Decidim
         question_type.to_s == "files"
       end
 
-      def answers_count
-        questionnaire.answers.where(question: self).count
+      def responses_count
+        questionnaire.responses.where(question: self).count
       end
 
       def self.log_presenter_class_for(_log)

data/app/models/decidim/forms/question_matrix_row.rb

@@ -9,7 +9,7 @@ module Decidim
       translatable_fields :body
       belongs_to :question, class_name: "Question", foreign_key: "decidim_question_id", counter_cache: :matrix_rows_count
 
-      delegate :answer_options, :mandatory, :max_choices, to: :question
+      delegate :response_options, :mandatory, :max_choices, to: :question
 
       scope :by_position, -> { order(:position) }
       default_scope { by_position }

data/app/models/decidim/forms/questionnaire.rb

@@ -13,22 +13,27 @@ module Decidim
       belongs_to :questionnaire_for, polymorphic: true
 
       has_many :questions, -> { order(:position) }, class_name: "Question", foreign_key: "decidim_questionnaire_id", dependent: :destroy
-      has_many :answers, class_name: "Answer", foreign_key: "decidim_questionnaire_id", dependent: :destroy
+      has_many :responses, class_name: "Response", foreign_key: "decidim_questionnaire_id", dependent: :destroy
 
       after_initialize :set_default_salt
 
       attr_accessor :questionnaire_template_id
+      attr_reader :override_edit
 
       # Public: returns whether the questionnaire questions can be modified or not.
       def questions_editable?
         has_component = questionnaire_for.respond_to? :component
-        (has_component && !questionnaire_for.component.published?) || answers.empty?
+        (has_component && !questionnaire_for.component.published?) || override_edit.presence || responses.empty?
       end
 
-      # Public: returns whether the questionnaire is answered by the user or not.
-      def answered_by?(user)
+      def override_edit!
+        @override_edit = true
+      end
+
+      # Public: returns whether the questionnaire is responded by the user or not.
+      def responded_by?(user)
         query = user.is_a?(String) ? { session_token: user } : { user: }
-        answers.where(query).any? if questions.present?
+        responses.where(query).any? if questions.present?
       end
 
       def pristine?
@@ -45,7 +50,7 @@ module Decidim
 
       private
 
-      # salt is used to generate secure hash in anonymous answers
+      # salt is used to generate secure hash in anonymous responses
       def set_default_salt
         return unless defined?(salt)
 

data/app/models/decidim/forms/{answer.rb → response.rb}

@@ -2,8 +2,8 @@
 
 module Decidim
   module Forms
-    # The data store for an Answer in the Decidim::Forms
-    class Answer < Forms::ApplicationRecord
+    # The data store for an Response in the Decidim::Forms
+    class Response < Forms::ApplicationRecord
       include Decidim::DownloadYourData
       include Decidim::NewsletterParticipant
       include Decidim::HasAttachments
@@ -13,10 +13,10 @@ module Decidim
       belongs_to :question, class_name: "Question", foreign_key: "decidim_question_id"
 
       has_many :choices,
-               class_name: "AnswerChoice",
-               foreign_key: "decidim_answer_id",
+               class_name: "ResponseChoice",
+               foreign_key: "decidim_response_id",
                dependent: :destroy,
-               inverse_of: :answer
+               inverse_of: :response
 
       validate :user_questionnaire_same_organization
       validate :question_belongs_to_questionnaire
@@ -29,7 +29,7 @@ module Decidim
       end
 
       def self.export_serializer
-        Decidim::Forms::DownloadYourDataUserAnswersSerializer
+        Decidim::Forms::DownloadYourDataUserResponsesSerializer
       end
 
       def self.newsletter_participant_ids(component)
@@ -37,10 +37,10 @@ module Decidim
         questionnaires = Decidim::Forms::Questionnaire.includes(:questionnaire_for)
                                                       .where(questionnaire_for_type: Decidim::Surveys::Survey.name, questionnaire_for_id: surveys.pluck(:id))
 
-        answers = Decidim::Forms::Answer.joins(:questionnaire)
-                                        .where(questionnaire: questionnaires)
+        responses = Decidim::Forms::Response.joins(:questionnaire)
+                                            .where(questionnaire: questionnaires)
 
-        answers.pluck(:decidim_user_id).flatten.compact.uniq
+        responses.pluck(:decidim_user_id).flatten.compact.uniq
       end
 
       def organization

data/app/models/decidim/forms/response_choice.rb

@@ -0,0 +1,22 @@
+# frozen_string_literal: true
+
+module Decidim
+  module Forms
+    class ResponseChoice < Forms::ApplicationRecord
+      belongs_to :response,
+                 class_name: "Response",
+                 foreign_key: "decidim_response_id"
+
+      belongs_to :response_option,
+                 class_name: "ResponseOption",
+                 foreign_key: "decidim_response_option_id"
+
+      belongs_to :matrix_row,
+                 class_name: "QuestionMatrixRow",
+                 foreign_key: "decidim_question_matrix_row_id",
+                 optional: true
+
+      validates :matrix_row, presence: true, if: -> { response.question.matrix? }
+    end
+  end
+end

data/app/models/decidim/forms/{answer_option.rb → response_option.rb}

@@ -2,23 +2,23 @@
 
 module Decidim
   module Forms
-    class AnswerOption < Forms::ApplicationRecord
+    class ResponseOption < Forms::ApplicationRecord
       include Decidim::TranslatableResource
 
       default_scope { order(arel_table[:id].asc) }
 
       translatable_fields :body
 
-      belongs_to :question, class_name: "Question", foreign_key: "decidim_question_id", counter_cache: :answer_options_count
+      belongs_to :question, class_name: "Question", foreign_key: "decidim_question_id", counter_cache: :response_options_count
 
       has_many :display_conditions,
                class_name: "DisplayCondition",
-               foreign_key: "decidim_answer_option_id",
+               foreign_key: "decidim_response_option_id",
                dependent: :nullify,
-               inverse_of: :answer_option
+               inverse_of: :response_option
 
       def translated_body
-        Decidim::Forms::AnswerOptionPresenter.new(self).translated_body
+        Decidim::Forms::ResponseOptionPresenter.new(self).translated_body
       end
     end
   end

data/app/packs/entrypoints/decidim_forms_admin.js

@@ -1,10 +1,10 @@
 import "src/decidim/forms/admin/collapsible_questions"
 
 import createEditableForm from "src/decidim/forms/admin/forms"
-import createPublicableQuestionAnswersButtons from "src/decidim/forms/admin/publish_answers_buttons"
+import createPublicableQuestionResponsesButtons from "src/decidim/forms/admin/publish_responses_buttons"
 
 window.Decidim.createEditableForm = createEditableForm
 
-document.addEventListener("DOMContentLoaded", function() {
-  document.querySelectorAll("[data-publish-question-answer-action]").forEach((el) =>  createPublicableQuestionAnswersButtons(el));
+document.addEventListener("turbo:load", () => {
+  document.querySelectorAll("[data-publish-question-response-action]").forEach((el) => createPublicableQuestionResponsesButtons(el));
 });

data/app/packs/src/decidim/forms/admin/collapsible_questions.js

@@ -1,19 +1,21 @@
-(() => {
+document.addEventListener("turbo:load", () => {
   const getButtons = document.querySelectorAll("button.question--collapse");
 
   setTimeout(() => {
-    [...getButtons].forEach((button) => {
+    getButtons.forEach((button) => {
       if (button.classList.contains("question-error")) {
-        button.click()
+        button.click();
       }
-    })
-  }, 100)
+    });
+  }, 100);
 
-  $("button.collapse-all").on("click", () => {
-    $("[id$=field]").find("button.question--collapse[aria-expanded='true']").click()
+  document.querySelector("button.collapse-all")?.addEventListener("click", () => {
+    document.querySelectorAll("[id$=field] button.question--collapse[aria-expanded='true']").
+      forEach((button) => button.click());
   });
 
-  $("button.expand-all").on("click", () => {
-    $("[id$=field]").find("button.question--collapse[aria-expanded='false']").click()
+  document.querySelector("button.expand-all")?.addEventListener("click", () => {
+    document.querySelectorAll("[id$=field] button.question--collapse[aria-expanded='false']").
+      forEach((button) => button.click());
   });
-})(window);
+});

data/app/packs/src/decidim/forms/admin/forms.js

@@ -16,9 +16,9 @@ export default function createEditableForm() {
   const wrapperSelector = ".questionnaire-questions";
   const fieldSelector = ".questionnaire-question";
   const questionTypeSelector = "select[name$=\\[question_type\\]]";
-  const answerOptionFieldSelector = ".questionnaire-question-answer-option";
-  const answerOptionsWrapperSelector = ".questionnaire-question-answer-options";
-  const answerOptionRemoveFieldButtonSelector = ".remove-answer-option";
+  const responseOptionFieldSelector = ".questionnaire-question-response-option";
+  const responseOptionsWrapperSelector = ".questionnaire-question-response-options";
+  const responseOptionRemoveFieldButtonSelector = ".remove-response-option";
   const matrixRowFieldSelector = ".questionnaire-question-matrix-row";
   const matrixRowsWrapperSelector = ".questionnaire-question-matrix-rows";
   const matrixRowRemoveFieldButtonSelector = ".remove-matrix-row";
@@ -30,12 +30,12 @@ export default function createEditableForm() {
   const displayConditionRemoveFieldButtonSelector = ".remove-display-condition";
 
   const displayConditionQuestionSelector = "select[name$=\\[decidim_condition_question_id\\]]";
-  const displayConditionAnswerOptionSelector = "select[name$=\\[decidim_answer_option_id\\]]";
+  const displayConditionResponseOptionSelector = "select[name$=\\[decidim_response_option_id\\]]";
   const displayConditionTypeSelector = "select[name$=\\[condition_type\\]]";
   const deletedInputSelector = "input[name$=\\[deleted\\]]";
 
   const displayConditionValueWrapperSelector = ".questionnaire-question-display-condition-value";
-  const displayconditionAnswerOptionWrapperSelector = ".questionnaire-question-display-condition-answer-option";
+  const displayconditionResponseOptionWrapperSelector = ".questionnaire-question-display-condition-response-option";
 
   const addDisplayConditionButtonSelector = ".add-display-condition";
 
@@ -74,27 +74,27 @@ export default function createEditableForm() {
   const MULTIPLE_CHOICE_VALUES = ["single_option", "multiple_option", "sorting", "matrix_single", "matrix_multiple"];
   const MATRIX_VALUES = ["matrix_single", "matrix_multiple"];
 
-  const createAutoMaxChoicesByNumberOfAnswerOptions = (fieldId) => {
+  const createAutoMaxChoicesByNumberOfResponseOptions = (fieldId) => {
     return new AutoSelectOptionsByTotalItemsComponent({
       wrapperSelector: fieldSelector,
       selectSelector: `${maxChoicesWrapperSelector} select`,
-      listSelector: `#${fieldId} ${answerOptionsWrapperSelector} .questionnaire-question-answer-option:not(.hidden)`
+      listSelector: `#${fieldId} ${responseOptionsWrapperSelector} .questionnaire-question-response-option:not(.hidden)`
     })
   };
 
-  const createAutoButtonsByMinItemsForAnswerOptions = (fieldId) => {
+  const createAutoButtonsByMinItemsForResponseOptions = (fieldId) => {
     return new AutoButtonsByMinItemsComponent({
       wrapperSelector: fieldSelector,
-      listSelector: `#${fieldId} ${answerOptionsWrapperSelector} .questionnaire-question-answer-option:not(.hidden)`,
+      listSelector: `#${fieldId} ${responseOptionsWrapperSelector} .questionnaire-question-response-option:not(.hidden)`,
       minItems: 2,
-      hideOnMinItemsOrLessSelector: answerOptionRemoveFieldButtonSelector
+      hideOnMinItemsOrLessSelector: responseOptionRemoveFieldButtonSelector
     })
   };
 
   const createAutoSelectOptionsFromUrl = ($field) => {
     return new AutoSelectOptionsFromUrl({
       source: $field.find(displayConditionQuestionSelector),
-      select: $field.find(displayConditionAnswerOptionSelector),
+      select: $field.find(displayConditionResponseOptionSelector),
       sourceToParams: ($element) => { return { id: $element.val() } }
     })
   };
@@ -138,18 +138,18 @@ export default function createEditableForm() {
     }
   };
 
-  const createDynamicFieldsForAnswerOptions = (fieldId) => {
-    const autoButtons = createAutoButtonsByMinItemsForAnswerOptions(fieldId);
-    const autoSelectOptions = createAutoMaxChoicesByNumberOfAnswerOptions(fieldId);
+  const createDynamicFieldsForResponseOptions = (fieldId) => {
+    const autoButtons = createAutoButtonsByMinItemsForResponseOptions(fieldId);
+    const autoSelectOptions = createAutoMaxChoicesByNumberOfResponseOptions(fieldId);
 
     return createDynamicFields({
-      placeholderId: "questionnaire-question-answer-option-id",
-      wrapperSelector: `#${fieldId} ${answerOptionsWrapperSelector}`,
-      containerSelector: ".questionnaire-question-answer-options-list",
-      fieldSelector: answerOptionFieldSelector,
-      addFieldButtonSelector: ".add-answer-option",
-      fieldTemplateSelector: ".decidim-answer-option-template",
-      removeFieldButtonSelector: answerOptionRemoveFieldButtonSelector,
+      placeholderId: "questionnaire-question-response-option-id",
+      wrapperSelector: `#${fieldId} ${responseOptionsWrapperSelector}`,
+      containerSelector: ".questionnaire-question-response-options-list",
+      fieldSelector: responseOptionFieldSelector,
+      addFieldButtonSelector: ".add-response-option",
+      fieldTemplateSelector: ".decidim-response-option-template",
+      removeFieldButtonSelector: responseOptionRemoveFieldButtonSelector,
       onAddField: () => {
         autoButtons.run();
         autoSelectOptions.run();
@@ -161,7 +161,7 @@ export default function createEditableForm() {
     });
   };
 
-  const dynamicFieldsForAnswerOptions = {};
+  const dynamicFieldsForResponseOptions = {};
 
   const createDynamicFieldsForMatrixRows = (fieldId) => {
     return createDynamicFields({
@@ -200,7 +200,7 @@ export default function createEditableForm() {
 
     const isMultiple = isMultipleChoiceOption(selectedQuestionType);
 
-    let conditionTypes = ["answered", "not_answered"];
+    let conditionTypes = ["responded", "not_responded"];
 
     if (isMultiple) {
       conditionTypes.push("equal");
@@ -236,7 +236,7 @@ export default function createEditableForm() {
   const onDisplayConditionTypeChange = ($field) => {
     const value = $field.find(displayConditionTypeSelector).val();
     const $valueWrapper = $field.find(displayConditionValueWrapperSelector);
-    const $answerOptionWrapper = $field.find(displayconditionAnswerOptionWrapperSelector);
+    const $responseOptionWrapper = $field.find(displayconditionResponseOptionWrapperSelector);
 
     const $questionSelector = $field.find(displayConditionQuestionSelector);
     const selectedQuestionType = getSelectedQuestionType($questionSelector[0]);
@@ -251,10 +251,10 @@ export default function createEditableForm() {
     }
 
     if (isMultiple && (value === "not_equal" || value === "equal")) {
-      $answerOptionWrapper.show();
+      $responseOptionWrapper.show();
     }
     else {
-      $answerOptionWrapper.hide();
+      $responseOptionWrapper.hide();
     }
   };
 
@@ -302,8 +302,8 @@ export default function createEditableForm() {
     createFieldDependentInputs({
       controllerField: $fieldQuestionTypeSelect,
       wrapperSelector: fieldSelector,
-      dependentFieldsSelector: answerOptionsWrapperSelector,
-      dependentInputSelector: `${answerOptionFieldSelector} input`,
+      dependentFieldsSelector: responseOptionsWrapperSelector,
+      dependentInputSelector: `${responseOptionFieldSelector} input`,
       enablingCondition: ($field) => {
         return isMultipleChoiceOption($field.val());
       }
@@ -329,20 +329,20 @@ export default function createEditableForm() {
       }
     });
 
-    dynamicFieldsForAnswerOptions[fieldId] = createDynamicFieldsForAnswerOptions(fieldId);
+    dynamicFieldsForResponseOptions[fieldId] = createDynamicFieldsForResponseOptions(fieldId);
     dynamicFieldsForMatrixRows[fieldId] = createDynamicFieldsForMatrixRows(fieldId);
     dynamicFieldsForDisplayConditions[fieldId] = createDynamicFieldsForDisplayConditions(fieldId);
 
-    const dynamicFieldsAnswerOptions = dynamicFieldsForAnswerOptions[fieldId];
+    const dynamicFieldsResponseOptions = dynamicFieldsForResponseOptions[fieldId];
     const dynamicFieldsMatrixRows = dynamicFieldsForMatrixRows[fieldId];
 
     const onQuestionTypeChange = () => {
       if (isMultipleChoiceOption($fieldQuestionTypeSelect.val())) {
-        const nOptions = $fieldQuestionTypeSelect.parents(fieldSelector).find(answerOptionFieldSelector).length;
+        const nOptions = $fieldQuestionTypeSelect.parents(fieldSelector).find(responseOptionFieldSelector).length;
 
         if (nOptions === 0) {
-          dynamicFieldsAnswerOptions._addField();
-          dynamicFieldsAnswerOptions._addField();
+          dynamicFieldsResponseOptions._addField();
+          dynamicFieldsResponseOptions._addField();
         }
       }
 
@@ -400,8 +400,8 @@ export default function createEditableForm() {
       autoLabelByPosition.run();
       autoButtonsByPosition.run();
 
-      $field.find(answerOptionRemoveFieldButtonSelector).each((idx, el) => {
-        dynamicFieldsForAnswerOptions[$field.attr("id")]._removeField(el);
+      $field.find(responseOptionRemoveFieldButtonSelector).each((idx, el) => {
+        dynamicFieldsForResponseOptions[$field.attr("id")]._removeField(el);
       });
 
       $field.find(matrixRowRemoveFieldButtonSelector).each((idx, el) => {

data/app/packs/src/decidim/forms/admin/{publish_answers_buttons.js → publish_responses_buttons.js}

@@ -1,7 +1,7 @@
 /**
- * Initializes event listeners for a button to toggle the publication status of question answers.
+ * Initializes event listeners for a button to toggle the publication status of question responses.
  *
- * The button's `data-publish-question-answer-action` attribute determines whether the action is
+ * The button's `data-publish-question-response-action` attribute determines whether the action is
  * to "publish" or "unpublish." Based on this attribute, the function makes an AJAX request using
  * Rails' AJAX helper and updates the button's state and associated labels.
  *
@@ -10,8 +10,8 @@
  * @returns {void}
  *
  * Button element must have the following data attributes:
- * - `data-publish-question-answer-action`: Specifies the current action ("publish" or "unpublish").
- * - `data-publish-question-answer-question-url`: Specifies the endpoint URL for the AJAX request.
+ * - `data-publish-question-response-action`: Specifies the current action ("publish" or "unpublish").
+ * - `data-publish-question-response-question-url`: Specifies the endpoint URL for the AJAX request.
  *
  * The DOM structure must include:
  * - A parent element with the class `toggle__switch-toggle`.
@@ -28,16 +28,16 @@
  *     <span class="label alert hidden">Unpublished</span>
  *   <span>
  *     <input
- *     data-publish-question-answer-action="unpublish"
- *     data-publish-question-answer-question-url="/path/to/publish/or/unpublish">
+ *     data-publish-question-response-action="unpublish"
+ *     data-publish-question-response-question-url="/path/to/publish/or/unpublish">
  *   </span>
  *  </label>
  * ```
  */
-export default function createPublicableQuestionAnswersButtons(button) {
+export default function createPublicableQuestionResponsesButtons(button) {
   button.addEventListener("click", () => {
-    const action = button.dataset.publishQuestionAnswerAction;
-    const url = button.dataset.publishQuestionAnswerQuestionUrl;
+    const action = button.dataset.publishQuestionResponseAction;
+    const url = button.dataset.publishQuestionResponseQuestionUrl;
     const buttonText = button.closest(".toggle__switch-toggle").querySelector(".toggle__switch-trigger-text");
     const publishedLabel = buttonText.querySelector(".label.success");
     const unpublishedLabel = buttonText.querySelector(".label.alert");
@@ -48,7 +48,7 @@ export default function createPublicableQuestionAnswersButtons(button) {
         url: url,
         type: "PUT",
         success: function() {
-          button.setAttribute("data-publish-question-answer-action", "unpublish")
+          button.setAttribute("data-publish-question-response-action", "unpublish")
           publishedLabel.classList.remove("hidden");
           unpublishedLabel.classList.add("hidden");
         }
@@ -59,14 +59,14 @@ export default function createPublicableQuestionAnswersButtons(button) {
         url: url,
         type: "DELETE",
         success: function() {
-          button.setAttribute("data-publish-question-answer-action", "publish")
+          button.setAttribute("data-publish-question-response-action", "publish")
           unpublishedLabel.classList.remove("hidden");
           publishedLabel.classList.add("hidden");
         }
       });
       break;
     default:
-      console.log(`Publish questions answers: Unknown action ${action}`);
+      console.log(`Publish questions responses: Unknown action ${action}`);
     }
   });
 }

data/app/packs/src/decidim/forms/display_conditions.component.js

@@ -5,7 +5,7 @@ class DisplayCondition {
     this.wrapperField = options.wrapperField;
     this.type = options.type;
     this.conditionQuestion = options.conditionQuestion;
-    this.answerOption = options.answerOption;
+    this.responseOption = options.responseOption;
     this.mandatory = options.mandatory;
     this.value = options.value;
     this.onFulfilled = options.onFulfilled;
@@ -34,7 +34,7 @@ class DisplayCondition {
       if (checked) {
         const text = $(el).find("input[name$=\\[custom_body\\]]").val();
         const value = $input.val();
-        const id = $(el).find("input[name$=\\[answer_option_id\\]]").val();
+        const id = $(el).find("input[name$=\\[response_option_id\\]]").val();
 
         multipleInput.push({ id, value, text });
       }
@@ -54,7 +54,7 @@ class DisplayCondition {
     return $conditionWrapperField.find(".js-collection-input").find("input:not([type='hidden'])");
   }
 
-  checkAnsweredCondition(value) {
+  checkRespondedCondition(value) {
     if (typeof (value) !== "object") {
       return Boolean(value);
     }
@@ -62,20 +62,20 @@ class DisplayCondition {
     return Boolean(value.some((it) => it.value));
   }
 
-  checkNotAnsweredCondition(value) {
-    return !this.checkAnsweredCondition(value);
+  checkNotRespondedCondition(value) {
+    return !this.checkRespondedCondition(value);
   }
 
   checkEqualCondition(value) {
     if (value.length) {
-      return value.some((it) => it.id === this.answerOption.toString());
+      return value.some((it) => it.id === this.responseOption.toString());
     }
     return false;
   }
 
   checkNotEqualCondition(value) {
     if (value.length) {
-      return value.every((it) => it.id !== this.answerOption.toString());
+      return value.every((it) => it.id !== this.responseOption.toString());
     }
     return false;
   }
@@ -99,11 +99,11 @@ class DisplayCondition {
     let fulfilled = false;
 
     switch (this.type) {
-    case "answered":
-      fulfilled = this.checkAnsweredCondition(value);
+    case "responded":
+      fulfilled = this.checkRespondedCondition(value);
       break;
-    case "not_answered":
-      fulfilled = this.checkNotAnsweredCondition(value);
+    case "not_responded":
+      fulfilled = this.checkNotRespondedCondition(value);
       break;
     case "equal":
       fulfilled = this.checkEqualCondition(value);
@@ -143,7 +143,7 @@ class DisplayConditionsComponent {
         wrapperField: this.wrapperField,
         type: $condition.data("type"),
         conditionQuestion: $condition.data("condition"),
-        answerOption: $condition.data("option"),
+        responseOption: $condition.data("option"),
         mandatory: $condition.data("mandatory"),
         value: $condition.data("value"),
         onFulfilled: (fulfilled) => {

data/app/packs/src/decidim/forms/forms.js

@@ -13,7 +13,7 @@ import createDisplayConditions from "src/decidim/forms/display_conditions.compon
 import createMaxChoicesAlertComponent from "src/decidim/forms/max_choices_alert.component"
 import { preventUnload } from "src/decidim/utilities/dom"
 
-$(() => {
+document.addEventListener("turbo:load", () => {
   $(".js-radio-button-collection, .js-check-box-collection").each((idx, el) => {
     createOptionAttachedInputs({
       wrapperField: $(el),
@@ -22,7 +22,7 @@ $(() => {
     });
   });
 
-  $.unique($(".js-check-box-collection").parents(".answer")).each((idx, el) => {
+  $.unique($(".js-check-box-collection").parents(".response")).each((idx, el) => {
     const maxChoices = $(el).data("max-choices");
     if (maxChoices) {
       createMaxChoicesAlertComponent({
@@ -40,13 +40,13 @@ $(() => {
     item: ".js-collection-input"
   }));
 
-  $(".answer-questionnaire .question[data-conditioned='true']").each((idx, el) => {
+  $(".response-questionnaire .question[data-conditioned='true']").each((idx, el) => {
     createDisplayConditions({
       wrapperField: $(el)
     });
   });
 
-  const form = document.querySelector("form.answer-questionnaire");
+  const form = document.querySelector("form.response-questionnaire");
   if (form) {
     const safePath = form.dataset.safePath.split("?")[0];
     let exitUrl = "";

data/app/packs/stylesheets/decidim/forms/forms.scss

@@ -1,4 +1,4 @@
-.answer-questionnaire {
+.response-questionnaire {
   @apply border-t-2 border-background pt-8;
 
   &__step {
@@ -22,7 +22,7 @@
   }
 
   &__question-label {
-    @apply text-black text-xl font-semibold relative before:content-[attr(data-answer-idx)] before:w-6 before:h-6 md:before:absolute md:before:-left-4 md:before:-translate-x-full before:inline-flex before:justify-center before:rounded-full before:bg-background before:text-lg before:text-gray-2 before:font-semibold;
+    @apply text-black text-xl font-semibold relative before:content-[attr(data-response-idx)] before:w-6 before:h-6 md:before:absolute md:before:-left-4 md:before:-translate-x-full before:inline-flex before:justify-center before:rounded-full before:bg-background before:text-lg before:text-gray-2 before:font-semibold;
   }
 
   &__question-description {