Transformer l'intro du survey en un hub

features/questionnaire.feature

@@ -12,9 +12,9 @@ Fonctionnalité: Questionnaire
     Et je choisis "Climat" pour "Je veux contribuer aux thématiques nationales"
     Et je coche la case "J'ai lu et j'accepte les"
     Et je soumets le formulaire
-    Et je soumets le formulaire
 
   Scénario: Je peux soumettre mes réponses
-    Quand je remplis toutes les questions du formulaire
+    Quand je clique sur "Climat et biodiversité"
+    Et je remplis toutes les questions du formulaire
     Et je soumets le formulaire
     Alors il existe une réponse "foobar"

public_website/views.py

@@ -95,7 +95,7 @@ def inscription_view(request):
                     )
                     messages.info(request, info_message)
                     request.session["uuid"] = str(participant.uuid)
-                    return redirect("survey_intro")
+                    return redirect("survey_home")
                 else:
                     form = ProfileForm(request.POST, instance=participant)
             except Participant.DoesNotExist:
@@ -119,7 +119,7 @@ def inscription_view(request):
             success_message = "Votre inscription est enregistrée : vous serez tenu au courant des consultations à venir sur vos thématiques sélectionnées."
             messages.success(request, success_message)
             request.session["uuid"] = str(participant.uuid)
-            return redirect("survey_intro")
+            return redirect("survey_home")
         else:
             form = ProfileForm(request.POST, initial=form.data)
             error_message = "Formulaire invalide. Veuillez vérifier vos réponses."

surveys/factories.py

@@ -12,10 +12,7 @@ class Meta:
     label = factory.LazyAttributeSequence(
         lambda survey, counter: f"{survey.theme.label}-{counter}"
     )
-    hr_label = factory.LazyAttributeSequence(
-        lambda survey, counter: f"Voici le questionnaire n°{counter} du thème "
-        f"{survey.theme.label}"
-    )
+    hr_label = factory.LazyAttributeSequence(lambda survey, counter: survey.theme.label)
     theme = Theme.EDUCATION
 
 

surveys/templates/surveys/survey.html

@@ -4,24 +4,9 @@
 <div class="fr-container fr-my-6w">
   <div class="fr-grid-row fr-grid-row--gutters">
     <div class="fr-col-12 fr-col-offset-md-2 fr-col-md-8">
-      <h1>Questionnaire</h1>
+        <h1>Questions sur la thématique « {{ theme }} »</h1>
 
-      <div class="fr-stepper">
-          <h2 class="fr-stepper__title">
-              <span class="fr-stepper__state">Étape {{ current_step }} sur {{ steps }}</span>
-              Question sur la thématique « {{ theme }} »
-          </h2>
-          <div class="fr-stepper__steps" data-fr-current-step="{{ current_step }}" data-fr-steps="{{ steps }}"></div>
-          <p class="fr-stepper__details">
-              {% if next_theme %}
-              <span class="fr-text--bold">Étape suivante :</span> Question sur la thématique « {{ next_theme }} »
-              {% else %}
-              <span class="fr-text--bold">Étape suivante :</span> Merci d'avoir participé
-              {% endif %}
-          </p>
-      </div>
-
-      <hr>
+        <hr>
         <form action="{% url 'survey' label %}" method="post" id="participation_form" >
             {% csrf_token %}
             <div class="fr-form-group">
@@ -64,7 +49,7 @@ <h2 class="fr-stepper__title">
                 Vous pouvez participer à titre individuel, en tant qu’élu(e), professionnel(le) ou représentant(e) d’une association.</p>
 
             <div class="fr-input-group fr-my-4w">
-                <button type="submit" class="fr-btn" title="Continuer">Je continue</button>
+                <button type="submit" class="fr-btn" title="Continuer">Je soumets mes réponses</button>
             </div>
         </form>
     </div>

surveys/templates/surveys/survey_home.html

@@ -0,0 +1,45 @@
+{% extends 'base.html' %}
+{% load static %}
+
+{% block content %}
+    <div class="fr-container fr-my-6w">
+        <div class="fr-grid-row fr-grid-row--gutters">
+            <div class="fr-col-12 fr-col-offset-md-2 fr-col-md-8">
+                {% if messages %}
+                    {% for message in messages %}
+                        {% if message.tags == "success" %}
+                            <div class="fr-alert fr-alert--success fr-alert--sm fr-mb-5w" role="alert">
+                                <p>{{ message }}</p>
+                            </div>
+                        {% elif message.tags == "info" %}
+                            <div class="fr-alert fr-alert--info fr-alert--sm fr-mb-5w" role="alert">
+                                <p>{{ message }}</p>
+                            </div>
+                        {% endif %}
+                    {% endfor %}
+                {% endif %}
+
+                <h1>Donnez votre avis dès maintenant</h1>
+                <hr>
+                <div class="fr-form-group">
+                    <span class="fr-hint-text fr-mb-5w">Vous pouvez répondre à une série de questions pour donner votre avis sur les thématiques de votre choix. Pour chaque thématique, 3 à 5 questions vous seront posées. Temps estimé pour y répondre : entre 5 et 10 minutes.</span>
+                    <div class="fr-fieldset__content">
+                        <ul class="fr-btns-group fr-btns-group--inline">
+                        {% for survey in themes_surveys %}
+                            <li>
+                                <button 
+                                    {% if survey in already_answered %}
+                                        class="fr-btn fr-btn--secondary" disabled>{{ survey.hr_label }}
+                                    {% else %}
+                                        class="fr-btn"><a href="{% url 'survey' label=survey.label %}">{{ survey.hr_label }}</a>
+                                    {% endif %}
+                                </button>
+                            </li>
+                        {% endfor %}
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+{% endblock content %}