at the end of the day, it was inevitable
This commit is contained in:
Mo Elzubeir
@@ -0,0 +1,325 @@
|
||||
import {createAction, handleActions} from 'redux-actions'
|
||||
import {fromJS} from 'immutable'
|
||||
import * as categoriesApi from '../../../api/sidebarCategoriesApi'
|
||||
import * as feedsApi from '../../../api/feedsApi'
|
||||
import {addAlert} from '../common/alerts'
|
||||
import {thunkAction} from '../../utils/common'
|
||||
import * as helpers from '../../utils/helpers/sidebar'
|
||||
import {getRestrictions} from '../common/auth'
|
||||
import {actions as searchActions} from './search'
|
||||
import {actions as searchFiltersActions} from './searchByFilters'
|
||||
|
||||
/*
|
||||
* Constants
|
||||
* */
|
||||
export const TYPES = {
|
||||
FOLDER: 'folder',
|
||||
FEED: 'feed',
|
||||
CLIP_ARTICLE: 'clipArticle'
|
||||
}
|
||||
|
||||
const NS = '[Sidebar]'
|
||||
const GET_SIDEBAR_CATEGORIES = `${NS} Get categories`
|
||||
const ADD_CLIPPINGS_FEED = `${NS} Add clippings feed`
|
||||
const ADD_CATEGORY = `${NS} Add category`
|
||||
const RENAME_FEED = `${NS} Rename feed`
|
||||
const RENAME_CATEGORY = `${NS} Rename category`
|
||||
const TOGGLE_EXPORT_FEED = `${NS} Toggle export feed`
|
||||
const TOGGLE_EXPORT_CATEGORY = `${NS} Toggle export category`
|
||||
const MOVE_FEED = `${NS} Move feed`
|
||||
const MOVE_CATEGORY = `${NS} Move category`
|
||||
const DELETE_FEED = `${NS} Delete feed`
|
||||
const DELETE_CATEGORY = `${NS} Delete category`
|
||||
const SET_CATEGORIES = `${NS} Set categories`
|
||||
|
||||
export const SET_FILTERED_CATEGORIES = 'SET_FILTERED_CATEGORIES'
|
||||
export const CLEAR_FILTERED_CATEGORIES = 'CLEAR_FILTERED_CATEGORIES'
|
||||
|
||||
export const SHOW_DELETE_POPUP = 'SHOW_DELETE_POPUP'
|
||||
export const HIDE_DELETE_POPUP = 'HIDE_DELETE_POPUP'
|
||||
export const SHOW_RENAME_POPUP = 'SHOW_RENAME_POPUP'
|
||||
export const HIDE_RENAME_POPUP = 'HIDE_RENAME_POPUP'
|
||||
export const SHOW_ADD_CATEGORY_POPUP = 'SHOW_ADD_CATEGORY_POPUP'
|
||||
export const HIDE_ADD_CATEGORY_POPUP = 'HIDE_ADD_CATEGORY_POPUP'
|
||||
|
||||
export const SHOW_ADD_CLIPPINGS_POPUP = 'SHOW_ADD_CLIPPINGS_POPUP'
|
||||
export const HIDE_ADD_CLIPPINGS_POPUP = 'HIDE_ADD_CLIPPINGS_POPUP'
|
||||
|
||||
/*
|
||||
* Actions
|
||||
* */
|
||||
export const getSidebarCategories = thunkAction(GET_SIDEBAR_CATEGORIES, ({token, fulfilled}) => {
|
||||
return categoriesApi
|
||||
.getCategories(token)
|
||||
.then((categories) => {
|
||||
fulfilled(categories)
|
||||
})
|
||||
})
|
||||
|
||||
export const setFilteredCategories = createAction(SET_FILTERED_CATEGORIES, (filteredCategories) => filteredCategories)
|
||||
|
||||
export const _clearFilteredCategories = createAction(CLEAR_FILTERED_CATEGORIES)
|
||||
|
||||
export const clearFilteredCategories = () => {
|
||||
return (dispatch, state) => {
|
||||
document.getElementById('sidebar-search').value = ''
|
||||
|
||||
dispatch(_clearFilteredCategories())
|
||||
}
|
||||
}
|
||||
|
||||
export const setCategories = createAction(SET_CATEGORIES, (changedCategories) => changedCategories)
|
||||
|
||||
export const showDeletePopup = createAction(SHOW_DELETE_POPUP, (itemId, itemType, itemName, parentId) => {
|
||||
return {itemId, itemType, itemName, parentId}
|
||||
})
|
||||
export const hideDeletePopup = createAction(HIDE_DELETE_POPUP)
|
||||
|
||||
export const showRenamePopup = createAction(SHOW_RENAME_POPUP, (itemId, itemType, itemName, parentId) => {
|
||||
return {itemId, itemType, itemName, parentId}
|
||||
})
|
||||
export const hideRenamePopup = createAction(HIDE_RENAME_POPUP)
|
||||
|
||||
export const showAddCategoryPopup = createAction(SHOW_ADD_CATEGORY_POPUP, (parentId) => ({parentId}))
|
||||
export const hideAddCategoryPopup = createAction(HIDE_ADD_CATEGORY_POPUP)
|
||||
|
||||
export const showAddClippingsFeedPopup = createAction(SHOW_ADD_CLIPPINGS_POPUP, (parentId) => ({parentId}))
|
||||
export const hideAddClippingsFeedPopup = createAction(HIDE_ADD_CLIPPINGS_POPUP)
|
||||
|
||||
export const addCategory = thunkAction(ADD_CATEGORY, (name, parentId, {token, dispatch, getState, fulfilled}) => {
|
||||
return categoriesApi
|
||||
.addCategory(token, {name: name, parent: parentId})
|
||||
.then((newCategory) => {
|
||||
fulfilled(newCategory)
|
||||
const newCategories = helpers.addCategory(getState(), parentId, newCategory)
|
||||
dispatch(setCategories(newCategories))
|
||||
dispatch(clearFilteredCategories())
|
||||
})
|
||||
})
|
||||
|
||||
export const moveCategory = thunkAction(MOVE_CATEGORY, (category, newCategoryId, {token, dispatch, fulfilled}) => {
|
||||
const draggedCategoryId = category.id
|
||||
const notCategoryItself = newCategoryId !== draggedCategoryId
|
||||
const notCategoryInChild = !helpers.checkIfDraggedCategoryDragToItsChild(category.childes, newCategoryId)
|
||||
// check if category trying to move to it's child or itself
|
||||
if (notCategoryItself && notCategoryInChild) {
|
||||
return categoriesApi
|
||||
.moveCategory(token, undefined, draggedCategoryId, newCategoryId)
|
||||
.then((response) => {
|
||||
fulfilled()
|
||||
const newCategories = fromJS(response.data)
|
||||
dispatch(setCategories(newCategories))
|
||||
})
|
||||
}
|
||||
})
|
||||
|
||||
export const renameCategory = thunkAction(RENAME_CATEGORY, (categoryId, categoryName, parentId, {token, dispatch, getState, fulfilled}) => {
|
||||
return categoriesApi
|
||||
.renameCategory(token, {name: categoryName, parent: parentId}, categoryId)
|
||||
.then(() => {
|
||||
fulfilled()
|
||||
const newCategories = helpers.renameCategory(getState(), categoryId, categoryName)
|
||||
dispatch(setCategories(newCategories))
|
||||
dispatch(clearFilteredCategories())
|
||||
})
|
||||
})
|
||||
|
||||
export const deleteCategory = thunkAction(DELETE_CATEGORY, (categoryId, {token, dispatch, getState, fulfilled}) => {
|
||||
return categoriesApi
|
||||
.deleteCategory(token, undefined, categoryId)
|
||||
.then(() => {
|
||||
fulfilled()
|
||||
const newCategories = helpers.deleteCategory(getState(), categoryId)
|
||||
dispatch(setCategories(newCategories))
|
||||
dispatch(clearFilteredCategories())
|
||||
})
|
||||
})
|
||||
|
||||
export const addClippingsFeed = thunkAction(ADD_CLIPPINGS_FEED, (feedName, categoryId, {token, dispatch, fulfilled, getState}) => {
|
||||
const payload = {
|
||||
feed: {
|
||||
name: feedName,
|
||||
category: categoryId,
|
||||
subType: 'clip_feed'
|
||||
}
|
||||
}
|
||||
return feedsApi
|
||||
.createFeed(token, payload)
|
||||
.then((newFeed) => {
|
||||
fulfilled(newFeed)
|
||||
const newCategories = helpers.addFeed(getState(), categoryId, newFeed)
|
||||
dispatch(setCategories(newCategories))
|
||||
dispatch(getRestrictions())
|
||||
dispatch(addAlert({
|
||||
type: 'notice',
|
||||
transKey: 'saveFeed',
|
||||
id: 'saveFeed'
|
||||
}))
|
||||
})
|
||||
})
|
||||
|
||||
export const moveFeed = thunkAction(MOVE_FEED, (feedId, categoryId, {token, dispatch, fulfilled}) => {
|
||||
return feedsApi
|
||||
.moveFeed(token, undefined, feedId, categoryId)
|
||||
.then((response) => {
|
||||
fulfilled()
|
||||
const newCategories = fromJS(response.data)
|
||||
dispatch(setCategories(newCategories))
|
||||
})
|
||||
})
|
||||
|
||||
export const toggleExportFeed = thunkAction(TOGGLE_EXPORT_FEED, (feedId, isExported, {token, dispatch, fulfilled}) => {
|
||||
return feedsApi
|
||||
.toggleExportFeed(token, {export: isExported}, feedId)
|
||||
.then(() => {
|
||||
fulfilled()
|
||||
dispatch(getSidebarCategories())
|
||||
dispatch(getRestrictions())
|
||||
})
|
||||
})
|
||||
|
||||
const toggleExportCategory = thunkAction(TOGGLE_EXPORT_CATEGORY, (categoryId, isExported, {token, dispatch, fulfilled}) => {
|
||||
return feedsApi
|
||||
.toggleExportCategory(token, {export: isExported}, categoryId)
|
||||
.then(() => {
|
||||
fulfilled()
|
||||
dispatch(getSidebarCategories())
|
||||
})
|
||||
})
|
||||
|
||||
export const renameFeed = thunkAction(RENAME_FEED, (feedId, newName, parentId, {token, dispatch, fulfilled, getState}) => {
|
||||
return feedsApi
|
||||
.renameFeed(token, {name: newName}, feedId)
|
||||
.then(() => {
|
||||
fulfilled()
|
||||
const newCategories = helpers.renameFeed(getState(), feedId, newName, parentId)
|
||||
dispatch(setCategories(newCategories))
|
||||
})
|
||||
})
|
||||
|
||||
export const deleteFeed = thunkAction(DELETE_FEED, (feedId, categoryId, {token, dispatch, getState, fulfilled}) => {
|
||||
const currentFeedId = getState().getIn(['appState', 'search', 'activeFeed', 'id'])
|
||||
const isCurrent = currentFeedId && (parseInt(currentFeedId) === parseInt(feedId))
|
||||
return feedsApi
|
||||
.deleteFeed(token, undefined, feedId)
|
||||
.then(() => {
|
||||
fulfilled()
|
||||
if (isCurrent) {
|
||||
dispatch(searchActions.setNewSearch())
|
||||
dispatch(searchFiltersActions.renewSearchBy())
|
||||
}
|
||||
const newCategories = helpers.deleteFeed(getState(), categoryId, feedId)
|
||||
dispatch(setCategories(newCategories))
|
||||
dispatch(getRestrictions())
|
||||
dispatch(clearFilteredCategories())
|
||||
})
|
||||
})
|
||||
|
||||
export const actions = {
|
||||
getSidebarCategories,
|
||||
setFilteredCategories,
|
||||
clearFilteredCategories,
|
||||
setCategories,
|
||||
addCategory,
|
||||
addClippingsFeed,
|
||||
moveCategory,
|
||||
moveFeed,
|
||||
deleteFeed,
|
||||
deleteCategory,
|
||||
renameFeed,
|
||||
renameCategory,
|
||||
showDeletePopup,
|
||||
hideDeletePopup,
|
||||
showRenamePopup,
|
||||
hideRenamePopup,
|
||||
showAddCategoryPopup,
|
||||
hideAddCategoryPopup,
|
||||
showAddClippingsFeedPopup,
|
||||
hideAddClippingsFeedPopup,
|
||||
toggleExportFeed,
|
||||
toggleExportCategory
|
||||
}
|
||||
|
||||
/*
|
||||
* State
|
||||
* */
|
||||
export const initialState = fromJS({
|
||||
areCategoriesLoaded: false,
|
||||
categories: [],
|
||||
filteredCategories: [],
|
||||
areFeedsFiltered: false,
|
||||
popupVisible: {
|
||||
'delete': false,
|
||||
rename: false,
|
||||
addCategory: false,
|
||||
addClippingsFeed: false
|
||||
},
|
||||
popupItems: {
|
||||
'delete': {}, //feed or category
|
||||
rename: {}, //feed or category
|
||||
addCategory: {}, //{parentId}
|
||||
addClippingsFeed: {} //{parentId}
|
||||
}
|
||||
})
|
||||
|
||||
/*
|
||||
* Reducers
|
||||
* */
|
||||
const hidePopup = (type) => (state) => {
|
||||
return state
|
||||
.setIn(['popupVisible', type], false)
|
||||
.setIn(['popupItems', type], {})
|
||||
}
|
||||
|
||||
const showPopup = (type) => (state, {payload}) => {
|
||||
return state
|
||||
.setIn(['popupVisible', type], true)
|
||||
.setIn(['popupItems', type], payload)
|
||||
}
|
||||
|
||||
export default handleActions({
|
||||
|
||||
[`${GET_SIDEBAR_CATEGORIES} fulfilled`]: (state, { payload }) => {
|
||||
const response = payload.data
|
||||
|
||||
return state.merge({
|
||||
'categories': response,
|
||||
'areCategoriesLoaded': true
|
||||
})
|
||||
},
|
||||
|
||||
[SET_FILTERED_CATEGORIES]: (state, { payload: filteredCategories }) => {
|
||||
return state.merge({
|
||||
'filteredCategories': filteredCategories,
|
||||
'areFeedsFiltered': true
|
||||
})
|
||||
},
|
||||
|
||||
[CLEAR_FILTERED_CATEGORIES]: (state, { payload }) => {
|
||||
return state.merge({
|
||||
'filteredCategories': [],
|
||||
'areFeedsFiltered': false
|
||||
})
|
||||
},
|
||||
|
||||
[SET_CATEGORIES]: (state, { payload: changedCategories }) => {
|
||||
return state.set('categories', changedCategories)
|
||||
},
|
||||
|
||||
[SHOW_DELETE_POPUP]: showPopup('delete'),
|
||||
|
||||
[HIDE_DELETE_POPUP]: hidePopup('delete'),
|
||||
|
||||
[SHOW_RENAME_POPUP]: showPopup('rename'),
|
||||
|
||||
[HIDE_RENAME_POPUP]: hidePopup('rename'),
|
||||
|
||||
[SHOW_ADD_CATEGORY_POPUP]: showPopup('addCategory'),
|
||||
|
||||
[HIDE_ADD_CATEGORY_POPUP]: hidePopup('addCategory'),
|
||||
|
||||
[SHOW_ADD_CLIPPINGS_POPUP]: showPopup('addClippingsFeed'),
|
||||
|
||||
[HIDE_ADD_CLIPPINGS_POPUP]: hidePopup('addClippingsFeed')
|
||||
|
||||
}, initialState)
|
||||
Reference in New Issue
Block a user