[https://github.com/tracim/tracim/issues/641] apps htmldoc and thread now mark content as read upon loading data

frontend_app_html-document/src/action.async.js

@@ -117,3 +117,13 @@ export const putHtmlDocRestoreDeleted = (user, apiUrl, idWorkspace, idContent) =
     method: 'PUT'
   })
 }
+
+export const putHtmlDocRead = (user, apiUrl, idWorkspace, idContent) => {
+  return fetch(`${apiUrl}/users/${user.user_id}/workspaces/${idWorkspace}/contents/${idContent}/read`, {
+    headers: {
+      'Authorization': 'Basic ' + user.auth,
+      ...FETCH_CONFIG.headers
+    },
+    method: 'PUT'
+  })
+}

frontend_app_html-document/src/container/HtmlDocument.jsx

@@ -26,7 +26,8 @@ import {
   putHtmlDocIsArchived,
   putHtmlDocIsDeleted,
   putHtmlDocRestoreArchived,
-  putHtmlDocRestoreDeleted
+  putHtmlDocRestoreDeleted,
+  putHtmlDocRead
 } from '../action.async.js'
 
 class HtmlDocument extends React.Component {
@@ -165,6 +166,9 @@ class HtmlDocument extends React.Component {
         console.log('Error loading Timeline.', e)
         this.setState({timeline: []})
       })
+
+    await Promise.all([fetchResultHtmlDocument, fetchResultComment, fetchResultRevision])
+    putHtmlDocRead(loggedUser, config.apiUrl, content.workspace_id, content.content_id) // mark as read after all requests are finished
   }
 
   handleClickBtnCloseApp = () => {

frontend_app_thread/src/action.async.js

@@ -108,3 +108,13 @@ export const putThreadRestoreDeleted = (user, apiUrl, idWorkspace, idContent) =>
     method: 'PUT'
   })
 }
+
+export const putThreadRead = (user, apiUrl, idWorkspace, idContent) => {
+  return fetch(`${apiUrl}/users/${user.user_id}/workspaces/${idWorkspace}/contents/${idContent}/read`, {
+    headers: {
+      'Authorization': 'Basic ' + user.auth,
+      ...FETCH_CONFIG.headers
+    },
+    method: 'PUT'
+  })
+}

frontend_app_thread/src/container/Thread.jsx

@@ -22,7 +22,8 @@ import {
   putThreadIsArchived,
   putThreadIsDeleted,
   putThreadRestoreArchived,
-  putThreadRestoreDeleted
+  putThreadRestoreDeleted,
+  putThreadRead
 } from '../action.async.js'
 
 class Thread extends React.Component {
@@ -108,20 +109,24 @@ class Thread extends React.Component {
       handleFetchResult(await fetchResultThread),
       handleFetchResult(await fetchResultThreadComment)
     ])
-      .then(([resThread, resComment]) => this.setState({
-        content: resThread.body,
-        listMessage: resComment.body.map(c => ({
-          ...c,
-          timelineType: 'comment',
-          created: (new Date(c.created)).toLocaleString(),
-          author: {
-            ...c.author,
-            avatar_url: c.author.avatar_url
-              ? c.author.avatar_url
-              : generateAvatarFromPublicName(c.author.public_name)
-          }
-        }))
-      }))
+      .then(([resThread, resComment]) => {
+        this.setState({
+          content: resThread.body,
+          listMessage: resComment.body.map(c => ({
+            ...c,
+            timelineType: 'comment',
+            created: (new Date(c.created)).toLocaleString(),
+            author: {
+              ...c.author,
+              avatar_url: c.author.avatar_url
+                ? c.author.avatar_url
+                : generateAvatarFromPublicName(c.author.public_name)
+            }
+          }))
+        })
+
+        putThreadRead(loggedUser, config.apiUrl, content.workspace_id, content.content_id)
+      })
       .catch(e => console.log('Error loading Thread data.', e))
   }