ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2025-12-13 07:46:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

get it working

Browse Source
This commit is contained in:
Moriz Wahl 2023-04-25 13:27:25 +02:00
parent 3244f3f86d
commit 8df7d5d265
2 changed files with 265 additions and 264 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
webapp/components/CategoriesSelect/CategoriesSelect.vue
View File

@ -20,12 +20,12 @@
</template>
<script>
import CategoryQuery from '~/graphql/CategoryQuery'
import { CATEGORIES_MAX } from '~/constants/categories.js'
import xor from 'lodash/xor'
import SortCategories from '~/mixins/sortCategoriesMixin.js'
import CategoryQuery from '~/graphql/CategoryQuery'
import { CATEGORIES_MAX } from '~/constants/categories.js'
import xor from 'lodash/xor'
import SortCategories from '~/mixins/sortCategoriesMixin.js'
export default {
export default {
inject: {
$parentForm: {
default: null,
@ -45,9 +45,10 @@
},
watch: {
existingCategoryIds() {
console.log('existingCategoryIds', this.selectedCategoryIds)
if (!this.selectedCategoryIds.length)
if (!this.selectedCategoryIds.length && this.existingCategoryIds.length) {
this.selectedCategoryIds = this.existingCategoryIds
this.$forceUpdate()
}
},
},
computed: {
@ -85,11 +86,11 @@
},
},
},
}
}
</script>
<style lang="scss">
.categories-select {
.categories-select {
display: flex;
flex-wrap: wrap;
@ -97,5 +98,5 @@
margin-right: $space-xx-small;
margin-bottom: $space-xx-small;
}
}
}
</style>

28
webapp/components/ContributionForm/ContributionForm.vue
View File

@ -94,16 +94,16 @@
</template>
<script>
import gql from 'graphql-tag'
import { mapGetters } from 'vuex'
import Editor from '~/components/Editor/Editor'
import PostMutations from '~/graphql/PostMutations.js'
import CategoriesSelect from '~/components/CategoriesSelect/CategoriesSelect'
import ImageUploader from '~/components/Uploader/ImageUploader'
import links from '~/constants/links.js'
import PageParamsLink from '~/components/_new/features/PageParamsLink/PageParamsLink.vue'
import gql from 'graphql-tag'
import { mapGetters } from 'vuex'
import Editor from '~/components/Editor/Editor'
import PostMutations from '~/graphql/PostMutations.js'
import CategoriesSelect from '~/components/CategoriesSelect/CategoriesSelect'
import ImageUploader from '~/components/Uploader/ImageUploader'
import links from '~/constants/links.js'
import PageParamsLink from '~/components/_new/features/PageParamsLink/PageParamsLink.vue'
export default {
export default {
components: {
Editor,
ImageUploader,
@ -138,7 +138,7 @@
imageAspectRatio,
imageType,
imageBlurred,
categoryIds: categories ? categories.map((category) => category.id) : []
categoryIds: categories ? categories.map((category) => category.id) : [], // : this.groupCategories.map((cat) => cat.id) || [],
},
formSchema: {
title: { required: true, min: 3, max: 100 },
@ -178,13 +178,13 @@
return this.group && this.group.name
},
groupCategories() {
return this.group && this.group.categories
return this.group && this.group.categories // && group.categories.map((cat) => cat.id )
},
},
watch: {
groupCategories() {
console.log('groupCategories', this.groupCategories)
if (!this.formData.categoryIds && this.groupCategories) this.formData.categoryIds = this.groupCategories
if (!this.formData.categoryIds.length && this.groupCategories)
this.formData.categoryIds = this.groupCategories.map((cat) => cat.id)
},
},
methods: {
@ -284,7 +284,7 @@
},
},
},
}
}
</script>
<style lang="scss">