From df40e849a252d3ab36024929e7c54450a8aa8221 Mon Sep 17 00:00:00 2001
From: Valentin CZERYBA <valcze80@gmail.com>
Date: Sat, 11 Nov 2023 19:21:57 +0100
Subject: [PATCH] add div geocoder

---
 web/html/addevent.html | 5 ++++-
 web/js/geosearch.js    | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/web/html/addevent.html b/web/html/addevent.html
index e82d328..a29e2e1 100644
--- a/web/html/addevent.html
+++ b/web/html/addevent.html
@@ -11,7 +11,8 @@
     <link rel="canonical" href="https://getbootstrap.com/docs/5.2/examples/dashboard/">
     
     
-    
+    <link href="https://api.mapbox.com/mapbox-gl-js/v2.14.1/mapbox-gl.css" rel="stylesheet">
+
     <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v5.0.0/mapbox-gl-geocoder.css" type="text/css">
     <link href="../css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
 
@@ -23,6 +24,7 @@
 <link rel="mask-icon" href="https://getbootstrap.com/docs/5.2/assets/img/favicons/safari-pinned-tab.svg" color="#712cf9">
 <link rel="icon" href="https://getbootstrap.com/docs/5.2/assets/img/favicons/favicon.ico">
 <meta name="theme-color" content="#712cf9">
+<script src="https://api.mapbox.com/mapbox-gl-js/v2.14.1/mapbox-gl.js"></script>
 <script src="https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v5.0.0/mapbox-gl-geocoder.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
  
@@ -182,6 +184,7 @@
       <div class="input-group mb-3">
         <span class="input-group-text" id="placeUpdate">Lieu</span>
         <input id="placeUpdateInput" type="text" class="form-control" placeholder="Lieu" aria-label="Lieu" aria-describedby="placeUpdate">
+        <div id="geocoder"></div>
       </div>
       <div class="input-group mb-3">
         <span class="input-group-text" id="start_dateUpdate">Date de début de l'évènement</span>
diff --git a/web/js/geosearch.js b/web/js/geosearch.js
index a410433..cb04909 100644
--- a/web/js/geosearch.js
+++ b/web/js/geosearch.js
@@ -4,4 +4,4 @@ accessToken: mapboxgl.accessToken,
 types: 'country,region,place,postcode,locality,neighborhood'
 });
  
-geocoder.addTo('#placeUpdateInput');
\ No newline at end of file
+geocoder.addTo('#geocoder');
\ No newline at end of file