On améliore l'UX de la saisie de nouveaux lieux

This commit is contained in:
Jean-Marie Favreau 2024-08-31 13:17:12 +02:00
parent 5df45794c1
commit c2410233b1

View File

@ -40,7 +40,9 @@
<h1>Ajouter un lieu à {{ object.title }} ({{ object.start_day }})</h1> <h1>Ajouter un lieu à {{ object.title }} ({{ object.start_day }})</h1>
</header> </header>
<p>Si le lieu est disponible dans la liste déroulante, veuillez le sélectionner.</p> <p>Si le lieu est disponible dans la liste déroulante, sélectionne-le. S'il n'est pas disponible, utilise
l'entrée <em>créer un lieu manquant</em> puis <em>valide</em>, tu trouveras sur la page suivante le formulaire
de saisie de ce nouveau lieu.</p>
<form method="post">{% csrf_token %} <form method="post">{% csrf_token %}
{{ form.media }} {{ form.media }}
{{ form.as_p }} {{ form.as_p }}
@ -56,6 +58,11 @@
const element = document.querySelector('#id_place'); const element = document.querySelector('#id_place');
const choices = new Choices(element); const choices = new Choices(element);
document.querySelector(".choices__inner").classList.add("contrast");
document.querySelector(".choices__inner").classList.add("outline");
document.querySelector(".choices__inner").setAttribute("role", "button");
console.log("hop");
</script> </script>
{% endblock %} {% endblock %}