added handling of status change

dist/index.html

@@ -20,38 +20,6 @@
   <script src='./html-documents.app.dev.js'></script>
 
   <script type='text/javascript'>
-    GLOBAL_renderApp = app => {
-      switch (app.appData.name) {
-        case 'PageHtml':
-          appPageHtml.renderApp('appContainer'); break
-        case 'Thread':
-          appThread.renderApp('appContainer'); break
-      }
-    }
-
-    GLOBAL_dispatchEvent = (data) => {
-      var event = new CustomEvent('appCustomEvent', {detail: data})
-      document.dispatchEvent(event)
-    }
-
-    GLOBAL_unmountApp = () => {
-      switch (appName) {
-        case 'PageHtml':
-          appPageHtml.hideApp('appContainer'); break
-        case 'Thread':
-          appThread.hideApp('appContainer'); break
-      }
-    }
-
-    // only usefull if app doesn't handle fileContent himself
-    GLOBAL_handleRequireRedraw = () => {
-      var rez = appA.destroyApp('app')
-      if (rez) GLOBAL_drawApp('redraw')
-      else console.log('Erreur, failed at destroying app')
-    }
-  </script>
-
-  <script type='text/javascript'>
     // appPageHtml.renderApp('content')
   </script>
 </body>

src/container/HtmlDocument.jsx

@@ -195,6 +195,45 @@ class HtmlDocument extends React.Component {
       })
   }
 
+  handleChangeStatus = async newStatus => {
+    const { config, content } = this.state
+
+    const fetchResultSaveEditStatus = await fetch(`${config.apiUrl}/workspaces/${content.workspace_id}/html-documents/${content.content_id}/status`, {
+      ...FETCH_CONFIG,
+      method: 'PUT',
+      body: JSON.stringify({
+        status: newStatus
+      })
+    })
+
+    handleFetchResult(fetchResultSaveEditStatus)
+      .then(resSave => {
+        if (resSave.status !== 204) { // 204 no content so dont take status from resSave.apiResponse.status
+          console.warn('Error saving html-document comment. Result:', resSave, 'content:', content, 'config:', config)
+        } else {
+          this.loadContent()
+        }
+      })
+  }
+
+  handleClickArchive = async () => {
+    console.log('archive')
+    // const { config, content } = this.state
+    //
+    // const fetchResultArchive = await fetch(`${config.apiUrl}/workspaces/${content.workspace_id}/contents/${content.content_id}/archive`, {
+    //   ...FETCH_CONFIG,
+    //   method: 'PUT'
+    // })
+  }
+  handleClickDelete = async () => {
+    console.log('delete')
+    // const { config, content } = this.state
+    // const fetchResultDelete = await fetch(`${config.apiUrl}/workspaces/${content.workspace_id}/contents/${content.content_id}/delete`, {
+    //   ...FETCH_CONFIG,
+    //   method: 'PUT'
+    // })
+  }
+
   render () {
     const { isVisible, loggedUser, content, timeline, newComment, config } = this.state
 
@@ -212,7 +251,12 @@ class HtmlDocument extends React.Component {
 
         <PopinFixedOption
           customClass={`${config.slug}`}
+          availableStatus={config.availableStatuses}
           onClickNewVersionBtn={this.handleClickNewVersion}
+          onChangeStatus={this.handleChangeStatus}
+          selectedStatus={config.availableStatuses.find(s => s.slug === content.status)} // peut être vide avant que api reponde
+          onClickArchive={this.handleClickArchive}
+          onClickDelete={this.handleClickDelete}
           i18n={i18n}
         />
 

src/helper.js

@@ -27,7 +27,32 @@ export const debug = {
       'Accept': 'application/json',
       'Content-Type': 'application/json'
       // 'Authorization': 'Basic ' + btoa(`${'admin@admin.admin'}:${'admin@admin.admin'}`)
-    }
+    },
+    availableStatuses: [{
+      label: 'Open',
+      slug: 'open',
+      faIcon: 'square-o',
+      hexcolor: '#3f52e3',
+      globalStatus: 'open'
+    }, {
+      label: 'Validated',
+      slug: 'closed-validated',
+      faIcon: 'check-square-o',
+      hexcolor: '#008000',
+      globalStatus: 'closed'
+    }, {
+      label: 'Cancelled',
+      slug: 'closed-unvalidated',
+      faIcon: 'close',
+      hexcolor: '#f63434',
+      globalStatus: 'closed'
+    }, {
+      label: 'Deprecated',
+      slug: 'closed-deprecated',
+      faIcon: 'warning',
+      hexcolor: '#ababab',
+      globalStatus: 'closed'
+    }]
   },
   loggedUser: { // @FIXME this object is outdated
     user_id: 5,