front/src/components/CheckBox.astro

@@ -1,7 +1,7 @@
 ---
 import type { Input as Props } from 'types';
 
-const {value, checked ,name, label, autocomplete, placeholder, divClass, inputClass} = Astro.props;
+const { checked ,name, label, autocomplete, placeholder, divClass, inputClass} = Astro.props;
 
 ---
 
@@ -14,7 +14,6 @@ const {value, checked ,name, label, autocomplete, placeholder, divClass, inputCl
           name={name}
           id={name}
           checked={checked}
-          value={value}
           autocomplete={autocomplete}
           placeholder={placeholder}
           class={"mr-2 size-5 " + inputClass}

front/src/pages/maps/index.astro

@@ -32,8 +32,7 @@ const metadata = {
         <p class="text-center text-xl mb-3">Type POI :</p>
         <CheckBox
           label="Bar, Pub, Café,..."
-          name="filter"
-          value="drink"
+          name="drink"
           checked
         />
       </div>
@@ -41,8 +40,7 @@ const metadata = {
         <p class="text-center text-xl mb-3">Source :</p>
         <CheckBox
           label="Open Trip Maps"
-          name="filter"
-          value="otm"
+          name="otm"
           checked
         />
       </div>
@@ -130,14 +128,7 @@ const metadata = {
             tags += "- " + element + "<br/>"
           })
           const poiMarker = L.marker([element.geometry.coordinates[1],element.geometry.coordinates[0]],icon)
-            .bindPopup(`<b>${prop.name}</b><br/>note : ${prop.rate} <br/>tags:<br/> ${tags} <p>favori : <p> <input type="checkbox" name="like" id=${element.id}/>`)
-            .on("click", () => {
-              document.querySelectorAll<HTMLInputElement>('input[name="like"]').forEach(e => {
-                e.addEventListener("click", () => {
-                  console.log("poeut");
-                })
-              })
-            })
+            .bindPopup(`<b>${prop.name}</b><br/>note : ${prop.rate} <br/>tags:<br/> ${tags}`)
           poiMarker.addTo(map)
           poiMarkers.push(poiMarker)
         })
@@ -158,7 +149,7 @@ const metadata = {
     }
   }
   // envent pour lancer la recherche
-  const cooldown = 400
+  const cooldown = 1000
   sender()
   let timeoutHandle = window.setTimeout(sender, cooldown)
   
@@ -177,9 +168,9 @@ const metadata = {
     }
   })
 
-  document.querySelectorAll<HTMLInputElement>("input[name='filter']").forEach(e =>{
+  document.querySelectorAll<HTMLInputElement>("input[type='checkbox']").forEach(e =>{
     e.addEventListener("click", () => {
-      switch (e.value) {
+      switch (e.name) {
         case "drink":
           drink = e.checked
         break;
@@ -204,5 +195,4 @@ const metadata = {
       searchBox()
     })
   })
-
 </script>

front/src/types.d.ts

@@ -162,7 +162,7 @@ export interface Testimonial {
 }
 
 export interface Input {
-  type?: HTMLInputTypeAttribute
+  type: HTMLInputTypeAttribute
   name: string
   label?: string
   autocomplete?: string
@@ -170,7 +170,6 @@ export interface Input {
   divClass?: string
   inputClass?: string
   checked?: bool
-  value?:string
 }
 
 export interface Textarea {