codeforleipzig/stadtratmonitor-vue
3
0
Fork 0
Code Issues Activity

fix search (partially)

Browse source
This commit is contained in:
Vri 🌈 2023-06-28 21:28:32 +02:00
parent c31e93eefd
commit 6669f44642
Signed by: vrifox
GPG key ID: D40098E5B60B2197
1 changed files with 8 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/components/papers/TopicList.vue
View file

@ -6,19 +6,19 @@ import { computed, onMounted, onUpdated } from 'vue';
const filteredData = computed(() => { const filteredData = computed(() => {
const searchValue: string = state.search.value; const searchValue: string = state.search.value;
let filteredTopics = state.topics let filteredTopics = state.topics
let testi = null
if (searchValue !== '') { if (searchValue !== '') {
filteredTopics = state.topics?.filter((topic: Topic) => { filteredTopics = state.topics?.filter((topic: Topic) => {
return topic.papers?.filter((paper) => { let includes = false
paper.name.toLowerCase().includes(searchValue.toLowerCase()) topic.papers?.filter((paper) => {
// || paper.content.toLowerCase().includes(searchValue.toLowerCase()) if (paper.name.toLowerCase().includes(searchValue.toLowerCase())
// || paper.reference.toLowerCase().includes(searchValue.toLowerCase()) || paper.content.toLowerCase().includes(searchValue.toLowerCase())
testi = paper.name.toLowerCase().includes(searchValue.toLowerCase()) || paper.reference.toLowerCase().includes(searchValue.toLowerCase())
) { includes = true}
}) })
return includes
}) })
} }
console.log(testi)
/* if (this.filter?.type !== '') { /* if (this.filter?.type !== '') {
filteredTopics = filteredTopics.filter((topic: any) => { filteredTopics = filteredTopics.filter((topic: any) => {
return topic.reference.includes(this.filter?.type.key) && topic.paper_type.includes(this.filter?.type.value) return topic.reference.includes(this.filter?.type.key) && topic.paper_type.includes(this.filter?.type.value)
@ -49,7 +49,6 @@ onUpdated(() => {
</script> </script>
<template> <template>
{{ filteredData }}
<ul <ul
v-if="filteredDataLength > 0" v-if="filteredDataLength > 0"
class="w-full grid grid-flow-row gap-2 my-2" class="w-full grid grid-flow-row gap-2 my-2"