allow apps to make their own api calls

dist/index.html

@@ -33,24 +33,33 @@
     <script src="./dev/bootstrap-4.0.0-beta.2.js"></script>
 
     <script type='text/javascript'>
+      const pageHtml = new appPageHtml()
+
+      /*
+        app: {
+          content: {id, type, title, status}, // version and/or text are useless for Tracim, only useful for app
+          appConfig: {name, componentLeft, componentRight, customClass, icon}
+        }
+      */
       GLOBAL_renderApp = app => {
-        switch (app.appData.name) {
+        switch (app.appConfig.name) {
           case 'PageHtml':
-            appPageHtml.renderApp('appContainer'); break
+            pageHtml.renderApp('appContainer', app); break
           case 'Thread':
-            appThread.renderApp('appContainer'); break
+            appThread.renderApp('appContainer', app); break
         }
       }
 
-      GLOBAL_dispatchEvent = (data) => {
-        var event = new CustomEvent('appCustomEvent', {detail: data})
+      GLOBAL_dispatchEvent = (type, data) => {
+        var event = new CustomEvent('appCustomEvent', {type, data})
         document.dispatchEvent(event)
       }
 
       GLOBAL_unmountApp = appName => {
         switch (appName) {
           case 'PageHtml':
-            appPageHtml.hideApp('appContainer'); break
+            // pageHtml.hideApp('appContainer'); break
+            GLOBAL_dispatchEvent('PageHtml_hideApp', {})
           case 'Thread':
             appThread.hideApp('appContainer'); break
         }

jsonserver/server.js

@@ -25,12 +25,14 @@ server.post('/user/login', (req, res) => {
   else return res.jsonp('error')
 })
 
-server.get('/app/file_content', (req, res) => res.jsonp(jsonDb.file_content))
+server.get('/app/config', (req, res) => res.jsonp(jsonDb.app_config))
 
 server.get('/user/is_logged_in', (req, res) => res.jsonp(jsonDb.user_logged))
 
 server.get('/workspace/:id', (req, res) => res.jsonp(jsonDb.workspace_detail))
 
+server.get('/workspace/:idws/content/:idc', (req, res) => res.jsonp(jsonDb.content_data))
+
 server.use(router)
 server.listen(GLOBAL_PORT, () => {
   console.log('JSON Server is running on port : ' + GLOBAL_PORT)

jsonserver/static_db.json

@@ -9,7 +9,7 @@
       "email": "osef@algoo.fr"
     }
   },
-  "file_content": [{
+  "app_config": [{
     "name": "PageHtml",
     "componentLeft": "PageHtml",
     "componentRight": "Timeline",
@@ -55,13 +55,11 @@
         "id": 1,
         "title": "La programmation fonctionnelle",
         "type": "PageHtml",
-        "status": "validated",
-        "version": "3",
-        "text": "<h1>Mon titre nul</h1>Je suis le contenu de cette fameuse <b>page HTML</b><br /> sur la programmation fonctionnelle"
+        "status": "validated"
       },
       {
         "id": 2,
-        "title": "La prommation fonctionnelle est-elle vraiment utile ?",
+        "title": "La programmation fonctionnelle est-elle vraiment utile ?",
         "type": "Thread",
         "status": "current"
       },
@@ -109,5 +107,13 @@
         ]
       }
     ]
+  },
+  "content_data": {
+    "id": "1",
+    "type": "pageHtml",
+    "title": "La programmation fonctionnelle",
+    "status": "validated",
+    "version": "3",
+    "text": "<h1>Mon titre nul</h1>Je suis le contenu de cette fameuse <b>page HTML</b><br /> sur la programmation fonctionnelle"
   }
 }

src/action-creator.async.js

@@ -119,7 +119,7 @@ export const getWorkspaceContent = workspaceId => async dispatch => {
 
 export const getAppList = () => async dispatch => {
   const fetchGetAppList = await fetchWrapper({
-    url: `http://localhost:3001/app/file_content`,
+    url: `http://localhost:3001/app/config`,
     param: {...FETCH_CONFIG, method: 'GET'},
     actionName: APP_LIST,
     dispatch

src/container/WorkspaceContent.jsx

@@ -26,10 +26,18 @@ class WorkspaceContent extends React.Component {
     this.props.dispatch(getAppList())
   }
 
-  handleClickFileItem = file => {
+  handleClickContentItem = content => {
+    const { workspace } = this.props
     GLOBAL_renderApp({
-      file,
-      appData: this.props.app[file.type]
+      workspace: {
+        id: workspace.id,
+        title: workspace.title
+      },
+      content,
+      appConfig: {
+        ...this.props.app[content.type],
+        apiUrl: 'http://localhost:3001'
+      }
     })
   }
 
@@ -60,7 +68,7 @@ class WorkspaceContent extends React.Component {
                   type={c.type}
                   icon={(app[c.type] || {icon: ''}).icon}
                   status={c.status}
-                  onClickItem={() => this.handleClickFileItem(c)}
+                  onClickItem={() => this.handleClickContentItem(c)}
                   key={c.id}
                 />
               )