gab-social/app/javascript/gabsocial/actions/group_editor.js

189 lines
5.0 KiB
JavaScript
Raw Normal View History

2020-04-28 06:33:58 +01:00
import api from '../api'
import { me } from '../initial_state'
2019-07-17 19:22:19 +01:00
2020-04-28 06:33:58 +01:00
export const GROUP_CREATE_REQUEST = 'GROUP_CREATE_REQUEST'
export const GROUP_CREATE_SUCCESS = 'GROUP_CREATE_SUCCESS'
export const GROUP_CREATE_FAIL = 'GROUP_CREATE_FAIL'
2019-07-17 19:22:19 +01:00
2020-04-28 06:33:58 +01:00
export const GROUP_UPDATE_REQUEST = 'GROUP_UPDATE_REQUEST'
export const GROUP_UPDATE_SUCCESS = 'GROUP_UPDATE_SUCCESS'
export const GROUP_UPDATE_FAIL = 'GROUP_UPDATE_FAIL'
2019-07-17 19:22:19 +01:00
2020-04-28 06:33:58 +01:00
export const GROUP_EDITOR_TITLE_CHANGE = 'GROUP_EDITOR_TITLE_CHANGE'
export const GROUP_EDITOR_DESCRIPTION_CHANGE = 'GROUP_EDITOR_DESCRIPTION_CHANGE'
export const GROUP_EDITOR_COVER_IMAGE_CHANGE = 'GROUP_EDITOR_COVER_IMAGE_CHANGE'
export const GROUP_EDITOR_ID_CHANGE = 'GROUP_EDITOR_ID_CHANGE'
export const GROUP_EDITOR_TAGS_CHANGE = 'GROUP_EDITOR_TAGS_CHANGE'
export const GROUP_EDITOR_CATEGORY_CHANGE = 'GROUP_EDITOR_CATEGORY_CHANGE'
export const GROUP_EDITOR_IS_PRIVATE_CHANGE = 'GROUP_EDITOR_IS_PRIVATE_CHANGE'
export const GROUP_EDITOR_IS_VISIBLE_CHANGE = 'GROUP_EDITOR_IS_VISIBLE_CHANGE'
2020-04-28 06:33:58 +01:00
export const GROUP_EDITOR_RESET = 'GROUP_EDITOR_RESET'
export const GROUP_EDITOR_SETUP = 'GROUP_EDITOR_SETUP'
2019-07-17 19:22:19 +01:00
export const submit = (routerHistory) => (dispatch, getState) => {
2020-04-28 06:33:58 +01:00
if (!me) return
const groupId = getState().getIn(['group_editor', 'groupId'])
const title = getState().getIn(['group_editor', 'title'])
const description = getState().getIn(['group_editor', 'description'])
const coverImage = getState().getIn(['group_editor', 'coverImage'])
let tags = getState().getIn(['group_editor', 'tags'], '')
tags = `${tags}`.split(',').map((t) => t.trim())
const category = getState().getIn(['group_editor', 'category'])
const isPrivate = getState().getIn(['group_editor', 'isPrivate'])
const isVisible = getState().getIn(['group_editor', 'isVisible'])
const slug = getState().getIn(['group_editor', 'id'])
const options = {
title,
description,
coverImage,
tags,
category,
isPrivate,
isVisible,
slug,
}
2019-07-17 19:22:19 +01:00
if (groupId === null) {
dispatch(create(options, routerHistory))
2019-07-17 19:22:19 +01:00
} else {
dispatch(update(groupId, options, routerHistory))
2019-07-17 19:22:19 +01:00
}
}
2019-07-17 19:22:19 +01:00
const create = (options, routerHistory) => (dispatch, getState) => {
2020-04-28 06:33:58 +01:00
if (!me) return
2019-07-17 19:22:19 +01:00
2020-04-28 06:33:58 +01:00
dispatch(createRequest())
2019-07-17 19:22:19 +01:00
2020-04-28 06:33:58 +01:00
const formData = new FormData()
formData.append('title', options.title)
formData.append('description', options.description)
formData.append('tags', options.tags)
formData.append('group_categories_id', options.category)
formData.append('is_private', options.isPrivate)
formData.append('is_visible', options.isVisible)
if (options.coverImage !== null) {
formData.append('cover_image', options.coverImage)
2019-07-17 19:22:19 +01:00
}
2020-04-28 06:33:58 +01:00
api(getState).post('/api/v1/groups', formData, {
headers: {
'Content-Type': 'multipart/form-data'
}
}).then(({ data }) => {
dispatch(createSuccess(data))
routerHistory.push(`/groups/${data.id}`)
}).catch(err => dispatch(createFail(err)))
}
2020-04-28 06:33:58 +01:00
export const createRequest = (id) => ({
2019-07-17 19:22:19 +01:00
type: GROUP_CREATE_REQUEST,
id,
2020-04-28 06:33:58 +01:00
})
2019-07-17 19:22:19 +01:00
2020-04-28 06:33:58 +01:00
export const createSuccess = (group) => ({
2019-07-17 19:22:19 +01:00
type: GROUP_CREATE_SUCCESS,
group,
2020-04-28 06:33:58 +01:00
})
2019-07-17 19:22:19 +01:00
2020-04-28 06:33:58 +01:00
export const createFail = (error) => ({
type: GROUP_CREATE_FAIL,
error,
})
2019-07-17 19:22:19 +01:00
const update = (groupId, options, routerHistory) => (dispatch, getState) => {
2020-04-28 06:33:58 +01:00
if (!me) return
2019-07-17 19:56:06 +01:00
2020-04-28 06:33:58 +01:00
dispatch(updateRequest())
2019-07-17 19:56:06 +01:00
2020-04-28 06:33:58 +01:00
const formData = new FormData()
formData.append('title', options.title)
formData.append('description', options.description)
formData.append('tags', options.tags)
formData.append('group_categories_id', options.category)
formData.append('is_private', options.isPrivate)
formData.append('is_visible', options.isVisible)
formData.append('slug', options.slug)
if (options.coverImage !== null) {
formData.append('cover_image', options.coverImage)
2019-07-17 19:56:06 +01:00
}
2020-04-28 06:33:58 +01:00
api(getState).put(`/api/v1/groups/${groupId}`, formData, {
headers: {
'Content-Type': 'multipart/form-data'
}
}).then(({ data }) => {
dispatch(updateSuccess(data))
routerHistory.push(`/groups/${data.id}`)
}).catch(err => dispatch(updateFail(err)))
}
2019-07-17 19:56:06 +01:00
2020-04-28 06:33:58 +01:00
export const updateRequest = (id) => ({
2019-07-17 19:56:06 +01:00
type: GROUP_UPDATE_REQUEST,
id,
})
2019-07-17 19:56:06 +01:00
2020-04-28 06:33:58 +01:00
export const updateSuccess = (group) => ({
2019-07-17 19:56:06 +01:00
type: GROUP_UPDATE_SUCCESS,
group,
})
2019-07-17 19:56:06 +01:00
2020-04-28 06:33:58 +01:00
export const updateFail = (error) => ({
type: GROUP_UPDATE_FAIL,
error,
})
2019-07-17 19:56:06 +01:00
2020-04-28 06:33:58 +01:00
export const resetEditor = () => ({
type: GROUP_EDITOR_RESET
})
2019-07-17 19:22:19 +01:00
2020-04-28 06:33:58 +01:00
export const setGroup = (group) => ({
type: GROUP_EDITOR_SETUP,
group,
})
2019-07-17 19:22:19 +01:00
2020-04-28 06:33:58 +01:00
export const changeGroupTitle = (title) => ({
type: GROUP_EDITOR_TITLE_CHANGE,
title,
})
export const changeGroupDescription = (description) => ({
type: GROUP_EDITOR_DESCRIPTION_CHANGE,
description,
})
export const changeGroupId = (idValue) => ({
type: GROUP_EDITOR_ID_CHANGE,
idValue,
})
export const changeGroupTags = (tags) => ({
type: GROUP_EDITOR_TAGS_CHANGE,
tags,
})
export const changeGroupCategory = (category) => ({
type: GROUP_EDITOR_CATEGORY_CHANGE,
category,
})
export const changeGroupIsPrivate = (isPrivate) => ({
type: GROUP_EDITOR_IS_PRIVATE_CHANGE,
isPrivate,
})
export const changeGroupIsVisible = (isVisible) => ({
type: GROUP_EDITOR_IS_VISIBLE_CHANGE,
isVisible,
})
2020-04-28 06:33:58 +01:00
export const changeGroupCoverImage = (imageData) => ({
type: GROUP_EDITOR_COVER_IMAGE_CHANGE,
value: imageData,
})