handle hidable timeline + handle click on last version in timeline

src/component/HtmlDocument.jsx

@@ -16,6 +16,7 @@ const HtmlDocument = props => {
               </div>
             }
           </div>
+          {/* need try to inject html in stateless component () => <span>{props.text}</span> */}
           <div className='html-documents__contentpage__textnote__text' dangerouslySetInnerHTML={{__html: props.text}} />
         </div>
       }

src/container/HtmlDocument.jsx

@@ -10,7 +10,7 @@ import {
   NewVersionBtn,
   ArchiveDeleteContent,
   SelectStatus
-} from 'tracim_lib'
+} from 'tracim_lib/src/index.js'
 import { MODE, debug } from '../helper.js'
 import {
   getHtmlDocContent,
@@ -71,7 +71,10 @@ class HtmlDocument extends React.Component {
 
     if (prevState.content.content_id !== state.content.content_id) this.loadContent()
 
-    if (state.mode === MODE.EDIT) wysiwyg('#wysiwygNewVersion', this.handleChangeText)
+    if (state.mode === MODE.EDIT) {
+      tinymce.remove('#wysiwygNewVersion')
+      wysiwyg('#wysiwygNewVersion', this.handleChangeText)
+    }
 
     if (!prevState.timelineWysiwyg && state.timelineWysiwyg) wysiwyg('#wysiwygTimelineComment', this.handleChangeNewComment)
     else if (prevState.timelineWysiwyg && !state.timelineWysiwyg) tinymce.remove('#wysiwygTimelineComment')
@@ -240,6 +243,18 @@ class HtmlDocument extends React.Component {
   }
 
   handleClickShowRevision = revision => {
+    const { mode, timeline } = this.state
+
+    const revisionArray = timeline.filter(t => t.timelineType === 'revision')
+    const isLastRevision = revision.revision_id === revisionArray[revisionArray.length - 1].revision_id
+
+    if (mode === MODE.REVISION && isLastRevision) {
+      this.handleClickLastVersion()
+      return
+    }
+
+    if (mode === MODE.VIEW && isLastRevision) return
+
     this.setState(prev => ({
       content: {
         ...prev.content,
@@ -275,7 +290,7 @@ class HtmlDocument extends React.Component {
         <PopinFixedOption customClass={`${config.slug}`} i18n={i18n}>
           <div /* this div in display flex, justify-content space-between */>
             <div className='d-flex'>
-              <NewVersionBtn onClickNewVersionBtn={this.handleClickNewVersion} disabled={mode === MODE.REVISION} />
+              <NewVersionBtn onClickNewVersionBtn={this.handleClickNewVersion} disabled={mode !== MODE.VIEW} />
 
               {mode === MODE.REVISION &&
                 <button
@@ -306,7 +321,10 @@ class HtmlDocument extends React.Component {
           </div>
         </PopinFixedOption>
 
-        <PopinFixedContent customClass={`${config.slug}__contentpage`}>
+        <PopinFixedContent
+          customClass={`${config.slug}__contentpage`}
+          showRightPartOnLoad={mode === MODE.VIEW}
+        >
           <HtmlDocumentComponent
             mode={mode}
             wysiwygNewVersion={'wysiwygNewVersion'}

src/container/PopupCreateHtmlDocument.jsx

@@ -72,6 +72,7 @@ class PopupCreateHtmlDocument extends React.Component {
               idWorkspace: resSave.body.workspace_id,
               contentType: appName,
               idContent: resSave.body.content_id
+              // will be open in edit mode because revision.length === 1
             }
           })
         }

src/helper.js

@@ -60,7 +60,8 @@ export const debug = {
     firstname: 'Côme',
     lastname: 'Stoilenom',
     email: 'osef@algoo.fr',
-    avatar_url: 'https://avatars3.githubusercontent.com/u/11177014?s=460&v=4'
+    avatar_url: 'https://avatars3.githubusercontent.com/u/11177014?s=460&v=4',
+    auth: btoa(`${'admin@admin.admin'}:${'admin@admin.admin'}`)
   },
   content: {
     author: {