2016-03-17 17:48:25 +09:00
|
|
|
import React, { PropTypes, Component } from 'react';
|
2016-02-18 17:53:04 +09:00
|
|
|
import Formsy from 'formsy-react';
|
|
|
|
import FRC from 'formsy-react-components';
|
2016-03-23 11:37:15 +09:00
|
|
|
import Actions from '../../actions.js';
|
2016-03-25 12:17:29 +09:00
|
|
|
import { Button } from 'react-bootstrap';
|
2016-04-03 20:58:11 +09:00
|
|
|
|
2016-03-31 09:36:25 +09:00
|
|
|
import Core from "meteor/nova:core";
|
|
|
|
const Messages = Core.Messages;
|
2016-02-18 17:53:04 +09:00
|
|
|
|
2016-04-03 20:58:11 +09:00
|
|
|
import ReactForms from "meteor/nova:forms";
|
|
|
|
const NewDocument = ReactForms.NewDocument;
|
|
|
|
|
2016-02-18 17:53:04 +09:00
|
|
|
const Textarea = FRC.Textarea;
|
|
|
|
|
2016-03-17 17:48:25 +09:00
|
|
|
class CommentNew extends Component {
|
2016-02-18 17:53:04 +09:00
|
|
|
|
2016-04-03 20:58:11 +09:00
|
|
|
render() {
|
2016-02-23 16:49:56 +09:00
|
|
|
|
2016-04-03 20:58:11 +09:00
|
|
|
let prefilledProps = {postId: this.props.postId};
|
2016-02-18 17:53:04 +09:00
|
|
|
|
2016-04-03 20:58:11 +09:00
|
|
|
if (this.props.parentComment) {
|
|
|
|
prefilledProps = Object.assign(prefilledProps, {
|
|
|
|
parentCommentId: this.props.parentComment._id,
|
2016-02-23 16:49:56 +09:00
|
|
|
// if parent comment has a topLevelCommentId use it; if it doesn't then it *is* the top level comment
|
2016-04-03 20:58:11 +09:00
|
|
|
topLevelCommentId: this.props.parentComment.topLevelCommentId || this.props.parentComment._id
|
|
|
|
});
|
2016-02-23 16:49:56 +09:00
|
|
|
}
|
2016-02-18 17:53:04 +09:00
|
|
|
|
|
|
|
return (
|
2016-04-03 20:58:11 +09:00
|
|
|
<div className="comment-new-form">
|
|
|
|
<NewDocument
|
|
|
|
collection={Comments}
|
|
|
|
currentUser={this.context.currentUser}
|
|
|
|
methodName="comments.new"
|
|
|
|
prefilledProps={prefilledProps}
|
|
|
|
successCallback={(post)=>{
|
|
|
|
this.props.submitCallback();
|
|
|
|
Messages.flash("Comment created.", "success");
|
|
|
|
}}
|
|
|
|
errorCallback={(post, error)=>{
|
|
|
|
Messages.flash(error.message);
|
|
|
|
}}
|
|
|
|
labelFunction={(fieldName)=>Telescope.utils.getFieldLabel(fieldName, Comments)}
|
2016-02-18 17:53:04 +09:00
|
|
|
/>
|
2016-04-03 20:58:11 +09:00
|
|
|
{this.props.type === "reply" ? <a className="comment-edit-cancel" onClick={this.props.cancelCallback}>Cancel</a> : null}
|
|
|
|
</div>
|
2016-02-18 17:53:04 +09:00
|
|
|
)
|
|
|
|
}
|
|
|
|
|
2016-03-17 17:48:25 +09:00
|
|
|
};
|
|
|
|
|
|
|
|
CommentNew.propTypes = {
|
|
|
|
postId: React.PropTypes.string.isRequired,
|
|
|
|
submitCallback: React.PropTypes.func, // a callback to execute when the submission has been successful
|
|
|
|
type: React.PropTypes.string, // "comment" or "reply"
|
|
|
|
parentComment: React.PropTypes.object, // if reply, the comment being replied to
|
|
|
|
parentCommentId: React.PropTypes.string, // if reply
|
2016-03-25 12:17:29 +09:00
|
|
|
topLevelCommentId: React.PropTypes.string, // if reply
|
|
|
|
cancelCallback: React.PropTypes.func
|
2016-03-17 17:48:25 +09:00
|
|
|
}
|
2016-02-18 17:53:04 +09:00
|
|
|
|
2016-04-03 20:58:11 +09:00
|
|
|
CommentNew.contextTypes = {
|
|
|
|
currentUser: React.PropTypes.object
|
|
|
|
}
|
|
|
|
|
2016-02-18 17:53:04 +09:00
|
|
|
module.exports = CommentNew;
|