began refactor of action-creator.sync naming

frontend/src/action-creator.sync.js

@@ -1,14 +1,20 @@
+export const SET = 'Set'
+export const UPDATE = 'Update'
+export const ADD = 'Add'
+export const REMOVE = 'Remove'
+
 export const TIMEZONE = 'Timezone'
-export const setTimezone = timezone => ({ type: `Set/${TIMEZONE}`, timezone })
+export const setTimezone = timezone => ({ type: `${SET}/${TIMEZONE}`, timezone })
 
 export const FLASH_MESSAGE = 'FlashMessage'
 export const newFlashMessage = (msgText = '', msgType = 'info', msgDelay = 5000) => dispatch => {
   msgDelay !== 0 && window.setTimeout(() => dispatch(removeFlashMessage(msgText)), msgDelay)
   return dispatch(addFlashMessage({message: msgText, type: msgType}))
 }
-export const addFlashMessage = msg => ({ type: `Add/${FLASH_MESSAGE}`, msg })
-export const removeFlashMessage = msg => ({ type: `Remove/${FLASH_MESSAGE}`, msg })
+export const addFlashMessage = msg => ({ type: `${ADD}/${FLASH_MESSAGE}`, msg })
+export const removeFlashMessage = msg => ({ type: `${REMOVE}/${FLASH_MESSAGE}`, msg })
 
+export const USER = 'User'
 export const USER_LOGIN = 'User/Login'
 export const USER_LOGOUT = 'User/Logout'
 export const USER_DATA = 'User/Data'
@@ -16,30 +22,30 @@ export const USER_ROLE = 'User/Role'
 export const USER_CONNECTED = 'User/Connected'
 export const USER_DISCONNECTED = 'User/Disconnected'
 export const USER_LANG = 'User/Lang'
-export const setUserConnected = user => ({ type: `Set/${USER_CONNECTED}`, user })
-export const setUserDisconnected = () => ({ type: `Set/${USER_DISCONNECTED}` })
-export const updateUserData = userData => ({ type: `Update/${USER_DATA}`, data: userData })
-export const setUserRole = userRole => ({ type: `Set/${USER_ROLE}`, userRole }) // this actually update workspaceList state
-export const setUserLang = lang => ({ type: `Set/${USER_LANG}`, lang })
+export const setUserConnected = user => ({ type: `${SET}/${USER}/Connected`, user })
+export const setUserDisconnected = () => ({ type: `${SET}/${USER}/Disconnected` })
+export const updateUserData = userData => ({ type: `${UPDATE}/${USER}/Data`, data: userData })
+export const setUserRole = userRole => ({ type: `${SET}/${USER}/Role`, userRole }) // this actually update workspaceList state
+export const setUserLang = lang => ({ type: `${SET}/${USER}/Lang`, lang })
 export const updateUserWorkspaceSubscriptionNotif = (workspaceId, subscriptionNotif) =>
-  ({ type: `Update/${USER_ROLE}/SubscriptionNotif`, workspaceId, subscriptionNotif })
+  ({ type: `${UPDATE}/${USER_ROLE}/SubscriptionNotif`, workspaceId, subscriptionNotif })
 
 export const WORKSPACE = 'Workspace'
-export const setWorkspaceContent = (workspaceContent, filterStr = '') => ({ type: `Set/${WORKSPACE}/Content`, workspaceContent, filterStr })
-export const updateWorkspaceFilter = filterList => ({ type: `Update/${WORKSPACE}/Filter`, filterList })
+export const setWorkspaceContent = (workspaceContent, filterStr = '') => ({ type: `${SET}/${WORKSPACE}/Content`, workspaceContent, filterStr })
+export const updateWorkspaceFilter = filterList => ({ type: `${UPDATE}/${WORKSPACE}/Filter`, filterList })
 
 export const FOLDER = 'Folder'
-export const setFolderData = (folderId, content) => ({ type: `Set/${WORKSPACE}/${FOLDER}/Content`, folderId, content })
+export const setFolderData = (folderId, content) => ({ type: `${SET}/${WORKSPACE}/${FOLDER}/Content`, folderId, content })
 
 export const WORKSPACE_LIST = 'WorkspaceList'
-export const updateWorkspaceListData = workspaceList => ({ type: `Update/${WORKSPACE_LIST}`, workspaceList })
-export const setWorkspaceListIsOpenInSidebar = (workspaceId, isOpenInSidebar) => ({ type: `Set/${WORKSPACE_LIST}/isOpenInSidebar`, workspaceId, isOpenInSidebar })
+export const updateWorkspaceListData = workspaceList => ({ type: `${UPDATE}/${WORKSPACE_LIST}`, workspaceList })
+export const setWorkspaceListIsOpenInSidebar = (workspaceId, isOpenInSidebar) => ({ type: `${SET}/${WORKSPACE_LIST}/isOpenInSidebar`, workspaceId, isOpenInSidebar })
 
 export const APP_LIST = 'App/List'
-export const setAppList = appList => ({ type: `Set/${APP_LIST}`, appList })
+export const setAppList = appList => ({ type: `${SET}/${APP_LIST}`, appList })
 
 export const CONTENT_TYPE_LIST = 'ContentType/List'
-export const setContentTypeList = contentTypeList => ({ type: `Set/${CONTENT_TYPE_LIST}`, contentTypeList })
+export const setContentTypeList = contentTypeList => ({ type: `${SET}/${CONTENT_TYPE_LIST}`, contentTypeList })
 
 export const LANG = 'Lang'
-export const updateLangList = langList => ({ type: `Update/${LANG}`, langList })
+export const updateLangList = langList => ({ type: `${UPDATE}/${LANG}`, langList })

frontend/src/reducer/app.js

@@ -1,8 +1,8 @@
-import { APP_LIST } from '../action-creator.sync.js'
+import { SET, APP_LIST } from '../action-creator.sync.js'
 
 export default function app (state = [], action) {
   switch (action.type) {
-    case `Set/${APP_LIST}`:
+    case `${SET}/${APP_LIST}`:
       return action.appList.map(a => ({
         label: a.label,
         slug: a.slug,

frontend/src/reducer/contentType.js

@@ -1,8 +1,8 @@
-import { CONTENT_TYPE_LIST } from '../action-creator.sync.js'
+import { SET, CONTENT_TYPE_LIST } from '../action-creator.sync.js'
 
 export function contentType (state = [], action) {
   switch (action.type) {
-    case `Set/${CONTENT_TYPE_LIST}`:
+    case `${SET}/${CONTENT_TYPE_LIST}`:
       return action.contentTypeList.map(ct => ({
         label: ct.label,
         slug: ct.slug,

frontend/src/reducer/flashMessage.js

@@ -1,16 +1,14 @@
-import {
-  FLASH_MESSAGE
-} from '../action-creator.sync.js'
+import { ADD, REMOVE, FLASH_MESSAGE } from '../action-creator.sync.js'
 
 export default function flashMessage (state = [], action) {
   switch (action.type) {
-    case `Add/${FLASH_MESSAGE}`:
+    case `${ADD}/${FLASH_MESSAGE}`:
       return [...state, {
         message: action.msg.message,
         type: action.msg.type || 'info' // may be info, success, danger
       }]
 
-    case `Remove/${FLASH_MESSAGE}`:
+    case `${REMOVE}/${FLASH_MESSAGE}`:
       return state.filter(fm => fm.message === action.message)
 
     default:

frontend/src/reducer/lang.js

@@ -1,4 +1,4 @@
-import { LANG } from '../action-creator.sync.js'
+import { UPDATE, LANG } from '../action-creator.sync.js'
 import flagEn from '../img/flag_en.png'
 import flagFr from '../img/flag_fr.png'
 
@@ -12,7 +12,7 @@ const defaultLang = [{
 
 export function lang (state = defaultLang, action) {
   switch (action.type) {
-    case `Update/${LANG}`:
+    case `${UPDATE}/${LANG}`:
       return action.langList
 
     // Côme - 2018/07/30 - deprecated, lang active is saved in user reducer

frontend/src/reducer/timezone.js

@@ -1,8 +1,8 @@
-import { TIMEZONE } from '../action-creator.sync.js'
+import { SET, TIMEZONE } from '../action-creator.sync.js'
 
 export function timezone (state = [], action) {
   switch (action.type) {
-    case `Set/${TIMEZONE}`:
+    case `${SET}/${TIMEZONE}`:
       return action.timezone
 
     default:

frontend/src/reducer/user.js

@@ -1,4 +1,6 @@
 import {
+  SET,
+  UPDATE,
   USER_CONNECTED,
   USER_DISCONNECTED,
   USER_DATA,
@@ -25,20 +27,20 @@ const defaultUser = {
 
 export default function user (state = defaultUser, action) {
   switch (action.type) {
-    case `Set/${USER_CONNECTED}`:
+    case `${SET}/${USER_CONNECTED}`:
       return {
         ...state,
         ...action.user,
         avatar_url: 'https://www.algoo.fr/static/images/people_images/PERSO_SEUL.png' // @FIXME use avatar from api when db handles it
       }
 
-    case `Set/${USER_DISCONNECTED}`:
+    case `${SET}/${USER_DISCONNECTED}`:
       return defaultUser
 
-    case `Update/${USER_DATA}`:
+    case `${UPDATE}/${USER_DATA}`:
       return {...state, ...action.data}
 
-    case `Set/${USER_LANG}`:
+    case `${SET}/${USER_LANG}`:
       return {...state, lang: action.lang}
 
     default:

frontend/src/reducer/workspaceContent.js

@@ -1,11 +1,13 @@
 import {
+  SET,
+  UPDATE,
   WORKSPACE,
   FOLDER
 } from '../action-creator.sync.js'
 
 export default function workspace (state = [], action) {
   switch (action.type) {
-    case `Set/${WORKSPACE}/Content`:
+    case `${SET}/${WORKSPACE}/Content`:
       return action.workspaceContent.map(wsc => ({
         id: wsc.content_id,
         label: wsc.label,
@@ -20,10 +22,10 @@ export default function workspace (state = [], action) {
         subContentTypeSlug: wsc.sub_content_type_slug
       }))
 
-    case `Update/${WORKSPACE}/Filter`: // not used anymore ?
+    case `${UPDATE}/${WORKSPACE}/Filter`: // not used anymore ?
       return {...state, filter: action.filterList}
 
-    case `Set/${WORKSPACE}/${FOLDER}/Content`:
+    case `${SET}/${WORKSPACE}/${FOLDER}/Content`:
       const setFolderContent = (contentItem, action) => {
         if (contentItem.id === action.folderId) return {...contentItem, content: action.content}
 

frontend/src/reducer/workspaceList.js

@@ -1,4 +1,6 @@
 import {
+  SET,
+  UPDATE,
   WORKSPACE_LIST,
   USER_ROLE
 } from '../action-creator.sync.js'
@@ -7,7 +9,7 @@ const handleRouteFromApi = route => route.startsWith('/#') ? route.slice(2) : ro
 
 export function workspaceList (state = [], action) {
   switch (action.type) {
-    case `Update/${WORKSPACE_LIST}`:
+    case `${UPDATE}/${WORKSPACE_LIST}`:
       return action.workspaceList.map(ws => ({
         id: ws.workspace_id,
         label: ws.label,
@@ -23,13 +25,13 @@ export function workspaceList (state = [], action) {
         isOpenInSidebar: false
       }))
 
-    case `Set/${WORKSPACE_LIST}/isOpenInSidebar`:
+    case `${SET}/${WORKSPACE_LIST}/isOpenInSidebar`:
       return state.map(ws => ws.id === action.workspaceId
         ? {...ws, isOpenInSidebar: action.isOpenInSidebar}
         : ws
       )
 
-    case `Set/${USER_ROLE}`: // not used yet
+    case `${SET}/${USER_ROLE}`: // not used yet
       return state.map(ws => {
         const foundWorkspace = action.userRole.find(r => ws.id === r.workspace.id) || {role: '', subscribed_to_notif: ''}
         return {
@@ -39,7 +41,7 @@ export function workspaceList (state = [], action) {
         }
       })
 
-    case `Update/${USER_ROLE}/SubscriptionNotif`: // not used yet
+    case `${UPDATE}/${USER_ROLE}/SubscriptionNotif`: // not used yet
       return state.map(ws => ws.id === action.workspaceId
         ? {...ws, notif: action.subscriptionNotif}
         : ws