Bladeren bron

Revert "Feat/markdown editor for comment mizobuchi"

Sou Mizobuchi 8 jaren geleden
bovenliggende
commit
23400cdf68

+ 1 - 1
resource/js/app.js

@@ -109,7 +109,7 @@ const componentMappings = {
 };
 };
 // additional definitions if data exists
 // additional definitions if data exists
 if (pageId) {
 if (pageId) {
-  componentMappings['page-comments-list'] = <PageComments pageId={pageId} revisionId={pageRevisionId} revisionCreatedAt={pageRevisionCreatedAt} crowi={crowi} crowiRenderer={crowiRenderer} pagePath={pagePath} />;
+  componentMappings['page-comments-list'] = <PageComments pageId={pageId} revisionId={pageRevisionId} revisionCreatedAt={pageRevisionCreatedAt} crowi={crowi} />;
   componentMappings['page-attachment'] = <PageAttachment pageId={pageId} pageContent={pageContent} crowi={crowi} />;
   componentMappings['page-attachment'] = <PageAttachment pageId={pageId} pageContent={pageContent} crowi={crowi} />;
 }
 }
 if (pagePath) {
 if (pagePath) {

+ 1 - 1
resource/js/components/Page.js

@@ -117,7 +117,7 @@ export default class Page extends React.Component {
           isMathJaxEnabled={isMathJaxEnabled}
           isMathJaxEnabled={isMathJaxEnabled}
           renderMathJaxOnInit={true}
           renderMathJaxOnInit={true}
       />
       />
-    );
+    )
   }
   }
 }
 }
 
 

+ 6 - 74
resource/js/components/PageComment/Comment.js

@@ -5,7 +5,6 @@ import dateFnsFormat from 'date-fns/format';
 
 
 import ReactUtils from '../ReactUtils';
 import ReactUtils from '../ReactUtils';
 import UserPicture from '../User/UserPicture';
 import UserPicture from '../User/UserPicture';
-import RevisionBody from '../Page/RevisionBody';
 
 
 /**
 /**
  *
  *
@@ -20,30 +19,11 @@ export default class Comment extends React.Component {
   constructor(props) {
   constructor(props) {
     super(props);
     super(props);
 
 
-    this.state = {
-      html: '',
-    };
-
     this.isCurrentUserIsAuthor = this.isCurrentUserEqualsToAuthor.bind(this);
     this.isCurrentUserIsAuthor = this.isCurrentUserEqualsToAuthor.bind(this);
     this.isCurrentRevision = this.isCurrentRevision.bind(this);
     this.isCurrentRevision = this.isCurrentRevision.bind(this);
     this.getRootClassName = this.getRootClassName.bind(this);
     this.getRootClassName = this.getRootClassName.bind(this);
     this.getRevisionLabelClassName = this.getRevisionLabelClassName.bind(this);
     this.getRevisionLabelClassName = this.getRevisionLabelClassName.bind(this);
     this.deleteBtnClickedHandler = this.deleteBtnClickedHandler.bind(this);
     this.deleteBtnClickedHandler = this.deleteBtnClickedHandler.bind(this);
-    this.renderHtml = this.renderHtml.bind(this);
-  }
-
-  componentWillMount() {
-    this.renderHtml(this.props.comment.comment, this.props.highlightKeywords);
-  }
-
-  componentWillReceiveProps(nextProps) {
-    this.renderHtml(nextProps.comment.comment, nextProps.highlightKeywords);
-  }
-
-  //not used
-  setMarkdown(markdown) {
-    this.setState({ markdown });
-    this.renderHtml(markdown, this.props.highlightKeywords);
   }
   }
 
 
   isCurrentUserEqualsToAuthor() {
   isCurrentUserEqualsToAuthor() {
@@ -68,63 +48,18 @@ export default class Comment extends React.Component {
     this.props.deleteBtnClicked(this.props.comment);
     this.props.deleteBtnClicked(this.props.comment);
   }
   }
 
 
-  renderRevisionBody() {
-    const config = this.props.crowi.getConfig();
-    const isMathJaxEnabled = !!config.env.MATHJAX;
-    return (
-      <RevisionBody html={this.state.html}
-          inputRef={el => this.revisionBodyElement = el}
-          isMathJaxEnabled={isMathJaxEnabled}
-          renderMathJaxOnInit={true} />
-    );
-  }
-
-  renderHtml(markdown, highlightKeywords) {
-    var context = {
-      markdown,
-      dom: this.revisionBodyElement,
-      currentPagePath: this.props.pagePath,
-    };
-
-    const crowiRenderer = this.props.crowiRenderer;
-    const interceptorManager = this.props.crowi.interceptorManager;
-    interceptorManager.process('preCommentRender', context)
-      .then(() => interceptorManager.process('preCommentPreProcess', context))
-      .then(() => {
-        context.markdown = crowiRenderer.preProcess(context.markdown);
-      })
-      .then(() => interceptorManager.process('postCommentPreProcess', context))
-      .then(() => {
-        var parsedHTML = crowiRenderer.process(context.markdown);
-        context['parsedHTML'] = parsedHTML;
-      })
-      .then(() => interceptorManager.process('preCommentPostProcess', context))
-      .then(() => {
-        context.parsedHTML = crowiRenderer.postProcess(context.parsedHTML, context.dom);
-
-        // highlight
-        if (highlightKeywords != null) {
-          context.parsedHTML = this.getHighlightedBody(context.parsedHTML, highlightKeywords);
-        }
-      })
-      .then(() => interceptorManager.process('postCommentPostProcess', context))
-      .then(() => interceptorManager.process('preCommentRenderHtml', context))
-      .then(() => {
-        this.setState({ html: context.parsedHTML });
-      })
-      // process interceptors for post rendering
-      .then(() => interceptorManager.process('postCommentRenderHtml', context));
-
-  }
-
   render() {
   render() {
     const comment = this.props.comment;
     const comment = this.props.comment;
     const creator = comment.creator;
     const creator = comment.creator;
+
+    // temporary from here
     const isMarkdown = comment.isMarkdown;
     const isMarkdown = comment.isMarkdown;
+    let markdownText = isMarkdown ? 'markdown' : 'plain';
+    // to here
 
 
     const rootClassName = this.getRootClassName();
     const rootClassName = this.getRootClassName();
     const commentDate = dateFnsFormat(comment.createdAt, 'YYYY/MM/DD HH:mm');
     const commentDate = dateFnsFormat(comment.createdAt, 'YYYY/MM/DD HH:mm');
-    const commentBody = isMarkdown ? this.renderRevisionBody() : ReactUtils.nl2br(comment.comment);
+    const commentBody = ReactUtils.nl2br(comment.comment);
     const creatorsPage = `/user/${creator.username}`;
     const creatorsPage = `/user/${creator.username}`;
     const revHref = `?revision=${comment.revision}`;
     const revHref = `?revision=${comment.revision}`;
     const revFirst8Letters = comment.revision.substr(-8);
     const revFirst8Letters = comment.revision.substr(-8);
@@ -138,6 +73,7 @@ export default class Comment extends React.Component {
         <div className="page-comment-main">
         <div className="page-comment-main">
           <div className="page-comment-creator">
           <div className="page-comment-creator">
             <a href={creatorsPage}>{creator.username}</a>
             <a href={creatorsPage}>{creator.username}</a>
+            <p>{markdownText}!!!</p>
           </div>
           </div>
           <div className="page-comment-body">{commentBody}</div>
           <div className="page-comment-body">{commentBody}</div>
           <div className="page-comment-meta">
           <div className="page-comment-meta">
@@ -160,8 +96,4 @@ Comment.propTypes = {
   currentRevisionId: PropTypes.string.isRequired,
   currentRevisionId: PropTypes.string.isRequired,
   currentUserId: PropTypes.string.isRequired,
   currentUserId: PropTypes.string.isRequired,
   deleteBtnClicked: PropTypes.func.isRequired,
   deleteBtnClicked: PropTypes.func.isRequired,
-  crowi: PropTypes.object.isRequired,
-  crowiRenderer: PropTypes.object.isRequired,
-  pagePath: PropTypes.string.isRequired,
-  highlightKeywords: PropTypes.string,
 };
 };

+ 1 - 7
resource/js/components/PageComments.js

@@ -123,10 +123,7 @@ export default class PageComments extends React.Component {
         <Comment key={comment._id} comment={comment}
         <Comment key={comment._id} comment={comment}
           currentUserId={this.props.crowi.me}
           currentUserId={this.props.crowi.me}
           currentRevisionId={this.props.revisionId}
           currentRevisionId={this.props.revisionId}
-          deleteBtnClicked={this.confirmToDeleteComment}
-          crowi={this.props.crowi}
-          crowiRenderer={this.props.crowiRenderer}
-          pagePath={this.props.pagePath} />
+          deleteBtnClicked={this.confirmToDeleteComment} />
       );
       );
     });
     });
   }
   }
@@ -242,7 +239,4 @@ PageComments.propTypes = {
   revisionId: PropTypes.string,
   revisionId: PropTypes.string,
   revisionCreatedAt: PropTypes.number,
   revisionCreatedAt: PropTypes.number,
   crowi: PropTypes.object.isRequired,
   crowi: PropTypes.object.isRequired,
-  crowiRenderer: PropTypes.object.isRequired,
-  pagePath: PropTypes.string.isRequired,
-  highlightKeywords: PropTypes.string,
 };
 };