decidim-forms 0.24.0 → 0.25.0.rc1

data/app/{assets/javascripts/decidim/forms/forms.js.es6 → packs/src/decidim/forms/forms.js}

@@ -1,11 +1,11 @@
-// = require ./option_attached_inputs.component
-// = require ./autosortable_checkboxes.component
-// = require ./display_conditions.component
-// = require ./max_choices_alert.component
+/* eslint-disable require-jsdoc */
 
-((exports) => {
-  const { createOptionAttachedInputs, createAutosortableCheckboxes, createMaxChoicesAlertComponent, createDisplayConditions } = exports.Decidim;
+import createOptionAttachedInputs from "src/decidim/forms/option_attached_inputs.component"
+import createAutosortableCheckboxes from "src/decidim/forms/autosortable_checkboxes.component"
+import createDisplayConditions from "src/decidim/forms/display_conditions.component"
+import createMaxChoicesAlertComponent from "src/decidim/forms/max_choices_alert.component"
 
+$(() => {
   $(".radio-button-collection, .check-box-collection").each((idx, el) => {
     createOptionAttachedInputs({
       wrapperField: $(el),
@@ -65,4 +65,4 @@
       event.returnValue = true;
     });
   }
-})(window);
+})

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

@@ -0,0 +1,43 @@
+/* eslint-disable require-jsdoc */
+
+class MaxChoicesAlertComponent {
+  constructor(options = {}) {
+    this.wrapperField = options.wrapperField;
+    this.alertElement = options.alertElement;
+    this.controllerFieldSelector = options.controllerFieldSelector;
+    this.controllerCollectionSelector = options.controllerCollectionSelector;
+    this.maxChoices = options.maxChoices;
+    this.controllerSelector = this.wrapperField.find(this.controllerFieldSelector);
+    this._bindEvent();
+    this._run();
+  }
+
+  _run() {
+    const rows = this.wrapperField.find(this.controllerCollectionSelector);
+
+    let alert = false;
+
+    rows.each((rowIdx, row) => {
+      const checked = $(row).find(this.controllerFieldSelector).filter((checkboxIdx, checkbox) => $(checkbox).is(":checked"));
+
+      alert = alert || checked.length > this.maxChoices;
+    });
+
+    if (alert) {
+      this.alertElement.show();
+    }
+    else {
+      this.alertElement.hide();
+    }
+  }
+
+  _bindEvent() {
+    this.controllerSelector.on("change", () => {
+      this._run();
+    });
+  }
+}
+
+export default function createMaxChoicesAlertComponent(options) {
+  return new MaxChoicesAlertComponent(options);
+}

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

@@ -0,0 +1,31 @@
+/* eslint-disable require-jsdoc */
+
+class OptionAttachedInputsComponent {
+  constructor(options = {}) {
+    this.wrapperField = options.wrapperField;
+    this.controllerFieldSelector = options.controllerFieldSelector;
+    this.dependentInputSelector = options.dependentInputSelector;
+    this.controllerSelector = this.wrapperField.find(this.controllerFieldSelector);
+    this._bindEvent();
+    this._run();
+  }
+
+  _run() {
+    this.controllerSelector.each((idx, el) => {
+      const $field = $(el);
+      const enabled = $field.is(":checked");
+
+      $field.parents("div.collection-input").find(this.dependentInputSelector).prop("disabled", !enabled);
+    });
+  }
+
+  _bindEvent() {
+    this.controllerSelector.on("change", () => {
+      this._run();
+    });
+  }
+}
+
+export default function createOptionAttachedInputs(options) {
+  return new OptionAttachedInputsComponent(options);
+}

data/app/{assets → packs}/stylesheets/decidim/forms/forms.scss

@@ -37,6 +37,9 @@
 }
 
 .questionnaire-question-matrix{
+  display: block;
+  overflow-x: auto;
+
   .collection-input{
     display: flex;
     align-items: center;
@@ -74,3 +77,5 @@
     border-right: 1px solid #f0f0f0;
   }
 }
+
+@import "stylesheets/decidim/forms/questionnaire-answers-pdf";

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

@@ -44,10 +44,10 @@
       <%=
         form.select(
           :decidim_answer_option_id,
-          options_from_collection_for_select(display_condition.answer_options, :id, :translated_body, display_condition.answer_option),
+          options_from_collection_for_select(display_condition.answer_options, :id, :translated_body, selected: display_condition.decidim_answer_option_id),
           { prompt: t(".select_answer_option"), label: t(".answer_option") },
           disabled: !editable,
-          data: { selected: display_condition.answer_option&.id }
+          data: { selected: display_condition.decidim_answer_option_id }
         )
       %>
     </div>

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

@@ -105,8 +105,10 @@
   <% end %>
 </div>
 
+<%= javascript_pack_tag "decidim_forms_admin" %>
+
 <% if questionnaire.questions_editable? %>
-  <%= javascript_include_tag "decidim/forms/admin/forms" %>
+  <script>
+    window.Decidim.createEditableForm()
+  </script>
 <% end %>
-
-<%= javascript_include_tag "decidim/forms/admin/collapsible_questions" %>

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

@@ -28,6 +28,7 @@
 
   <% if matrix_row.persisted? %>
     <%= form.hidden_field :id, disabled: !editable %>
+    <%= form.hidden_field :position, disabled: !editable %>
   <% end %>
 
   <%= form.hidden_field :deleted, disabled: !editable %>

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

@@ -104,7 +104,7 @@
 
     <div class="questionnaire-question-matrix-rows" data-template="<%= matrix_row_template_selector %>">
       <div class="questionnaire-question-matrix-rows-list">
-        <% question.matrix_rows.each do |matrix_row| %>
+        <% question.matrix_rows_by_position.each do |matrix_row| %>
           <%= fields_for "questionnaire[questions][#{question.to_param}][matrix_rows][]", matrix_row do |matrix_row_form| %>
             <%= render "decidim/forms/admin/questionnaires/matrix_row", form: matrix_row_form, question: question, editable: editable %>
           <% end %>

data/app/views/decidim/forms/questionnaires/answers/_matrix_multiple.html.erb

@@ -8,7 +8,7 @@
     </tr>
   </thead>
   <tbody>
-    <% answer.question.matrix_rows.each_with_index do |row, row_idx| %>
+    <% answer.question.matrix_rows.by_position.each_with_index do |row, row_idx| %>
       <tr class="check-box-collection">
         <td><%= translated_attribute row.body %></td>
         <% answer.question.answer_options.each_with_index do |answer_option, idx| %>

data/app/views/decidim/forms/questionnaires/answers/_matrix_single.html.erb

@@ -8,7 +8,7 @@
     </tr>
   </thead>
   <tbody>
-    <% answer.question.matrix_rows.each_with_index do |row, row_idx| %>
+    <% answer.question.matrix_rows.by_position.each_with_index do |row, row_idx| %>
       <tr class="radio-button-collection">
         <td><%= translated_attribute row.body %></td>
         <% answer.question.answer_options.each_with_index do |answer_option, idx| %>

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

@@ -99,6 +99,12 @@
                           </div>
                         <% end %>
 
+                        <% if show_public_participation? %>
+                          <div class="row column public-participation">
+                            <%= cell("decidim/public_participation", form) %>
+                          </div>
+                        <% end %>
+
                         <div class="row column tos-agreement">
                           <%= form.check_box :tos_agreement, label: t(".tos_agreement"), id: "questionnaire_tos_agreement", disabled: !current_participatory_space.can_participate?(current_user) %>
                           <div class="help-text">
@@ -144,4 +150,4 @@
   </div>
 </div>
 
-<%= javascript_include_tag "decidim/forms/forms" %>
+<%= javascript_pack_tag "decidim_forms" %>

data/app/views/layouts/decidim/forms/admin/questionnaires/questionnaire_answers.html.erb

@@ -3,7 +3,7 @@
   <head>
       <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
       <meta name="viewport" content="width=device-width">
-      <%= wicked_pdf_stylesheet_link_tag "decidim/forms/questionnaire-answers-pdf" %>
+      <%= wicked_pdf_stylesheet_pack_tag "decidim_questionnaire_answers_pdf" %>
       <title><%= @title %></title>
     </head>
   <body>

data/config/assets.rb

@@ -0,0 +1,10 @@
+# frozen_string_literal: true
+
+base_path = File.expand_path("..", __dir__)
+
+Decidim::Webpacker.register_path("#{base_path}/app/packs")
+Decidim::Webpacker.register_entrypoints(
+  decidim_forms: "#{base_path}/app/packs/entrypoints/decidim_forms.js",
+  decidim_forms_admin: "#{base_path}/app/packs/entrypoints/decidim_forms_admin.js",
+  decidim_questionnaire_answers_pdf: "#{base_path}/app/packs/entrypoints/decidim_questionnaire_answers_pdf.js"
+)

data/config/locales/fr-LU.yml

@@ -0,0 +1,178 @@
+fr-LU:
+  activemodel:
+    attributes:
+      answer:
+        body: Répondre
+        choices: Choix
+        selected_choices: Choix sélectionnés
+      question:
+        max_choices: Nombre maximum de choix
+        question_type: Type
+      questionnaire_question:
+        mandatory: Obligatoire
+        max_characters: Limite de caractères (laisser à 0 si aucune limite)
+    errors:
+      models:
+        answer:
+          attributes:
+            add_documents:
+              needs_to_be_reattached: Doit être téléchargé de nouveau
+            body:
+              too_long: est trop long
+            choices:
+              missing: ne sont pas complets
+              too_many: sont trop nombreux
+        questionnaire:
+          request_invalid: Il y a eu une erreur lors du traitement de la demande. Veuillez réessayer
+  decidim:
+    forms:
+      admin:
+        models:
+          components:
+            description: La description
+            tos: Conditions d'utilisation
+        questionnaires:
+          actions:
+            back: Retour aux questions
+            show: Afficher les réponses
+          answer_option:
+            answer_option: Option de réponse
+            free_text: Texte libre
+            remove: Retirer
+            statement: Déclaration
+          answers:
+            actions:
+              back: Retour aux réponses
+              export: Exporter
+              show: Afficher les réponses
+            empty: Pas encore de réponses
+            export:
+              answer:
+                title: 'Réponse n°%{number}'
+            export_response:
+              title: réponses_utilisateur_sondage_%{token}
+            index:
+              title: "%{total} réponses totales"
+            show:
+              title: 'Réponse n°%{number}'
+          display_condition:
+            answer_option: Option de réponse
+            condition_question: Question
+            condition_type: Condition
+            condition_types:
+              answered: Répondu
+              equal: Égale
+              match: Inclus le texte
+              not_answered: Non répondu
+              not_equal: Différent de
+            condition_value: Texte comprenant
+            display_condition: Condition d'affichage
+            mandatory: Cette condition doit toujours être satisfaite indépendamment du statut des autres conditions
+            remove: Retirer
+            save_warning: N'oubliez pas d'enregistrer le formulaire avant de configurer les conditions d'affichage
+            select_answer_option: Sélectionnez l'option de réponse
+            select_condition_question: Sélectionnez une question
+            select_condition_type: Sélectionnez un type de condition
+          edit:
+            save: sauvegarder
+            title: Modifier le questionnaire
+          form:
+            add_question: Ajouter une question
+            add_separator: Ajouter un séparateur
+            already_answered_warning: Certains utilisateurs ont déjà répondu au questionnaire, vous ne pouvez donc pas modifier ses questions.
+            collapse: Réduire toutes les questions
+            expand: Développer toutes les questions
+            preview: Aperçu
+            title: Modifier le questionnaire pour %{questionnaire_for}
+            unpublished_warning: Le formulaire n'est pas publié. Vous pouvez modifier ses questions, mais cela supprimera les réponses actuelles.
+          matrix_row:
+            matrix_row: Ligne
+            remove: Retirer
+            statement: Déclaration
+          question:
+            add_answer_option: Ajouter une option de réponse
+            add_display_condition: Ajouter une condition d'affichage
+            add_display_condition_info: Enregistrer le formulaire pour configurer les conditions d'affichage
+            add_matrix_row: Ajouter une ligne
+            any: Tout
+            collapse: Réduire
+            description: Description
+            down: Descendre
+            expand: Déveloper
+            question: Question
+            remove: Retirer
+            statement: Déclaration
+            up: Monter
+          separator:
+            down: Bas
+            remove: Retirer
+            separator: Séparateur
+            up: Haut
+          update:
+            invalid: Il y a eu des erreurs lors de la sauvegarde du questionnaire.
+            success: Le questionnaire a bien été sauvegardé.
+      errors:
+        answer:
+          body: Le corps ne peut pas être vide
+      files:
+        extension_allowlist: 'Formats acceptés :'
+      images:
+        dimensions: "%{width} x %{height} px"
+        dimensions_info: 'Cette image sera :'
+        processors:
+          resize_and_pad: Redimensionné et ajustée à
+          resize_to_fit: Redimensionnée pour s'adapter
+      question_types:
+        files: Fichiers
+        long_answer: Longue réponse
+        matrix_multiple: Matrice (choix multiples)
+        matrix_single: Matrice (choix unique)
+        multiple_option: Option multiple
+        short_answer: Réponse courte
+        single_option: Option unique
+        sorting: Tri
+      questionnaires:
+        answer:
+          invalid: Il y a eu des erreurs en répondant au questionnaire.
+          max_choices_alert: Il y a trop de choix sélectionnés
+          success: Questionnaire répondu avec succès.
+        question:
+          max_choices: 'Choix maximum: %{n}'
+        show:
+          answer_questionnaire:
+            anonymous_user_message: <a href="%{sign_in_link}">Connectez-vous avec votre compte</a> ou <a href="%{sign_up_link}">inscrivez-vous</a> pour répondre au questionnaire.
+            title: Répondez au questionnaire
+          current_step: Étape %{step}
+          of_total_steps: de %{total_steps}
+          questionnaire_answered:
+            body: Vous avez déjà répondu à ce questionnaire.
+            title: Déjà répondu
+          questionnaire_closed:
+            body: Le questionnaire est fermé et vous ne pouvez pas y répondre.
+            title: Questionnaire fermé
+          questionnaire_for_private_users:
+            body: Le questionnaire est disponible uniquement pour les utilisateurs privés
+            title: Questionnaire fermé
+          questionnaire_js_disabled:
+            body: Certaines des fonctionnalités de ce formulaire seront désactivées. Pour améliorer votre expérience, veuillez activer JavaScript dans votre navigateur.
+            title: JavaScript est désactivé
+          questionnaire_not_published:
+            body: Ce formulaire n'est pas encore publié.
+          tos_agreement: En participant, vous acceptez ces conditions d'utilisation
+      step_navigation:
+        show:
+          are_you_sure: Cette action ne peut pas être annulée et vous ne pourrez pas modifier vos réponses. Êtes-vous sûr?
+          back: Revenir en arrière
+          continue: Continuer
+          submit: Soumettre
+      user_answers_serializer:
+        body: Répondre
+        completion: Fin
+        created_at: Répondu le
+        id: ID de réponse
+        ip_hash: Hachage IP
+        question: Question
+        registered: Enregistré
+        session_token: Identifiant de l'utilisateur
+        unregistered: Non enregistré
+        user_status: Statut de l'utilisateur

data/config/locales/hu.yml

@@ -56,6 +56,8 @@ hu:
       errors:
         answer:
           body: A szövegtörzs nem lehet üres
+      files:
+        extension_allowlist: 'Elfogadott formátumok:'
       question_types:
         long_answer: Hosszú válasz
         multiple_option: Több választási lehetőség

data/config/locales/it.yml

@@ -10,10 +10,15 @@ it:
         question_type: Tipo
       questionnaire_question:
         mandatory: Obbligatorio
+        max_characters: Limite di caratteri (lasciare a 0 se nessum limite)
     errors:
       models:
         answer:
           attributes:
+            add_documents:
+              needs_to_be_reattached: Deve essere allegato nuovamente
+            body:
+              too_long: è troppo lungo
             choices:
               missing: non sono completi
               too_many: sono troppi
@@ -78,6 +83,7 @@ it:
             collapse: Comprimi tutte le domande
             expand: Espandi tutte le domande
             preview: Anteprima
+            title: Modifica formulario per %{questionnaire_for}
             unpublished_warning: Il modulo non è pubblicato. Puoi modificare le sue domande, ma in questo modo cancellerai le risposte correnti.
           matrix_row:
             matrix_row: Riga
@@ -117,6 +123,7 @@ it:
           resize_and_pad: Ridimensionato e spaziato a
           resize_to_fit: Ridimensionato per adattarsi
       question_types:
+        files: I file
         long_answer: Risposta lunga
         matrix_multiple: Matrice (opzione multipla)
         matrix_single: Matrice (opzione singola)