Epitech/ratrapage_T-WEB
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases 1 Wiki Activity

feat: use drink api in front and more #16

Merged
Clement merged 47 commits from feat/use-drink-api-in-front into master 2024-06-07 17:09:58 +00:00
Conversation 1 Commits 47 Files Changed 36 +10 -7
2 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit c1037d893e - Show all commits

3
front/src/components/CheckBox.astro
View File

@ -1,7 +1,7 @@
--- ---
import type { Input as Props } from 'types'; 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} name={name}
id={name} id={name}
checked={checked} checked={checked}
value={value}
autocomplete={autocomplete} autocomplete={autocomplete}
placeholder={placeholder} placeholder={placeholder}
class={"mr-2 size-5 " + inputClass} class={"mr-2 size-5 " + inputClass}

14
front/src/pages/maps/index.astro
View File

@ -32,7 +32,8 @@ const metadata = {
<p class="text-center text-xl mb-3">Type POI :</p> <p class="text-center text-xl mb-3">Type POI :</p>
<CheckBox <CheckBox
label="Bar, Pub, Café,..." label="Bar, Pub, Café,..."
name="drink" name="filter"
value="drink"
checked checked
/> />
</div> </div>
@ -40,7 +41,8 @@ const metadata = {
<p class="text-center text-xl mb-3">Source :</p> <p class="text-center text-xl mb-3">Source :</p>
<CheckBox <CheckBox
label="Open Trip Maps" label="Open Trip Maps"
name="otm" name="filter"
value="otm"
checked checked
/> />
</div> </div>
@ -128,7 +130,7 @@ const metadata = {
tags += "- " + element + "<br/>" tags += "- " + element + "<br/>"
}) })
const poiMarker = L.marker([element.geometry.coordinates[1],element.geometry.coordinates[0]],icon) 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) poiMarker.addTo(map)
poiMarkers.push(poiMarker) poiMarkers.push(poiMarker)
}) })
@ -149,7 +151,7 @@ const metadata = {
} }
} }
// envent pour lancer la recherche // envent pour lancer la recherche
const cooldown = 1000 const cooldown = 400
sender() sender()
let timeoutHandle = window.setTimeout(sender, cooldown) 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", () => { e.addEventListener("click", () => {
switch (e.name) { switch (e.value) {
case "drink": case "drink":
drink = e.checked drink = e.checked
break; break;