Merge branch 'develop' of github.com:tracim/tracim_front into develop

jsonserver/static_db.json

         "id": 2,
         "parent_id": null,
         "workspace_id": 1,
-        "title": "Doit-on intégrer la nouvelle fonctionnalité de tracim maintenant ?",
+        "title": "Doit-on intégrer la nouvelle fonctionnalité maintenant ?",
         "type": "Thread",
         "status": "current"
       },
         "id": 6,
         "parent_id": null,
         "workspace_id": 1,
-        "title": "Maquette.png Tracim v3",
+        "title": "Maquette.png",
         "type": "File",
         "status": "outdated"
       },
         "id": 10,
         "parent_id": null,
         "workspace_id": 1,
-        "title": "README.md de tracim_lib",
+        "title": "README.md",
         "type": "PageMarkdown",
         "status": "validated"
       },
         "id": 7,
         "parent_id": null,
         "workspace_id": 1,
-        "title": "Etape d'installation de Tracim",
+        "title": "Les etapes pour installer le logiciel",
         "type": "Task",
         "status": "canceled"
       },
         "id": 8,
         "parent_id": null,
         "workspace_id": 1,
-        "title": "Correction du fichier css",
+        "title": "Correction du fichier CSS",
         "type": "Issue",
         "status": "current"
       },
         "id": 3,
         "parent_id": null,
         "workspace_id": 1,
-        "title": "Correction bug tracim",
+        "title": "Correction bug",
         "type": "folder",
         "allowed_app": ["PageHtml", "Thread", "File", "PageMarkdown", "Task", "Issue"],
         "content": []
       "id": 4,
       "parent_id": 3,
       "workspace_id": 1,
-      "title": "Schema Backend tracim v2",
+      "title": "Schema Backend",
       "type": "File",
       "status": "outdated"
     },
       "id": 11,
       "parent_id": 3,
       "workspace_id": 1,
-      "title": "Correction à effectuer sur le frontend de Tracim v2",
+      "title": "Correction à effectuer",
       "type": "folder",
       "allowed_app": ["PageHtml", "Thread", "File", "PageMarkdown", "Task", "Issue"],
       "content": []
       "id": 12,
       "parent_id": 11,
       "workspace_id": 1,
-      "title": "Liste des correction à effectuer",
+      "title": "Liste des corrections à effectuer",
       "type": "PageHtml",
       "status": "current"
     },
       "day": "27/11/17",
       "hour": "11h45"
     },
-    "text": "Proident esse laboris in sed officia exercitation ut anim ea."
+    "text": "Voici le début de ce qui nous servira de cachier des charges pour la partie design du logiciel, chacun peut completer le documents, nésité pas à faire des retours ! "
   }, {
     "id": 1,
     "type": "message",
     },
     "createdAt": {
       "day": "27/11/16",
-      "hour": "10h30"
+      "hour": "10h35"
     },
-    "text": "Proident esse laboris in sed officia exercitation ut anim ea. in sed officia exercitation ut"
+    "text": "Bonjour, je viens de modifier le cahier des charges sur la partie design v2."
   }, {
     "id": 2,
     "type": "message",
       "day": "27/11/15",
       "hour": "10h30"
     },
-    "text": "Proident esse laboris in sed officia exercitation ut anim ea. Proident esse laboris in sed officia exercitation ut anim ea. Proident esse laboris in sed officia exercitation ut anim ea."
+    "text": "Je viens de tout relire, je pense que c'est bon, on peut commencer les choses sérieuses."
   }, {
     "id": 3,
     "type": "version",
       "avatar": "https://www.algoo.fr/static/images/algoo_images/algoo-logo.jpg"
     },
     "createdAt": {
-      "day": "27/11/11"
+      "day": "24/11/11"
     },
     "number": "5"
   }],
     "status": "validated",
     "icon": "fa fa-fw fa-code-fork",
     "version": "version n°5",
-    "text": "Je suis le contenu de cette fameuse <b>page HTML</b><br /> sur la programmation fonctionnelle",
+    "text": " <center><b>Design V2</b></center><br/><br/><br/> Suite à la réunion tenue ce vendredi, je mets à jour ce document concernant le futur design de notre interface. Comme convenue nous aurons un dashboard qui va résumer toute l'activité présente sur le site ainsi que toutes les personnes qui auront participer au projet. De plus il y aura la présence d'un historique pour permettre à tout le monde de voir, qui a modifié, créé ou contribué aux documents. Mais aussi savoir qui a déposé ou envoyé un message dans le canal de discussion. <br/><br/><br/><br/><br/> Deuxième point évoqué: Le fait de pouvoir modifier l'interface et la couleur pour les futurs utilisateurs. On devra donc avoir accés à différents thémes d'interface et de couleurs prédéfinis mais aussi le possibilité de pouvoir créer ces propres thémes. Des maquettes devront bientôt être disponible pour nous donner un aperçu de ce que pourra être l'outil final. <br/><br/><br/><br/> Nécesité pas à rajouter,modifier ce que j'ai écrit, il doit surêment y avoir des manques. ",
     "workspace": {
       "id": 1,
       "title": "Liste des contenus",
       "text": "Bonjour, Dans le cadre d'une procédure de renouvellement de DSP, où deux sociétés se sont portées candidats et ont remis une offre, la société qui n'a pas retenue souhaite que le rapport d'analyse des offres lui soit communiqué. Ce document peut il être communiqué, en tout ou partie, dans le respect des préconisations de la CADA (loi 07-07-1978) ?Merci pour votre retour d'expérience.",
       "createdAt": {
         "day": "05/03/18",
-        "hour": "10h00"
+        "hour": "9h33"
       }
     }, {
       "id": 1,
       },
       "createdAt": {
         "day": "05/03/18",
-        "hour": "09h59"
+        "hour": "09h40"
       },
       "text": "Le doc est communicable mais doit être en partie occulté. Je te met en pièce jointe un doc la dessus. Tu peux aussi voir le Conseil n° 20003802 et Avis n° 20011051 de la CADA"
     }, {
       "text": "Oups, je ne trouve plus comment faire. :-O  tant pis je te colle le texte ci après  Une fois la délégation de service public  ou le marché signé, les documents composant la procédure de passation perdent leur caractère préparatoire  au sens des dispositions de l’article 2 de la loi du 17 juillet 1978, et deviennent, en principe, communicables à toute personne qui en fait la demande, y compris à un candidat évincé [Voir FAQ n° 2 et 7].  Toutefois, en vertu du II de l’article 6 de la même loi, ce droit d’accès doit s’exercer dans le respect du secret en matière industrielle et commerciale lequel recouvre le secret des procédés, le secret des informations économiques et financières, et le secret des stratégies commerciales  [Voir FAQ n° 4]. À ce titre, sont notamment exclus de la communication les éléments suivants, qui devront être occultés :  - les mentions relatives aux moyens techniques et humains ;  - les mentions concernant le chiffre d’affaires, les coordonnées bancaires ;  - les références autres que celles qui correspondent à des marchés publics.  La communication de certaines informations comporte un risque d’atteinte à la libre concurrence (dans le rapport d’analyse des offres ou le détail des prix par exemple). Les autorités administratives doivent donc, pour apprécier les informations qui sont protégées par le secret en matière industrielle et commerciale, tenir compte du mode de passation, de la durée, ou de l’objet du marché [Voir FAQ n° 5].  Le tableau ci-après fait apparaître les pièces qui ne posent aucune difficulté de communication, et celles qui nécessitent une analyse du risque d’atteinte à la concurrence. La CADA a dégagé, au fur à mesure des affaires qui lui étaient soumises, trois catégories de marchés : ponctuel, répétitif et fréquent [pour leur définition voir FAQ n° 6].  Le détail de l’offre de prix de l’entreprise attributaire est communicable dans le cas d'un marché ponctuel , car il reflète le coût du service public, et ne l’est pas pour un marché répétitif, car il serait susceptible de porter atteinte à la concurrence lors du renouvellement du marché  .",
       "createdAt": {
         "day": "05/03/18",
-        "hour": "09h59"
+        "hour": "09h46"
       }
     }, {
       "id": 3,
       "text": "il y a aussi des informations générales et un tableau récapitulatif intéressant au lien suivant :  http://www.cada.fr/marches-publics%2c6085.html  bon WE.",
       "createdAt": {
         "day": "05/03/18",
-        "hour": "09h59"
+        "hour": "09h50"
       }
     }, {
       "id": 4,
       "text": "Je croyais que le rapport d'analyse des offres n'étant pas une pièce officielle de la procédure de DSP, n'avait pas à être communiqué. En revanche, l'avis de la COP qui est une pièce officielle de la procédure doit être communiqué à la demande d'un candidat en occultant certains éléments énoncés ci-dessous. J'ai tout faux ?!",
       "createdAt": {
         "day": "05/03/18",
-        "hour": "09h59"
+        "hour": "10h00"
       }
     }]
   },
   "workspace_list": [{
     "id": 0,
-    "title": "Dev Tracim"
+    "title": "Developpement Tracim"
   }, {
     "id": 1,
     "title": "Marketing"

package.json

     "file-loader": "^1.1.5",
     "i18next": "^10.5.0",
     "prop-types": "^15.6.0",
+    "query-string": "^6.1.0",
     "react": "^16.0.0",
     "react-animate-height": "^0.10.10",
     "react-dom": "^16.0.0",

src/action-creator.async.js

   updateUserData,
   setUserRole,
   WORKSPACE,
-  setWorkspaceData,
   WORKSPACE_LIST,
   updateWorkspaceListData,
   FOLDER,
   }
 }
 
-export const getWorkspaceContent = (workspaceId, filterStr) => async dispatch => {
-  const fetchGetWorkspaceContent = await fetchWrapper({
+export const getWorkspaceContent = workspaceId => dispatch => {
+  return fetchWrapper({
     url: `${FETCH_CONFIG.mockApiUrl}/workspace/${workspaceId}`,
     param: {...FETCH_CONFIG.header, method: 'GET'},
     actionName: WORKSPACE,
     dispatch
   })
-  if (fetchGetWorkspaceContent.status === 200) dispatch(setWorkspaceData(fetchGetWorkspaceContent.json, filterStr))
 }
 
 export const getFolderContent = (workspaceId, folderId) => async dispatch => {

src/action-creator.sync.js

 export const updateWorkspaceListData = workspaceList => ({ type: `Update/${WORKSPACE_LIST}`, workspaceList })
 export const setWorkspaceListIsOpenInSidebar = (workspaceId, isOpenInSidebar) => ({ type: `Set/${WORKSPACE_LIST}/isOpenInSidebar`, workspaceId, isOpenInSidebar })
 
-export const FILE_CONTENT = 'FileContent'
-export const setActiveFileContentActive = file => ({ type: `Set/${FILE_CONTENT}/Active`, file })
-export const setActiveFileContentHide = () => ({ type: `Set/${FILE_CONTENT}/Hide` })
-
 export const APP_LIST = 'App/List'
 export const setAppList = appList => ({ type: `Set/${APP_LIST}`, appList })
 

src/component/Header/MenuActionListItem/MenuProfil.jsx

 import React from 'react'
 import { Link } from 'react-router-dom'
 import PropTypes from 'prop-types'
-import { PAGE_NAME } from '../../../helper.js'
+import { PAGE } from '../../../helper.js'
 
 const MenuProfil = props => {
   return props.user.logged
             </div>
           </button>
           <div className='profilgroup__setting dropdown-menu' aria-labelledby='dropdownMenuButton'>
-            <Link className='setting__link dropdown-item' to={PAGE_NAME.ACCOUNT}>Mon compte</Link>
+            <Link className='setting__link dropdown-item' to={PAGE.ACCOUNT}>Mon compte</Link>
             {/* <div className='setting__link dropdown-item'>Mot de passe</div> */}
             <div className='setting__link dropdown-item' onClick={props.onClickLogout}>Se déconnecter</div>
           </div>

src/component/Sidebar/WorkspaceListItem.jsx

         >
           <li
             className='sidebar__navigation__workspace__item__submenu__dropdown'
-            onClick={() => props.onClickAllContent(props.wsId)}
+            onClick={() => props.onClickAllContent(props.idWs)}
           >
             <div className='dropdown__icon'>
               <i className='fa fa-th' />
           { Object.keys(props.app).map(a =>
             <li
               className={classnames('sidebar__navigation__workspace__item__submenu__dropdown', {'activeFilter': props.activeFilterList.includes(a)})}
-              onClick={() => props.onClickContentFilter(props.wsId, a)}
+              onClick={() => props.onClickContentFilter(props.idWs, a)}
               key={a}
             >
               <div className='dropdown__icon'>

src/container/Dashboard.jsx

                 <div className='pageTitleGeneric__title dashboard__header__title__text mr-3'>
                   Dashboard
                 </div>
-                <div className='dashboard__header__acces'>
-                  (privé)
-                </div>
+                <div className='dashboard__header__acces' />
               </div>
               <div className='dashboard__header__advancedmode mr-3'>
                 <button type='button' className='btn btn-primary'>Activer édition avancé</button>
             <div className='dashboard__wkswrapper'>
               <div className='dashboard__workspace'>
                 <div className='dashboard__workspace__title'>
-                  Nouvelle ligne directive sur le nouveau design de Tracim
+                  Développement tracim
                 </div>
 
                 <div className='dashboard__workspace__detail'>
-                  Ut in et sit adipisicing mollit amet ut exercitation proident laborum duis occaecat eu aute qui ut.
-                  Dolore veniam eu consectetur occaecat est elit dolor nulla est ut amet do reprehenderit eiusmod tempor.
+                  Ligne directive pour le prochain design de Tracim et des futurs fonctionnalités.
                 </div>
               </div>
               <div className='dashboard__userstatut'>
                     <i className='fa fa-video-camera' />
                   </div>
                   <div className='dashboard__calltoaction__button__text__title'>
-                    débuter une visioconférence
+                    Débuter une visioconférence
                   </div>
                 </div>
               </div>
                       <i className='fa fa-comments-o' />
                     </div>
                     <div className='dashboard__activity__workspace__name'>
-                      <span>Workspace 1</span>
+                      <span>Développement Tracim</span>
                     </div>
                   </div>
 
                       <i className='fa fa-list-ul' />
                     </div>
                     <div className='dashboard__activity__workspace__name'>
-                      Workspace 2
+                      Mission externe
                     </div>
                   </div>
 
                       <i className='fa fa-list-ul' />
                     </div>
                     <div className='dashboard__activity__workspace__name'>
-                      Workspace 3
+                      Recherche et developpement
                     </div>
                   </div>
 
                       <i className='fa fa-file-text-o' />
                     </div>
                     <div className='dashboard__activity__workspace__name'>
-                      <span>Workspace 4</span>
+                      <span>Marketing</span>
                     </div>
                   </div>
 
                       <i className='fa fa-comments-o' />
                     </div>
                     <div className='dashboard__activity__workspace__name'>
-                      <span>Workspace 5</span>
+                      <span>Évolution</span>
                     </div>
                   </div>
 
                       <i className='fa fa-file-text-o' />
                     </div>
                     <div className='dashboard__activity__workspace__name'>
-                      Workspace 6
+                      Commercialisation
                     </div>
                   </div>
 
                               Aldwin Vinel
                             </div>
                             <div className='dashboard__memberlist__list__item__info__role'>
-                              lecteur
+                              Lecteur
                             </div>
                           </div>
                           <div className='dashboard__memberlist__list__item__delete d-flex justify-content-end'>
                               William Himme
                             </div>
                             <div className='dashboard__memberlist__list__item__info__role'>
-                              contributeur
+                              Contributeur
                             </div>
                           </div>
                           <div className='dashboard__memberlist__list__item__delete d-flex justify-content-end'>
                               Yacine Lite
                             </div>
                             <div className='dashboard__memberlist__list__item__info__role'>
-                              Gestionnaire de contenu
+                              Contributeur
                             </div>
                           </div>
                           <div className='dashboard__memberlist__list__item__delete d-flex justify-content-end'>
                           </div>
                           <div className='dashboard__memberlist__list__item__info mr-auto'>
                             <div className='dashboard__memberlist__list__item__info__name'>
-                              Yacine Lite
+                              Alexi Falcin
                             </div>
                             <div className='dashboard__memberlist__list__item__info__role'>
-                              Gestionnaire de contenu
+                              Gestionnaire
                             </div>
                           </div>
                           <div className='dashboard__memberlist__list__item__delete d-flex justify-content-end'>
                           </div>
                           <div className='dashboard__memberlist__list__item__info mr-auto'>
                             <div className='dashboard__memberlist__list__item__info__name'>
-                              Yacine Lite
+                              Mickaël Fonati
+                            </div>
+                            <div className='dashboard__memberlist__list__item__info__role'>
+                              Gestionnaire
+                            </div>
+                          </div>
+                          <div className='dashboard__memberlist__list__item__delete d-flex justify-content-end'>
+                            <i className='fa fa-trash-o' />
+                          </div>
+                        </li>
+
+                        <li className='dashboard__memberlist__list__item'>
+                          <div className='dashboard__memberlist__list__item__avatar'>
+                            <img src={imgProfil} alt='avatar' />
+                          </div>
+                          <div className='dashboard__memberlist__list__item__info mr-auto'>
+                            <div className='dashboard__memberlist__list__item__info__name'>
+                              Eva Lonbard
                             </div>
                             <div className='dashboard__memberlist__list__item__info__role'>
-                              Gestionnaire de contenu
+                              Gestionnaire
                             </div>
                           </div>
                           <div className='dashboard__memberlist__list__item__delete d-flex justify-content-end'>

src/container/Login.jsx

   newFlashMessage,
   setUserConnected
 } from '../action-creator.sync.js'
-import {PAGE_NAME} from '../helper.js'
+import {PAGE} from '../helper.js'
 
 class Login extends React.Component {
   constructor (props) {
 
     if (fetchPostUserLogin.status === 200) {
       dispatch(setUserConnected({...fetchPostUserLogin.json, logged: true}))
-      history.push(PAGE_NAME.HOME)
+      history.push(PAGE.HOME)
     } else if (fetchPostUserLogin.status === 400) {
       dispatch(newFlashMessage(t('Login.fail'), 'danger'))
     }

src/container/Sidebar.jsx

   setWorkspaceListIsOpenInSidebar,
   updateWorkspaceFilter
 } from '../action-creator.sync.js'
-import { PAGE_NAME } from '../helper.js'
+import { PAGE } from '../helper.js'
 
 class Sidebar extends React.Component {
   constructor (props) {
     user.id !== -1 && prevProps.user.id !== user.id && dispatch(getWorkspaceList(user.id, newWorkspaceId))
   }
 
-  handleClickWorkspace = (wsId, newIsOpenInSidebar) => this.props.dispatch(setWorkspaceListIsOpenInSidebar(wsId, newIsOpenInSidebar))
+  handleClickWorkspace = (idWs, newIsOpenInSidebar) => this.props.dispatch(setWorkspaceListIsOpenInSidebar(idWs, newIsOpenInSidebar))
 
-  handleClickAllContent = wsId => {
+  handleClickAllContent = idWs => {
     this.props.dispatch(updateWorkspaceFilter([]))
 
-    this.props.history.push(`${PAGE_NAME.WS_CONTENT}/${wsId}`)
+    this.props.history.push(PAGE.WORKSPACE.CONTENT_LIST(idWs))
   }
 
-  handleClickContentFilter = (wsId, filter) => {
+  handleClickContentFilter = (idWs, filter) => {
     const { workspace, history, dispatch } = this.props
 
     const newFilter = workspace.filter.includes(filter) ? [] : [filter] // use an array to allow multiple filters (NYI)
 
     dispatch(updateWorkspaceFilter(newFilter))
 
-    history.push(`${PAGE_NAME.WS_CONTENT}/${wsId}/${newFilter.join(';')}`) // workspace.filter gets updated on react redraw from match.params
+    history.push(`${PAGE.WORKSPACE.CONTENT_LIST(idWs)}?type=${newFilter.join(';')}`) // workspace.filter gets updated on react redraw from match.params
   }
 
   handleClickToggleSidebar = () => this.setState(prev => ({sidebarClose: !prev.sidebarClose}))
               { workspaceList.map((ws, i) =>
                 <WorkspaceListItem
                   number={++i}
-                  wsId={ws.id}
+                  idWs={ws.id}
                   name={ws.title}
                   app={app}
                   lang={activeLang}

src/container/Tracim.jsx

   withRouter
 } from 'react-router-dom'
 import PrivateRoute from './PrivateRoute.jsx'
-import { PAGE_NAME } from '../helper.js'
+import { PAGE } from '../helper.js'
 import {
   getLangList,
   getUserIsConnected
           ? (<div />) // while we dont know if user is connected, display nothing but the header @TODO show loader
           : (
             <div className='tracim__content'>
-              <Route path={PAGE_NAME.LOGIN} component={Login} />
+              <Route path={PAGE.LOGIN} component={Login} />
 
-              <PrivateRoute exact path={PAGE_NAME.HOME} component={WorkspaceContent} />
-              <PrivateRoute path={`${PAGE_NAME.WS_CONTENT}/:idws/:filter?`} component={WorkspaceContent} />
-              <PrivateRoute exact path={PAGE_NAME.ACCOUNT} component={Account} />
-              <PrivateRoute exact path={PAGE_NAME.DASHBOARD} component={Dashboard} />
+              <PrivateRoute exact path={PAGE.HOME} component={WorkspaceContent} />
+              <PrivateRoute exact path={PAGE.WORKSPACE.CONTENT_LIST(':idws')} component={WorkspaceContent} /> {/* "exact" here to not double match Route WORKSPACE.CONTENT */}
+              <PrivateRoute path={PAGE.WORKSPACE.CONTENT(':idws', ':idcts')} component={WorkspaceContent} />
+              <PrivateRoute path={PAGE.ACCOUNT} component={Account} />
+              <PrivateRoute path={PAGE.WORKSPACE.DASHBOARD(':idws')} component={Dashboard} />
               <PrivateRoute path={'/wip/:cp'} component={WIPcomponent} /> {/* for testing purpose only */}
 
               <Footer />

src/container/WorkspaceContent.jsx

   getWorkspaceContent,
   getFolderContent
 } from '../action-creator.async.js'
+import {newFlashMessage, setWorkspaceData} from '../action-creator.sync.js'
+import { PAGE } from '../helper.js'
+
+const qs = require('query-string')
 
 class WorkspaceContent extends React.Component {
-  componentDidMount () {
-    const { workspaceList, app, match, dispatch } = this.props
+  async componentDidMount () {
+    const { workspaceList, app, match, location, dispatch } = this.props
 
-    if (match.params.idws !== undefined) dispatch(getWorkspaceContent(match.params.idws, match.params.filter))
-    else if (workspaceList.length > 0) dispatch(getWorkspaceContent(workspaceList[0].id, match.params.filter)) // load first ws if none specified
+    if (Object.keys(app).length === 0) await dispatch(getAppList())
 
-    if (Object.keys(app).length === 0) dispatch(getAppList())
-  }
+    const wsToLoad = (() => {
+      if (match.params.idws !== undefined) return match.params.idws
+      if (workspaceList.length > 0) return workspaceList[0].id // load first ws if none specified
+      return null
+    })()
+
+    if (wsToLoad === null) return
 
-  componentDidUpdate (prevProps) {
-    const { workspace, workspaceList, match, dispatch } = this.props
+    const wsContent = await dispatch(getWorkspaceContent(wsToLoad))
+    if (wsContent.status === 200) {
+      dispatch(setWorkspaceData(wsContent.json, qs.parse(location.search).type))
 
-    // if a workspace is already loaded and the idws in url hasn't changed, do nothing
-    if (workspace.id !== -1 && prevProps.match.params.idws === match.params.idws) return
+      if (match.params.idcts) { // if a content id is in url, open it
+        const contentToOpen = wsContent.json.content.find(wsc => wsc.id === parseInt(match.params.idcts))
+        if (contentToOpen === undefined) return
 
-    // if the idws in url has changed, load the new workspace
-    if (match.params.idws !== undefined) dispatch(getWorkspaceContent(match.params.idws, match.params.filter))
-    // else bellow is for loading url PAGE_NAME.HOME (without an idws), when workspaceList is loaded, load the first workspace
-    else if (workspace.id === -1 && workspaceList.length > 0) dispatch(getWorkspaceContent(workspaceList[0].id))
+        this.handleClickContentItem(contentToOpen)
+      }
+    } else dispatch(newFlashMessage('Error while loading workspace', 'danger'))
   }
 
   handleClickContentItem = content => {
+    this.props.history.push(`${PAGE.WORKSPACE.CONTENT(content.workspace_id, content.id)}${this.props.location.search}`)
     this.props.renderApp(this.props.app[content.type], this.props.user, {...content, workspace: this.props.workspace})
-    // Côme - 2018/03/08 - line bellow is useless because we cannot call the reducer again when hiding app since the call comes from the app
-    // dispatch(setActiveFileContentActive(content))
   }
 
   handleClickEditContentItem = (e, content) => {

src/helper.js

   mockApiUrl: 'http://localhost:3001'
 }
 
-export const PAGE_NAME = {
+export const PAGE = {
   HOME: '/',
-  WS_CONTENT: '/workspace',
+  WORKSPACE: {
+    DASHBOARD: idws => `/workspace/${idws}`,
+    NEW: '/workspace/new',
+    CALENDAR: idws => `/workspace/${idws}/apps/calendar`,
+    CONTENT_LIST: idws => `/workspace/${idws}/apps/contents`,
+    CONTENT: (idws, idcts) => `/workspace/${idws}/apps/contents/${idcts}`,
+    CONTENT_NEW: (idws, ctstype) => `/workspace/${idws}/apps/contents/${ctstype}/new`,
+    CONTENT_EDIT: (idws, idcts) => `/workspace/${idws}/apps/contents/${idcts}/edit`,
+    CONTENT_TITLE_EDIT: (idws, idcts) => `/workspace/${idws}/apps/contents/${idcts}/title/edit`,
+    ADMIN: idws => `/workspace/${idws}/admin`
+  },
   LOGIN: '/login',
-  DASHBOARD: '/dashboard',
   ACCOUNT: '/account'
 }
 

src/reducer/activeFileContent.js

-import { FILE_CONTENT } from '../action-creator.sync.js'
-
-export default function activeFileContent (state = {
-  display: false,
-  type: '',
-  title: '',
-  status: ''
-}, action) {
-  switch (action.type) {
-    case `Set/${FILE_CONTENT}/Active`:
-      return {...action.file, display: true}
-
-    case `Set/${FILE_CONTENT}/Hide`:
-      return {...state, display: false}
-
-    default:
-      return state
-  }
-}

src/reducer/root.js

 import user from './user.js'
 import workspace from './workspace.js'
 import workspaceList from './workspaceList.js'
-import activeFileContent from './activeFileContent.js'
 import app from './app.js'
 import timezone from './timezone.js'
 
-const rootReducer = combineReducers({ lang, flashMessage, user, workspace, workspaceList, activeFileContent, app, timezone })
+const rootReducer = combineReducers({ lang, flashMessage, user, workspace, workspaceList, app, timezone })
 
 export default rootReducer