IT4Change/Ocelot-Social
3
0
Fork 0
mirror of https://github.com/IT4Change/Ocelot-Social.git synced 2025-12-13 07:45:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(webapp): category filter via params

Browse Source
This commit is contained in:
Moriz Wahl 2022-11-22 19:58:46 +01:00
parent a2b7a2e8ef
commit 88143d7f02
1 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
webapp/pages/index.vue
View File

@ -61,7 +61,7 @@ import HcEmpty from '~/components/Empty/Empty'
import PostTeaser from '~/components/PostTeaser/PostTeaser.vue'
import MasonryGrid from '~/components/MasonryGrid/MasonryGrid.vue'
import MasonryGridItem from '~/components/MasonryGrid/MasonryGridItem.vue'
import { mapGetters } from 'vuex'
import { mapGetters, mapMutations } from 'vuex'
import { DonationsQuery } from '~/graphql/Donations'
import { filterPosts } from '~/graphql/PostQuery.js'
import UpdateQuery from '~/components/utils/UpdateQuery'
@ -108,9 +108,22 @@ export default {
hasResults() {
return this.$apollo.loading || (this.posts && this.posts.length > 0)
},
categoryId() {
return this.$route.query && this.$route.query.categoryId ? this.$route.query.categoryId : null
},
},
watchQuery: ['hashtag'],
mounted() {
if (this.categoryId) {
this.resetCategories()
this.toggleCategory(this.categoryId)
}
},
methods: {
...mapMutations({
resetCategories: 'posts/RESET_CATEGORIES',
toggleCategory: 'posts/TOGGLE_CATEGORY',
}),
clearSearch() {
this.$router.push({ path: '/' })
this.hashtag = null