DGNum/demarches-normaliennes
14
1
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity

support: allow toggling any element depending on the question type

Browse source
This commit is contained in:
philemon95 2019-03-14 13:02:26 +00:00 committed by Pierre de La Morinerie
parent 6517d890b3
commit bc408e3374
2 changed files with 19 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
app/javascript/new_design/support.js
View file

@ -2,17 +2,9 @@ import { show, hide, delegate } from '@utils';
delegate('change', '#contact-form #type', event => { delegate('change', '#contact-form #type', event => {
const type = event.target.value; const type = event.target.value;
const answer = document.querySelector(`[data-answer="${type}"]`); const visibleElements = `[data-contact-type-only="${type}"]`;
const card = document.querySelector('.support.card'); const hiddenElements = `[data-contact-type-only]:not([data-contact-type-only="${type}"])`;
for (let element of document.querySelectorAll('.card-content')) { document.querySelectorAll(visibleElements).forEach(show);
hide(element); document.querySelectorAll(hiddenElements).forEach(hide);
}
if (answer) {
show(card);
show(answer);
} else {
hide(card);
}
}); });

15
app/views/support/index.html.haml
View file

@ -22,17 +22,20 @@
%span.mandatory * %span.mandatory *
= select_tag :type, options_for_select(@options, params[:type]), include_blank: "Choisir un problème", required: true = select_tag :type, options_for_select(@options, params[:type]), include_blank: "Choisir un problème", required: true
.support.card.featured.hidden .support.card.featured.hidden{ data: { 'contact-type-only': 'info demarche' } }
.card-title .card-title
👉 Notre réponse 👉 Notre réponse
.card-content.hidden{ data: { answer: "info demarche" } } .card-content
%p Avez-vous bien vérifié que tous les champs obligatoires (*) sont bien remplis ? %p Avez-vous bien vérifié que tous les champs obligatoires (*) sont bien remplis ?
%p Si vous avez des questions sur les informations à saisir, contactez les services en charge de la démarche. %p Si vous avez des questions sur les informations à saisir, contactez les services en charge de la démarche.
%p %p
%a{ href: 'https://faq.demarches-simplifiees.fr/article/12-contacter-le-service-en-charge-de-ma-demarche' } %a{ href: 'https://faq.demarches-simplifiees.fr/article/12-contacter-le-service-en-charge-de-ma-demarche' }
En savoir plus En savoir plus
.card-content.hidden{ data: { answer: "usager perdu" } } .support.card.featured.hidden{ data: { 'contact-type-only': 'usager perdu' } }
.card-title
👉 Notre réponse
.card-content
%p Nous vous invitons à contacter l’administration en charge de votre démarche pour qu’elle vous indique le lien à suivre. Celui-ci devrait ressembler à cela : https://www.demarches-simplifiees.fr/commencer/NOM_DE_LA_DEMARCHE . %p Nous vous invitons à contacter l’administration en charge de votre démarche pour qu’elle vous indique le lien à suivre. Celui-ci devrait ressembler à cela : https://www.demarches-simplifiees.fr/commencer/NOM_DE_LA_DEMARCHE .
%br %br
%p Vous pouvez aussi consulter ici la liste de nos démarches les plus frequentes (permis, detr etc) : %p Vous pouvez aussi consulter ici la liste de nos démarches les plus frequentes (permis, detr etc) :
@ -40,8 +43,10 @@
%a{ href: 'https://doc.demarches-simplifiees.fr/listes-des-demarches' } %a{ href: 'https://doc.demarches-simplifiees.fr/listes-des-demarches' }
https://doc.demarches-simplifiees.fr/listes-des-demarches https://doc.demarches-simplifiees.fr/listes-des-demarches
.card-content.hidden{ data: { answer: "info instruction" } } .support.card.featured.hidden{ data: { 'contact-type-only': 'info instruction' } }
%p Si vous avez des questions sur l’instruction de votre dossier (par exemple sur les délais), nous vous invitons à contacter directement les services qui instruisent votre dossier par votre messagerie .card-title
👉 Notre réponse
%p Si vous avez des questions sur l’instruction de votre dossier (par exemple sur les délais), nous vous invitons à contacter directement les services qui instruisent votre dossier par votre messagerie.
%p %p
%a{ href: 'https://faq.demarches-simplifiees.fr/article/11-je-veux-savoir-ou-en-est-linstruction-de-ma-demarche' } %a{ href: 'https://faq.demarches-simplifiees.fr/article/11-je-veux-savoir-ou-en-est-linstruction-de-ma-demarche' }
En savoir plus En savoir plus