mirror of
https://github.com/Ocelot-Social-Community/Ocelot-Social.git
synced 2025-12-13 07:46:06 +00:00
47 lines
1.2 KiB
Vue
47 lines
1.2 KiB
Vue
<template>
|
|
<div>
|
|
<h2>Create Groupe</h2>
|
|
<ds-flex :width="{ base: '100%' }" gutter="base">
|
|
<ds-flex-item :width="{ base: '100%', md: 5 }">
|
|
<group-form @createGroup="createGroup" />
|
|
</ds-flex-item>
|
|
<ds-flex-item :width="{ base: '100%', md: 1 }"> </ds-flex-item>
|
|
</ds-flex>
|
|
<hr />
|
|
<group-member />
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import GroupForm from '~/components/Group/GroupForm'
|
|
import GroupMember from '~/components/Group/GroupMember'
|
|
import { createGroupMutation } from '~/graphql/groups.js'
|
|
|
|
export default {
|
|
components: {
|
|
GroupForm,
|
|
GroupMember,
|
|
},
|
|
data() {
|
|
return {
|
|
createGroupData: {},
|
|
}
|
|
},
|
|
methods: {
|
|
async createGroup(value) {
|
|
const { name, about, description, groupType, actionRadius, categoryIds } = value
|
|
const variables = { name, about, description, groupType, actionRadius, categoryIds }
|
|
try {
|
|
await this.$apollo.mutate({
|
|
mutation: createGroupMutation,
|
|
variables,
|
|
})
|
|
this.$toast.success(this.$t('group.group-created'))
|
|
} catch (error) {
|
|
this.$toast.error(error.message)
|
|
}
|
|
},
|
|
},
|
|
}
|
|
</script>
|