decidim-forms 0.20.1 → 0.23.1

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

@@ -0,0 +1,41 @@
+<% question = form.object %>
+
+<div class="card questionnaire-question" id="<%= id %>-field">
+  <div class="card-divider question-divider">
+    <h2 class="card-title">
+    <span>
+      <% if editable %>
+        <%== icon("move") %>
+      <% end %>
+      <%= dynamic_title(t(".separator"), class: "question-title-statement", max_length: 50, omission: "...", placeholder: t(".separator")) %>
+    </span>
+
+    <% if editable %>
+      <button class="button small alert hollow move-up-question button--title">
+        <%== "#{icon("arrow-top")} #{t(".up")}" %>
+      </button>
+
+      <button class="button small alert hollow move-down-question button--title">
+        <%== "#{icon("arrow-bottom")} #{t(".down")}" %>
+      </button>
+
+      <button class="button small alert hollow remove-question button--title">
+        <%= t(".remove") %>
+      </button>
+    <% end %>
+    </h2>
+
+    <%=
+      form.hidden_field(
+        :question_type,
+        value: :separator
+      )
+    %>
+    <% if question.persisted? %>
+      <%= form.hidden_field :id, disabled: !editable %>
+    <% end %>
+
+    <%= form.hidden_field :position, value: question.position || 0, disabled: !editable %>
+    <%= form.hidden_field :deleted, disabled: !editable %>
+  </div>
+</div>

data/app/views/decidim/forms/admin/questionnaires/answers/export/_answer.html.erb

@@ -0,0 +1,31 @@
+<div class="answer">
+  <h2 class="title"><%= t(".title", number: participant_counter + 1) %></h2>
+
+  <table class="participant-info">
+    <thead>
+      <tr>
+        <th class='token'><%= t("session_token", scope: "decidim.forms.user_answers_serializer") %></th>
+        <th><%= t("user_status",   scope: "decidim.forms.user_answers_serializer") %></th>
+        <th><%= t("ip_hash",       scope: "decidim.forms.user_answers_serializer") %></th>
+        <th><%= t("completion",    scope: "decidim.forms.user_answers_serializer") %></th>
+        <th><%= t("created_at",    scope: "decidim.forms.user_answers_serializer") %></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.answered_at, format: :short %></td>
+      </tr>
+    </tbody>
+  </table>
+
+  <div class="answers">
+    <% participant.answers.each do |answer| %>
+      <h3 class="question"><%= answer.question %></h3>
+      <p><%= answer.body %></p>
+    <% end %>
+  </div>
+</div>

data/app/views/decidim/forms/admin/questionnaires/answers/export/pdf.html.erb

@@ -0,0 +1,13 @@
+<div class="questionnaire-answers">
+  <div class="header">
+    <h1><%= translated_attribute(questionnaire.title) %></h1>
+    <div class="description">
+      <%== translated_attribute(questionnaire.description).html_safe %>
+    </div>
+    <% if collection.count > 1 %>
+      <h2><%= t("title", scope: "decidim.forms.admin.questionnaires.answers.index", total: collection.count) %></h2>
+    <% end %>
+  </div>
+
+  <%= render partial: "decidim/forms/admin/questionnaires/answers/export/answer", collection: collection, locals: { questionnaire: questionnaire }, as: :participant %>
+</div>

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

@@ -0,0 +1,53 @@
+<div class="card" id="answers">
+  <div class="card-divider">
+    <h2 class="card-title">
+      <%= t ".title", total: @total %>
+      <div class="button--title">
+        <%= link_to t("actions.back", scope: "decidim.forms.admin.questionnaires"), questionnaire_url, class: "button tiny button--title new" %>
+      </div>
+    </h2>
+  </div>
+  <div class="card-section">
+    <div class="table-scroll">
+      <table class="table-list">
+        <thead>
+          <tr>
+            <th>#</th>
+            <th><%= first_table_th(@participants.first) %></th>
+            <th><%= t("user_status",   scope: "decidim.forms.user_answers_serializer") %></th>
+            <th><%= t("ip_hash",       scope: "decidim.forms.user_answers_serializer") %></th>
+            <th><%= t("completion",    scope: "decidim.forms.user_answers_serializer") %></th>
+            <th><%= t("created_at",    scope: "decidim.forms.user_answers_serializer") %></th>
+            <th></th>
+          </tr>
+        </thead>
+        <tbody>
+          <% @participants.each_with_index do |participant, idx| %>
+            <tr>
+              <td><%= idx + 1 + page_offset %></td>
+              <td>
+                <% if allowed_to? :show, :questionnaire_answers %>
+                  <%= link_to first_table_td(participant), questionnaire_participant_answers_url(participant.session_token) %>
+                <% else %>
+                  <%= first_table_td(participant) %></td>
+                <% end %>
+              <td><%= participant.status %></td>
+              <td><%= participant.ip_hash %></td>
+              <td><%= display_percentage(participant.completion) %></td>
+              <td><%= l participant.answered_at, format: :short %></td>
+              <td class="table-list__actions">
+                <% if allowed_to? :show, :questionnaire_answers %>
+                  <%= icon_link_to "eye", questionnaire_participant_answers_url(participant.session_token), t("actions.show", scope: "decidim.forms.admin.questionnaires.answers"), class: "action-icon--eye" %>
+                <% end %>
+                <% if allowed_to? :export_response, :questionnaire_answers %>
+                  <%= icon_link_to "data-transfer-download", questionnaire_export_response_url(participant.session_token), t("actions.export", scope: "decidim.forms.admin.questionnaires.answers"), class: "action-icon--data-transfer-download" %>
+                <% end %>
+              </td>
+            </tr>
+          <% end %>
+        </tbody>
+      </table>
+      <%= paginate @query, theme: "decidim" %>
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,48 @@
+<div class="card" id="answers">
+  <div class="card-divider">
+    <h2 class="card-title">
+      <%= t ".title", number: current_idx %>
+      <div class="button--title">
+        <%= link_to_unless last?,  t("views.pagination.next").html_safe, next_url, rel: "next", class: "button tiny button--title next" %>
+      </div>
+      <div class="button--title">
+        <%= link_to_unless first?, t("views.pagination.previous").html_safe, prev_url, rel: "prev", class: "button tiny button--title prev" %>
+      </div>
+      <div class="button--title">
+        <%= link_to t("actions.export", scope: "decidim.forms.admin.questionnaires.answers"), questionnaire_export_response_url(@participant.session_token), class: "button tiny button--title export" %>
+        <%= link_to t("actions.back", scope: "decidim.forms.admin.questionnaires.answers"), questionnaire_participants_url, class: "button tiny button--title back" %>
+      </div>
+    </h2>
+  </div>
+  <div class="card-section">
+     <div class="table">
+      <table class="table-list">
+        <thead>
+          <tr>
+            <th><%= t("session_token", scope: "decidim.forms.user_answers_serializer") %></th>
+            <th><%= t("user_status",   scope: "decidim.forms.user_answers_serializer") %></th>
+            <th><%= t("ip_hash",       scope: "decidim.forms.user_answers_serializer") %></th>
+            <th><%= t("completion",    scope: "decidim.forms.user_answers_serializer") %></th>
+            <th><%= t("created_at",    scope: "decidim.forms.user_answers_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.answered_at, format: :short %></td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+    <dl>
+      <% @participant.answers.each do |answer| %>
+        <dt><%= answer.question %></dt>
+        <dd><%= answer.body %></dd>
+      <% end %>
+    </dl>
+  </div>
+</div>

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

@@ -1,7 +1,11 @@
-<%= decidim_form_for(@form, url: update_url, method: :put, html: { class: "form edit_questionnaire" }) do |form| %>
-  <%= render partial: "decidim/forms/admin/questionnaires/form", object: form, locals: { title: t(".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") } %>
+<% else %>
+  <%= decidim_form_for(@form, url: update_url, method: :put, html: { class: "form edit_questionnaire" }) do |form| %>
+    <%= render partial: "decidim/forms/admin/questionnaires/form", object: form, locals: { title: title_for_questionnaire } %>
 
-  <div class="button--double form-general-submit">
-    <%= form.submit t(".save"), class: "button" %>
-  </div>
+    <div class="button--double form-general-submit">
+      <%= form.submit t(".save"), class: "button" %>
+    </div>
+  <% end %>
 <% end %>

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

@@ -1,100 +1,29 @@
-<% field_id = "questionnaire_answers_#{answer_idx}" %>
-<%= label_tag field_id, answer.label(answer_idx), class: "questionnaire-question" %>
-
-<% if translated_attribute(answer.question.description).present? %>
-  <div class="help-text">
-    <%= decidim_sanitize translated_attribute(answer.question.description) %>
-  </div>
-<% end %>
-
-<% case answer.question.question_type %>
-<% when "short_answer" %>
-  <%= answer_form.text_field :body, label: false, id: field_id, disabled: disabled %>
-<% when "long_answer" %>
-  <%= answer_form.text_area :body, label: false, id: field_id, rows: 10, disabled: disabled %>
-<% when "single_option" %>
-  <div class="radio-button-collection">
-    <% choice = answer.choices.first %>
-
-    <% answer.question.answer_options.each_with_index do |answer_option, idx| %>
-      <% choice_id = "#{field_id}_choices_#{idx}" %>
-
-      <div class="collection-input">
-        <%= label_tag "#{choice_id}_body" do %>
-          <%= radio_button_tag "questionnaire[answers][#{answer_idx}][choices][][body]",
-                              translated_attribute(answer_option.body),
-                              answer_option.id == choice.try(:answer_option_id),
-                              id: "#{choice_id}_body", disabled: disabled %>
-
-          <%= translated_attribute(answer_option.body) %>
-
-          <%= hidden_field_tag "questionnaire[answers][#{answer_idx}][choices][][answer_option_id]",
-                              answer_option.id,
-                              id: "#{choice_id}_answer_option",
-                              disabled: true %>
-        <% end %>
-
-        <% if answer_option.free_text %>
-          <%= text_field_tag "questionnaire[answers][#{answer_idx}][choices][][custom_body]",
-          choice.try(:custom_body),
-          id: "#{choice_id}_custom_body",
-          disabled: true %>
-        <% end %>
-      </div>
-    <% end %>
-  </div>
-<% when "multiple_option" %>
-  <div class="check-box-collection">
-    <% answer.question.answer_options.each_with_index do |answer_option, idx| %>
-      <% choice = answer.selected_choices.find { |choice| choice.answer_option_id == answer_option.id } %>
-
-      <div class="collection-input">
-        <%= label_tag do %>
-          <%= check_box_tag "questionnaire[answers][#{answer_idx}][choices][#{idx}][body]",
-                            translated_attribute(answer_option.body),
-                            choice.present?, disabled: disabled %>
-
-          <%= translated_attribute(answer_option.body) %>
-
-          <%= hidden_field_tag "questionnaire[answers][#{answer_idx}][choices][#{idx}][answer_option_id]", answer_option.id %>
-        <% end %>
-
-        <% if answer_option.free_text %>
-          <%= text_field_tag "questionnaire[answers][#{answer_idx}][choices][#{idx}][custom_body]",
-          choice.try(:custom_body),
-          disabled: true %>
-        <% end %>
-      </div>
-    <% end %>
-  </div>
-<% when "sorting" %>
-  <div class="sortable-check-box-collection">
-    <% answer.question.answer_options.each_with_index do |answer_option, idx| %>
-      <% choice = answer.selected_choices.find { |choice| choice.answer_option_id == answer_option.id } %>
-
-      <div class="collection-input">
-        <%= label_tag do %>
-          <%= check_box_tag "questionnaire[answers][#{answer_idx}][choices][#{idx}][body]",
-                            translated_attribute(answer_option.body),
-                            choice.present?, disabled: disabled %>
-
-          <span class="position"><%= choice.try(:position) %></span>
-
-          <%= translated_attribute(answer_option.body) %>
-
-          <%= hidden_field_tag "questionnaire[answers][#{answer_idx}][choices][#{idx}][position]",
-                              choice.try(:position),
-                              disabled: true %>
-
-          <%= hidden_field_tag "questionnaire[answers][#{answer_idx}][choices][#{idx}][answer_option_id]", answer_option.id %>
-        <% end %>
-      </div>
-    <% end %>
-  </div>
-<% end %>
-
-<%= answer_form.hidden_field :question_id %>
-
-<% answer.errors.full_messages.each do |msg| %>
-  <small class="form-error is-visible"><%= msg %></small>
+<% field_id = "questionnaire_responses_#{answer_idx}" %>
+
+<% if answer.question.separator? %>
+  <%= render partial: "decidim/forms/questionnaires/answers/#{answer.question.question_type}", locals: { answer: answer, answer_form: answer_form, answer_idx: answer_idx, field_id: field_id, disabled: disabled } %>
+  <%= answer_form.hidden_field :question_id %>
+<% else %>
+  <% case answer.question.question_type %>
+  <% when "single_option", "multiple_option", "sorting" %>
+    <label class="questionnaire-question"><%= answer.label(cleaned_answer_idx) %></label>
+  <% else %>
+    <%= label_tag field_id, answer.label(cleaned_answer_idx), class: "questionnaire-question" %>
+  <% end %>
+
+  <% if translated_attribute(answer.question.description).present? %>
+    <div class="help-text">
+      <%= decidim_sanitize translated_attribute(answer.question.description) %>
+    </div>
+  <% end %>
+
+  <%= render partial: "decidim/forms/questionnaires/answers/#{answer.question.question_type}", locals: { answer: answer, answer_form: answer_form, answer_idx: answer_idx, field_id: field_id, disabled: disabled } %>
+
+  <%= answer_form.hidden_field :question_id %>
+
+  <small class="form-error max-choices-alert"><%= t(".max_choices_alert") %></small>
+
+  <% answer.errors.full_messages.each do |msg| %>
+    <small class="form-error is-visible"><%= msg %></small>
+  <% end %>
 <% end %>

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

@@ -0,0 +1 @@
+<%= answer_form.text_area :body, label: false, id: field_id, rows: 10, disabled: disabled %>

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

@@ -0,0 +1,43 @@
+<table class="questionnaire-question-matrix table">
+  <thead>
+    <tr>
+      <td></td>
+      <% answer.question.answer_options.each_with_index do |answer_option, idx| %>
+        <td><%= translated_attribute(answer_option.body) %></td>
+      <% end %>
+    </tr>
+  </thead>
+  <tbody>
+    <% answer.question.matrix_rows.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| %>
+          <% choice = answer.selected_choices.find { |choice| choice.answer_option_id == answer_option.id && choice.matrix_row_id == row.id } %>
+          <% choice_id = "#{field_id}_matrix_row_#{row_idx}_choice_#{idx}" %>
+          <td>
+            <div class="collection-input">
+              <%= check_box_tag "questionnaire[responses][#{answer_idx}][choices][][body]",
+                                    translated_attribute(answer_option.body),
+                                    choice.present?,
+                                    id: "#{choice_id}_body", disabled: disabled %>
+              <%= hidden_field_tag "questionnaire[responses][#{answer_idx}][choices][][answer_option_id]",
+                                    answer_option.id,
+                                    id: "#{choice_id}_answer_option",
+                                    disabled: true %>
+              <%= hidden_field_tag "questionnaire[responses][#{answer_idx}][choices][][matrix_row_id]",
+                                    row.id,
+                                    id: "#{choice_id}_matrix_row",
+                                    disabled: true %>
+              <% if answer_option.free_text %>
+                <%= text_field_tag "questionnaire[responses][#{answer_idx}][choices][][custom_body]",
+                choice.try(:custom_body),
+                id: "#{choice_id}_custom_body",
+                disabled: true %>
+              <% end %>
+            </div>
+          </td>
+        <% end %>
+      </tr>
+    <% end %>
+  </tbody>
+</table>

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

@@ -0,0 +1,43 @@
+<table class="questionnaire-question-matrix table">
+  <thead>
+    <tr>
+      <td></td>
+      <% answer.question.answer_options.each_with_index do |answer_option, idx| %>
+        <td><%= translated_attribute(answer_option.body) %></td>
+      <% end %>
+    </tr>
+  </thead>
+  <tbody>
+    <% answer.question.matrix_rows.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| %>
+          <% choice = answer.choices.find { |choice| choice.answer_option_id == answer_option.id && choice.matrix_row_id == row.id } %>
+          <% choice_id = "#{field_id}_matrix_row_#{row_idx}_choice_#{idx}" %>
+          <td>
+            <div class="collection-input">
+              <%= radio_button_tag "questionnaire[responses][#{answer_idx}][choices][#{row_idx}][body]",
+                                    translated_attribute(answer_option.body),
+                                    answer_option.id == choice.try(:answer_option_id),
+                                    id: "#{choice_id}_body", disabled: disabled %>
+              <%= hidden_field_tag "questionnaire[responses][#{answer_idx}][choices][#{row_idx}][answer_option_id]",
+                                    answer_option.id,
+                                    id: "#{choice_id}_answer_option",
+                                    disabled: true %>
+              <%= hidden_field_tag "questionnaire[responses][#{answer_idx}][choices][#{row_idx}][matrix_row_id]",
+                                    row.id,
+                                    id: "#{choice_id}_matrix_row",
+                                    disabled: true %>
+              <% if answer_option.free_text %>
+                <%= text_field_tag "questionnaire[responses][#{answer_idx}][choices][#{row_idx}][custom_body]",
+                choice.try(:custom_body),
+                id: "#{choice_id}_custom_body",
+                disabled: true %>
+              <% end %>
+            </div>
+          </td>
+        <% end %>
+      </tr>
+    <% end %>
+  </tbody>
+</table>

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

@@ -0,0 +1,23 @@
+<div class="check-box-collection">
+  <% answer.question.answer_options.each_with_index do |answer_option, idx| %>
+    <% choice = answer.selected_choices.find { |choice| choice.answer_option_id == answer_option.id } %>
+
+    <div class="collection-input">
+      <%= label_tag do %>
+        <%= check_box_tag "questionnaire[responses][#{answer_idx}][choices][#{idx}][body]",
+                          translated_attribute(answer_option.body),
+                          choice.present?, disabled: disabled %>
+
+        <%= translated_attribute(answer_option.body) %>
+
+        <%= hidden_field_tag "questionnaire[responses][#{answer_idx}][choices][#{idx}][answer_option_id]", answer_option.id %>
+      <% end %>
+
+      <% if answer_option.free_text %>
+        <%= text_field_tag "questionnaire[responses][#{answer_idx}][choices][#{idx}][custom_body]",
+        choice.try(:custom_body),
+        disabled: true %>
+      <% end %>
+    </div>
+  <% end %>
+</div>