autocomplete: add placeholder to search input

mesads/templates/webpack/base-sidemenu.html

@@ -22,4 +22,10 @@
     </div>
   </div>
 </main>
+{% endblock %}
+
+{% block endbody %}
+  {{ block.super }}
+
+  <script src="base.ts"></script>
 {% endblock %}

mesads/templates/webpack/base.html

@@ -14,4 +14,10 @@
 
   {% block body %}{% endblock %}
 </main>
+{% endblock %}
+
+{% block endbody %}
+  {{ block.super }}
+
+  <script src="base.ts"></script>
 {% endblock %}

mesads/templates/webpack/base.ts

@@ -0,0 +1,12 @@
+// For all the select using autocomplete light, add a listener to the open event
+// and change the placeholder of the search input.
+// There is no built-in way to do this, hence the hack.
+// See https://forums.select2.org/t/additional-placeholder-in-search-input/325
+$("select[data-autocomplete-light-url]").map((idx, el) =>
+  $(el).one("select2:open", (e) => {
+    $("input.select2-search__field").prop(
+      "placeholder",
+      "Entrez une valeur ici pour rechercher dans la liste"
+    );
+  })
+);

mesads/templates/webpack/pages/ads_register/ads.html

@@ -287,6 +287,7 @@ <h1>
 {% endblock %}
 
 {% block endbody %}
+  {{ block.super }}
   {% comment %}Extra javascript required to display epci_commune_form.{% endcomment %}
   {{ form.media }}
 {% endblock %}

mesads/templates/webpack/pages/ads_register/ads_manager.html

@@ -246,5 +246,7 @@ <h3 class="fr-accordion__title">
 {% endblock %}
 
 {% block endbody %}
-{{ edit_form.media }}
+  {{ block.super }}
+
+  {{ edit_form.media }}
 {% endblock %}

mesads/templates/webpack/pages/ads_register/ads_manager_request.html

@@ -212,6 +212,8 @@ <h3 class="fr-alert__title">Un problème ? Contactez-nous !</h3>
 {% endblock %}
 
 {% block endbody %}
+  {{ block.super }}
+
   {% comment %}Extra javascript to display form for new requests.{% endcomment %}
   {{ form.media }}
 
@@ -254,6 +256,5 @@ <h3 class="fr-alert__title">Un problème ? Contactez-nous !</h3>
     });
   </script>
 
-
   <script src="ads_manager_request.ts"></script>
 {% endblock %}

mesads/templates/webpack/pages/ads_register/dashboards_list.html

@@ -93,6 +93,8 @@
 {% endblock %}
 
 {% block endbody %}
-<script src="leaflet/dist/leaflet.js"></script>
-<script src="./dashboards_list.ts"></script>
+  {{ block.super }}
+
+  <script src="leaflet/dist/leaflet.js"></script>
+  <script src="./dashboards_list.ts"></script>
 {% endblock %}

mesads/templates/webpack/pages/vehicules_relais/proprietaire_vehicule.html

@@ -104,6 +104,8 @@
 {% endblock %}
 
 {% block endbody %}
+  {{ block.super }}
+
   {% comment %}Extra javascript required to display commune_localisation field.{% endcomment %}
   {{ form.media }}
 {% endblock %}

mesads/templates/webpack/pages/vehicules_relais/user_search.html

@@ -81,6 +81,8 @@ <h3 class="fr-alert__title">Si vous êtes propriétaire d'un taxi relais, nous v
 {% endblock %}
 
 {% block endbody %}
+  {{ block.super }}
+
   {% comment %}Extra javascript to display form for new requests.{% endcomment %}
   {{ form.media }}
 {% endblock %}