decidim-forms 0.30.9 → 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?
@@ -43,14 +48,9 @@ module Decidim
         Decidim::Forms::QuestionnaireParticipants.new(self).count_participants
       end
 
-      # Public: Returns only the actual question types (excludes separators and title_and_description)
-      def question_types
-        questions.not_separator.not_title_and_description
-      end
-
       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

@@ -7,36 +7,35 @@ import AutoSelectOptionsFromUrl from "src/decidim/forms/admin/auto_select_option
 import createLiveTextUpdateComponent from "src/decidim/forms/admin/live_text_update.component"
 import AutoButtonsByPositionComponent from "src/decidim/admin/auto_buttons_by_position.component"
 import AutoLabelByPositionComponent from "src/decidim/admin/auto_label_by_position.component"
+import createSortList from "src/decidim/admin/sort_list.component"
 import createDynamicFields from "src/decidim/admin/dynamic_fields.component"
 import createFieldDependentInputs from "src/decidim/admin/field_dependent_inputs.component"
 import initLanguageChangeSelect from "src/decidim/admin/choose_language"
-import sortable from "html5sortable/dist/html5sortable.es"
 
 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";
   const addMatrixRowButtonSelector = ".add-matrix-row";
   const maxChoicesWrapperSelector = ".questionnaire-question-max-choices";
-  const responseOptionFreeTextSelector = ".questionnaire-question-answer-option-free-text";
 
   const displayConditionFieldSelector = ".questionnaire-question-display-condition";
   const displayConditionsWrapperSelector = ".questionnaire-question-display-conditions";
   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";
 
@@ -75,41 +74,41 @@ 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() } }
     })
   };
 
-  // Listen for sortupdate events from html5sortable (initialized by draggable-table.js)
-  const setupSortUpdateListener = () => {
-    const container = document.querySelector(".questionnaire-questions-list:not(.published)");
-    if (container && !container.dataset.sortListenerAttached) {
-      container.addEventListener("sortupdate", () => {
+  const createSortableList = () => {
+    createSortList(".questionnaire-questions-list:not(.published)", {
+      handle: ".question-divider",
+      placeholder: '<div style="border-style: dashed; border-color: #000"></div>',
+      forcePlaceholderSize: true,
+      onSortUpdate: () => {
         autoLabelByPosition.run();
         autoButtonsByPosition.run();
-      });
-      container.dataset.sortListenerAttached = "true";
-    }
+      }
+    });
   };
 
   const createDynamicQuestionTitle = (fieldId) => {
@@ -139,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();
@@ -162,7 +161,7 @@ export default function createEditableForm() {
     });
   };
 
-  const dynamicFieldsForAnswerOptions = {};
+  const dynamicFieldsForResponseOptions = {};
 
   const createDynamicFieldsForMatrixRows = (fieldId) => {
     return createDynamicFields({
@@ -201,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");
@@ -237,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]);
@@ -252,10 +251,10 @@ export default function createEditableForm() {
     }
 
     if (isMultiple && (value === "not_equal" || value === "equal")) {
-      $answerOptionWrapper.show();
+      $responseOptionWrapper.show();
     }
     else {
-      $answerOptionWrapper.hide();
+      $responseOptionWrapper.hide();
     }
   };
 
@@ -303,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());
       }
@@ -330,23 +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 = () => {
-      const $currentField = $fieldQuestionTypeSelect.parents(fieldSelector);
-      const questionType = $fieldQuestionTypeSelect.val();
-
-      if (isMultipleChoiceOption(questionType)) {
-        const nOptions = $fieldQuestionTypeSelect.parents(fieldSelector).find(answerOptionFieldSelector).length;
+      if (isMultipleChoiceOption($fieldQuestionTypeSelect.val())) {
+        const nOptions = $fieldQuestionTypeSelect.parents(fieldSelector).find(responseOptionFieldSelector).length;
 
         if (nOptions === 0) {
-          dynamicFieldsAnswerOptions._addField();
-          dynamicFieldsAnswerOptions._addField();
+          dynamicFieldsResponseOptions._addField();
+          dynamicFieldsResponseOptions._addField();
         }
       }
 
@@ -358,12 +354,6 @@ export default function createEditableForm() {
           dynamicFieldsMatrixRows._addField();
         }
       }
-
-      if (questionType === "sorting") {
-        $currentField.find(responseOptionFreeTextSelector).addClass("hidden");
-      } else {
-        $currentField.find(responseOptionFreeTextSelector).removeClass("hidden");
-      }
     };
 
     $fieldQuestionTypeSelect.on("change", onQuestionTypeChange);
@@ -396,22 +386,13 @@ export default function createEditableForm() {
     moveDownFieldButtonSelector: ".move-down-question",
     onAddField: ($field) => {
       setupInitialQuestionAttributes($field);
-      setupSortUpdateListener();
+      createSortableList();
 
       autoLabelByPosition.run();
       autoButtonsByPosition.run();
 
       initLanguageChangeSelect($field.find("select.language-change").toArray());
 
-      const sortableContainer = document.querySelector(".questionnaire-questions-list[data-draggable-table]");
-      if (sortableContainer) {
-        sortable(sortableContainer, {
-          forcePlaceholderSize: true,
-          items: ".questionnaire-question",
-          handle: sortableContainer.dataset.draggableHandle || ".card-divider"
-        });
-      }
-
       // instead of initialize specific stuff, we send an event, with the DOM fragment we wanna update/refresh/bind
       document.dispatchEvent(new CustomEvent("ajax:loaded", { detail: $field[0] }));
     },
@@ -419,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) => {
@@ -441,7 +422,7 @@ export default function createEditableForm() {
     }
   });
 
-  setupSortUpdateListener();
+  createSortableList();
 
   $(fieldSelector).each((idx, el) => {
     const $target = $(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}`);
     }
   });
 }