Merge pull request #1046 from MTES-MCT/call-me-maybe

Bloc contact dans les avis

Author: pyDez

envergo/static/js/libs/evaluation_analytics.js

@@ -1,8 +1,18 @@
-// Track a moulinette result page load
+// Track an AR page load
 window.addEventListener('load', function () {
   _paq.push(['trackEvent', 'Evaluation', 'Visit', DEPARTMENT]);
 });
 
+// Track when an appointment request button is clicked
+window.addEventListener("load", function () {
+  const pickAppointmentBtn = document.getElementById("pick-appointment-btn");
+  if (!pickAppointmentBtn) {
+    return;
+  }
+  pickAppointmentBtn.addEventListener("click", function (evt) {
+    _paq.push(["trackEvent", "Evaluation", "ChooseAppointmentClick"]);
+  });
+});
 
 // Track when a "self declaration" button is clicked
 window.addEventListener('load', function () {

envergo/static/sass/project.scss

@@ -2483,3 +2483,17 @@ section#actions-to-take {
 .form-actions {
   text-align: right;
 }
+
+section#pick-appointment > div {
+  display: flex;
+  flex-direction: row;
+  background-color: var(--grey-975-100);
+  border-radius: 10px;
+  padding: 1em;
+
+  .icon {
+    border-radius: 1rem;
+    background-color: var(--blue-france-sun-113-625);
+    color: var(--text-inverted-blue-france);
+  }
+}

envergo/templates/evaluations/_content.html

@@ -78,6 +78,23 @@ <h3 class="fr-callout__title">Commentaire de l'équipe Envergo</h3>
   </div>
 {% endif %}
 
+<section id="pick-appointment" class="hide-print fr-mb-5w">
+  <div class="fr-px-2w fr-pt-5v fr-pb-2w">
+    <div class="fr-my-1w">
+      <span class="icon fr-icon-customer-service-fill fr-mx-2w fr-p-1v"></span>
+    </div>
+    <div class="fr-my-1w">
+      <h6 class="fr-mb-1w">Une question sur cet avis réglementaire ?</h6>
+      <p class="fr-mb-1w">Vous pouvez en discuter par téléphone avec un membre de l'équipe Envergo</p>
+      <a id="pick-appointment-btn"
+         class="fr-btn fr-btn--icon-left fr-icon-calendar-2-line fr-btn--tertiary fr-btn--sm fr-mt-2v"
+         href="https://calendly.com/envergo/echange-envergo-10min?utm_source=envergo&utm_medium=avis&a1={{ evaluation.reference }}"
+         target="_blank"
+         rel="noopener external">Choisir un rendez-vous</a>
+    </div>
+  </div>
+</section>
+
 {% for regulation in moulinette.regulations %}
   {% include 'amenagement/moulinette/_result_regulation.html' with regulation=regulation %}
 {% endfor %}