Vulcan/packages/nova-base-components/lib/comments/list/CommentNew.jsx

66 lines
2.1 KiB
React
Raw Normal View History

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';
import Actions from '../../actions.js';
import { Button } from 'react-bootstrap';
import Core from "meteor/nova:core";
const Messages = Core.Messages;
2016-02-18 17:53:04 +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
render() {
2016-02-23 16:49:56 +09:00
let prefilledProps = {postId: this.props.postId};
2016-02-18 17:53:04 +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
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 (
<div className="comment-new-form">
<NewDocument
collection={Comments}
currentUser={this.context.currentUser}
methodName="comments.new"
prefilledProps={prefilledProps}
successCallback={(post)=>{
this.props.successCallback();
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
/>
{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,
successCallback: React.PropTypes.func, // a callback to execute when the submission has been successful
2016-03-17 17:48:25 +09:00
type: React.PropTypes.string, // "comment" or "reply"
parentComment: React.PropTypes.object, // if reply, the comment being replied to
parentCommentId: React.PropTypes.string, // if reply
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
CommentNew.contextTypes = {
currentUser: React.PropTypes.object
}
2016-02-18 17:53:04 +09:00
module.exports = CommentNew;