padreug/web-app
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add town filter

Browse source
This commit is contained in:
padreug 2025-02-03 00:05:25 +01:00
parent ce61630350
commit 2b5fdb9e57
2 changed files with 35 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/components/directory/DirectoryGrid.vue
View file

@ -6,6 +6,7 @@ import { type DirectoryItem } from '@/types/directory'
import DirectoryFilter from './DirectoryFilter.vue'
const selectedCategory = ref<string>('all')
const selectedTown = ref<string>('all')
const searchQuery = ref('')
const props = defineProps<{
@ -42,6 +43,11 @@ const filteredItems = computed(() => {
results = results.filter(item => item.category === selectedCategory.value)
}
// Apply town filter
if (selectedTown.value !== 'all') {
results = results.filter(item => item.town === selectedTown.value)
}
return results
})
</script>
@ -50,7 +56,7 @@ const filteredItems = computed(() => {
<div class="container mx-auto px-4 py-8">
<!-- Filters -->
<div class="mb-8 space-y-4 md:space-y-0 md:flex md:items-center md:justify-between">
<DirectoryFilter v-model:category="selectedCategory" v-model:search="searchQuery" />
<DirectoryFilter v-model:category="selectedCategory" v-model:search="searchQuery" v-model:town="selectedTown" />
</div>
<!-- Grid -->