app now handles multi users

src/action.async.js

@@ -1,35 +1,50 @@
 import { FETCH_CONFIG } from './helper.js'
 
-export const getHtmlDocContent = (apiUrl, idWorkspace, idContent) =>
+export const getHtmlDocContent = (user, apiUrl, idWorkspace, idContent) =>
   fetch(`${apiUrl}/workspaces/${idWorkspace}/html-documents/${idContent}`, {
-    ...FETCH_CONFIG,
+    headers: {
+      ...FETCH_CONFIG.headers,
+      'Authorization': 'Basic ' + user.auth
+    },
     method: 'GET'
   })
 
-export const getHtmlDocComment = (apiUrl, idWorkspace, idContent) =>
+export const getHtmlDocComment = (user, apiUrl, idWorkspace, idContent) =>
   fetch(`${apiUrl}/workspaces/${idWorkspace}/contents/${idContent}/comments`, {
-    ...FETCH_CONFIG,
+    headers: {
+      ...FETCH_CONFIG.headers,
+      'Authorization': 'Basic ' + user.auth
+    },
     method: 'GET'
   })
 
-export const getHtmlDocRevision = (apiUrl, idWorkspace, idContent) =>
+export const getHtmlDocRevision = (user, apiUrl, idWorkspace, idContent) =>
   fetch(`${apiUrl}/workspaces/${idWorkspace}/html-documents/${idContent}/revisions`, {
-    ...FETCH_CONFIG,
+    headers: {
+      ...FETCH_CONFIG.headers,
+      'Authorization': 'Basic ' + user.auth
+    },
     method: 'GET'
   })
 
-export const postHtmlDocNewComment = (apiUrl, idWorkspace, idContent, newComment) =>
+export const postHtmlDocNewComment = (user, apiUrl, idWorkspace, idContent, newComment) =>
   fetch(`${apiUrl}/workspaces/${idWorkspace}/contents/${idContent}/comments`, {
-    ...FETCH_CONFIG,
+    headers: {
+      ...FETCH_CONFIG.headers,
+      'Authorization': 'Basic ' + user.auth
+    },
     method: 'POST',
     body: JSON.stringify({
       raw_content: newComment
     })
   })
 
-export const putHtmlDocContent = (apiUrl, idWorkspace, idContent, label, newContent) =>
+export const putHtmlDocContent = (user, apiUrl, idWorkspace, idContent, label, newContent) =>
   fetch(`${apiUrl}/workspaces/${idWorkspace}/html-documents/${idContent}`, {
-    ...FETCH_CONFIG,
+    headers: {
+      ...FETCH_CONFIG.headers,
+      'Authorization': 'Basic ' + user.auth
+    },
     method: 'PUT',
     body: JSON.stringify({
       label: label,
@@ -37,18 +52,24 @@ export const putHtmlDocContent = (apiUrl, idWorkspace, idContent, label, newCont
     })
   })
 
-export const putHtmlDocStatus = (apiUrl, idWorkspace, idContent, newStatus) =>
+export const putHtmlDocStatus = (user, apiUrl, idWorkspace, idContent, newStatus) =>
   fetch(`${apiUrl}/workspaces/${idWorkspace}/html-documents/${idContent}/status`, {
-    ...FETCH_CONFIG,
+    headers: {
+      ...FETCH_CONFIG.headers,
+      'Authorization': 'Basic ' + user.auth
+    },
     method: 'PUT',
     body: JSON.stringify({
       status: newStatus
     })
   })
 
-export const postHtmlDocContent = (apiUrl, idWorkspace, idFolder, contentType, newContentName) =>
+export const postHtmlDocContent = (user, apiUrl, idWorkspace, idFolder, contentType, newContentName) =>
   fetch(`${apiUrl}/workspaces/${idWorkspace}/contents`, {
-    ...FETCH_CONFIG,
+    headers: {
+      ...FETCH_CONFIG.headers,
+      'Authorization': 'Basic ' + user.auth
+    },
     method: 'POST',
     body: JSON.stringify({
       parent_id: idFolder,

src/container/HtmlDocument.jsx

@@ -74,11 +74,11 @@ class HtmlDocument extends React.Component {
   }
 
   loadContent = async () => {
-    const { content, config } = this.state
+    const { loggedUser, content, config } = this.state
 
-    const fetchResultHtmlDocument = getHtmlDocContent(config.apiUrl, content.workspace_id, content.content_id)
-    const fetchResultComment = getHtmlDocComment(config.apiUrl, content.workspace_id, content.content_id)
-    const fetchResultRevision = getHtmlDocRevision(config.apiUrl, content.workspace_id, content.content_id)
+    const fetchResultHtmlDocument = getHtmlDocContent(loggedUser, config.apiUrl, content.workspace_id, content.content_id)
+    const fetchResultComment = getHtmlDocComment(loggedUser, config.apiUrl, content.workspace_id, content.content_id)
+    const fetchResultRevision = getHtmlDocRevision(loggedUser, config.apiUrl, content.workspace_id, content.content_id)
 
     handleFetchResult(await fetchResultHtmlDocument)
       .then(resHtmlDocument => this.setState({content: resHtmlDocument.body}))
@@ -126,9 +126,9 @@ class HtmlDocument extends React.Component {
   }
 
   handleSaveEditTitle = async newTitle => {
-    const { config, content } = this.state
+    const { loggedUser, config, content } = this.state
 
-    const fetchResultSaveHtmlDoc = putHtmlDocContent(config.apiUrl, content.workspace_id, content.content_id, newTitle, content.raw_content)
+    const fetchResultSaveHtmlDoc = putHtmlDocContent(loggedUser, config.apiUrl, content.workspace_id, content.content_id, newTitle, content.raw_content)
 
     handleFetchResult(await fetchResultSaveHtmlDoc)
       .then(resSave => {
@@ -145,9 +145,9 @@ class HtmlDocument extends React.Component {
   }
 
   handleSaveHtmlDocument = async () => {
-    const { content, config } = this.state
+    const { loggedUser, content, config } = this.state
 
-    const fetchResultSaveHtmlDoc = putHtmlDocContent(config.apiUrl, content.workspace_id, content.content_id, content.label, content.raw_content)
+    const fetchResultSaveHtmlDoc = putHtmlDocContent(loggedUser, config.apiUrl, content.workspace_id, content.content_id, content.label, content.raw_content)
 
     handleFetchResult(await fetchResultSaveHtmlDoc)
       .then(resSave => {
@@ -171,9 +171,9 @@ class HtmlDocument extends React.Component {
   }
 
   handleClickValidateNewCommentBtn = async () => {
-    const { config, content, newComment } = this.state
+    const { loggedUser, config, content, newComment } = this.state
 
-    const fetchResultSaveNewComment = await postHtmlDocNewComment(config.apiUrl, content.workspace_id, content.content_id, newComment)
+    const fetchResultSaveNewComment = await postHtmlDocNewComment(loggedUser, config.apiUrl, content.workspace_id, content.content_id, newComment)
 
     handleFetchResult(await fetchResultSaveNewComment)
       .then(resSave => {
@@ -190,9 +190,9 @@ class HtmlDocument extends React.Component {
   handleToggleWysiwyg = () => this.setState(prev => ({timelineWysiwyg: !prev.timelineWysiwyg}))
 
   handleChangeStatus = async newStatus => {
-    const { config, content } = this.state
+    const { loggedUser, config, content } = this.state
 
-    const fetchResultSaveEditStatus = putHtmlDocStatus(config.apiUrl, content.workspace_id, content.content_id, newStatus)
+    const fetchResultSaveEditStatus = putHtmlDocStatus(loggedUser, config.apiUrl, content.workspace_id, content.content_id, newStatus)
 
     handleFetchResult(await fetchResultSaveEditStatus)
       .then(resSave => {

src/container/PopupCreateHtmlDocument.jsx

@@ -55,9 +55,9 @@ class PopupCreateHtmlDocument extends React.Component {
   })
 
   handleValidate = async () => {
-    const { config, appName, idWorkspace, idFolder, newContentName } = this.state
+    const { loggedUser, config, appName, idWorkspace, idFolder, newContentName } = this.state
 
-    const fetchSaveNewHtmlDoc = postHtmlDocContent(config.apiUrl, idWorkspace, idFolder, config.slug, newContentName)
+    const fetchSaveNewHtmlDoc = postHtmlDocContent(loggedUser, config.apiUrl, idWorkspace, idFolder, config.slug, newContentName)
 
     handleFetchResult(await fetchSaveNewHtmlDoc)
       .then(resSave => {

src/helper.js

@@ -3,8 +3,7 @@ import { timelineDebugData } from './timelineDebugData.js'
 export const FETCH_CONFIG = {
   headers: {
     'Accept': 'application/json',
-    'Content-Type': 'application/json',
-    'Authorization': 'Basic ' + btoa(`${'admin@admin.admin'}:${'admin@admin.admin'}`)
+    'Content-Type': 'application/json'
   }
 }