From c1037d893e7599f75ac91a458985941b09b30b26 Mon Sep 17 00:00:00 2001
From: Clement <c.boesmier@aptatio.com>
Date: Tue, 4 Jun 2024 23:07:57 +0200
Subject: [PATCH] add fav checkbox

---
 front/src/components/CheckBox.astro |  3 ++-
 front/src/pages/maps/index.astro    | 14 ++++++++------
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/front/src/components/CheckBox.astro b/front/src/components/CheckBox.astro
index d2a2111..8c89de6 100644
--- a/front/src/components/CheckBox.astro
+++ b/front/src/components/CheckBox.astro
@@ -1,7 +1,7 @@
 ---
 import type { Input as Props } from 'types';
 
-const { checked ,name, label, autocomplete, placeholder, divClass, inputClass} = Astro.props;
+const {value, checked ,name, label, autocomplete, placeholder, divClass, inputClass} = Astro.props;
 
 ---
 
@@ -14,6 +14,7 @@ const { checked ,name, label, autocomplete, placeholder, divClass, inputClass} =
           name={name}
           id={name}
           checked={checked}
+          value={value}
           autocomplete={autocomplete}
           placeholder={placeholder}
           class={"mr-2 size-5 " + inputClass}
diff --git a/front/src/pages/maps/index.astro b/front/src/pages/maps/index.astro
index d69fb8a..87e855f 100644
--- a/front/src/pages/maps/index.astro
+++ b/front/src/pages/maps/index.astro
@@ -32,7 +32,8 @@ const metadata = {
         <p class="text-center text-xl mb-3">Type POI :</p>
         <CheckBox
           label="Bar, Pub, Café,..."
-          name="drink"
+          name="filter"
+          value="drink"
           checked
         />
       </div>
@@ -40,7 +41,8 @@ const metadata = {
         <p class="text-center text-xl mb-3">Source :</p>
         <CheckBox
           label="Open Trip Maps"
-          name="otm"
+          name="filter"
+          value="otm"
           checked
         />
       </div>
@@ -128,7 +130,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}`)
+            .bindPopup(`<b>${prop.name}</b><br/>note : ${prop.rate} <br/>tags:<br/> ${tags} <p>favori : <p> <input type="checkbox" name="like" id=${element.id}/>`)
           poiMarker.addTo(map)
           poiMarkers.push(poiMarker)
         })
@@ -149,7 +151,7 @@ const metadata = {
     }
   }
   // envent pour lancer la recherche
-  const cooldown = 1000
+  const cooldown = 400
   sender()
   let timeoutHandle = window.setTimeout(sender, cooldown)
   
@@ -168,9 +170,9 @@ const metadata = {
     }
   })
 
-  document.querySelectorAll<HTMLInputElement>("input[type='checkbox']").forEach(e =>{
+  document.querySelectorAll<HTMLInputElement>("input[name='filter']").forEach(e =>{
     e.addEventListener("click", () => {
-      switch (e.name) {
+      switch (e.value) {
         case "drink":
           drink = e.checked
         break;