schmidt1024/kashilo
1
0
Fork 0
Code Issues Pull Requests Releases Activity

improve listing and search on home

Browse Source
This commit is contained in:
Schmidt
2026-02-01 14:01:08 +01:00
parent 05c2a46796
commit c6f2839fc1
8 changed files with 162 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
js/components/search-box.js
View File

@@ -337,8 +337,8 @@ class SearchBox extends HTMLElement {
this.selectedCategory = ''
this.selectedSubcategory = ''
this._expandedCategory = ''
this.saveFiltersToStorage()
categoryMenu?.classList.remove('open')
this.emitFilterChange()
this.render()
this.setupEventListeners()
})
@@ -350,8 +350,8 @@ class SearchBox extends HTMLElement {
this.selectedCategory = item.dataset.category
this.selectedSubcategory = item.dataset.subcategory
this._expandedCategory = ''
this.saveFiltersToStorage()
categoryMenu?.classList.remove('open')
this.emitFilterChange()
this.render()
this.setupEventListeners()
})
@@ -366,7 +366,7 @@ class SearchBox extends HTMLElement {
this.useCurrentLocation = false
this.selectedCountry = e.target.value
}
this.saveFiltersToStorage()
this.emitFilterChange()
this.render()
this.setupEventListeners()
}
@@ -377,7 +377,7 @@ class SearchBox extends HTMLElement {
// Radius select handler (both desktop and mobile)
const handleRadiusChange = (e) => {
this.selectedRadius = parseInt(e.target.value)
this.saveFiltersToStorage()
this.emitFilterChange()
}
radiusSelect?.addEventListener('change', handleRadiusChange)
@@ -410,6 +410,28 @@ class SearchBox extends HTMLElement {
measurer.remove()
}
getFilterDetails() {
return {
query: this.searchQuery,
category: this.selectedCategory,
subcategory: this.selectedSubcategory,
country: this.selectedCountry,
useCurrentLocation: this.useCurrentLocation,
lat: this.currentLat,
lng: this.currentLng,
radius: this.selectedRadius
}
}
emitFilterChange() {
this.saveFiltersToStorage()
this.dispatchEvent(new CustomEvent('filter-change', {
bubbles: true,
detail: this.getFilterDetails()
}))
}
handleSearch() {
const params = new URLSearchParams()
@@ -432,14 +454,7 @@ class SearchBox extends HTMLElement {
bubbles: true,
cancelable: true,
detail: {
query: this.searchQuery,
category: this.selectedCategory,
subcategory: this.selectedSubcategory,
country: this.selectedCountry,
useCurrentLocation: this.useCurrentLocation,
lat: this.currentLat,
lng: this.currentLng,
radius: this.selectedRadius,
...this.getFilterDetails(),
params: params.toString()
}
})