-
-
-
{props.post.title}
-
{props.post.name}
-
{props.post.content}
+// Import Components
+import { CommentCreateWidget } from '../../components/CommentCreateWidget/CommentCreateWidget';
+import CommentList from '../../components/CommentList';
+
+class PostDetailPage extends Component {
+ componentDidMount() {
+ this.props.dispatch(fetchComments(this.props.post.cuid));
+ }
+
+ handleOnEdit = cuid => {
+ this.props.dispatch(editComment(cuid));
+ }
+
+ handleAddComment = (author, content) => {
+ this.props.dispatch(addCommentRequest({ author, content }, this.props.post.cuid));
+ }
+
+ handleOnUpdate = (cuid, content) => {
+ this.props.dispatch(updateCommentRequest({ cuid, content }));
+ }
+
+ handleDeleteComment = comment => {
+ if (confirm('Do you want to delete this comment')) { // eslint-disable-line
+ this.props.dispatch(deleteCommentRequest(comment));
+ }
+ };
+ render() {
+ return (
+
+
+
+
{this.props.post.title}
+
{this.props.post.name}
+
{this.props.post.content}
+
+
+
-
- );
+ );
+ }
}
// Actions required to provide data for this component to render in server side.
@@ -34,6 +65,7 @@ PostDetailPage.need = [params => {
// Retrieve data from store as props
function mapStateToProps(state, props) {
return {
+ comments: getComments(state),
post: getPost(state, props.params.cuid),
};
}
@@ -46,6 +78,11 @@ PostDetailPage.propTypes = {
slug: PropTypes.string.isRequired,
cuid: PropTypes.string.isRequired,
}).isRequired,
+ comments: PropTypes.shape({
+ author: PropTypes.isRequired,
+ content: PropTypes.isRequired,
+ }).isRequired,
+ dispatch: PropTypes.func.isRequired,
};
export default connect(mapStateToProps)(PostDetailPage);
diff --git a/client/reducers.js b/client/reducers.js
index 2aa143142..1d66c4464 100644
--- a/client/reducers.js
+++ b/client/reducers.js
@@ -6,11 +6,13 @@ import { combineReducers } from 'redux';
// Import Reducers
import app from './modules/App/AppReducer';
import posts from './modules/Post/PostReducer';
+import comments from './modules/Post/CommentReducer';
import intl from './modules/Intl/IntlReducer';
// Combine all reducers into one root reducer
export default combineReducers({
app,
posts,
+ comments,
intl,
});
diff --git a/server/controllers/post.controller.js b/server/controllers/post.controller.js
index e62804c41..2fb7e8eec 100644
--- a/server/controllers/post.controller.js
+++ b/server/controllers/post.controller.js
@@ -1,4 +1,5 @@
import Post from '../models/post';
+import Comment from '../models/comment';
import cuid from 'cuid';
import slug from 'limax';
import sanitizeHtml from 'sanitize-html';
@@ -10,12 +11,14 @@ import sanitizeHtml from 'sanitize-html';
* @returns void
*/
export function getPosts(req, res) {
- Post.find().sort('-dateAdded').exec((err, posts) => {
- if (err) {
- res.status(500).send(err);
- }
- res.json({ posts });
- });
+ Post.find()
+ .sort('-dateAdded')
+ .exec((err, posts) => {
+ if (err) {
+ res.status(500).send(err);
+ }
+ res.json({ posts });
+ });
}
/**
@@ -78,3 +81,85 @@ export function deletePost(req, res) {
});
});
}
+
+/**
+ * Save a post comment
+ * @param req
+ * @param res
+ * @returns void
+ */
+export function addPostComment(req, res) {
+ if (!req.body.comment.author || !req.body.comment.content) {
+ res.status(403).end();
+ }
+
+ const newComment = new Comment(req.body.comment);
+
+ // Let's sanitize inputs
+ newComment.author = sanitizeHtml(newComment.author);
+ newComment.content = sanitizeHtml(newComment.content);
+
+ newComment.slug = slug(newComment.author.toLowerCase(), { lowercase: true });
+ newComment.cuid = cuid();
+ newComment.postId = req.params.cuid;
+
+ newComment.save((err, saved) => {
+ if (err) {
+ res.status(500).send(err);
+ }
+ res.json({ comment: saved });
+ });
+}
+
+/**
+ * Get all comments
+ * @param req
+ * @param res
+ * @returns void
+ */
+export function getPostComments(req, res) {
+ Comment.find({ postId: req.params.cuid })
+ .sort('-dateAdded')
+ .exec((err, comments) => {
+ if (err) {
+ res.status(500).send(err);
+ }
+ res.json({ comments });
+ });
+}
+
+/**
+ * Delete a comment of post
+ * @param req
+ * @param res
+ * @returns void
+ */
+export function deletePostComment(req, res) {
+ Comment.findOne({ cuid: req.params.cuid }).exec((err, comment) => {
+ if (err) {
+ res.status(500).send(err);
+ }
+
+ comment.remove(() => {
+ res.status(200).end();
+ });
+ });
+}
+
+/**
+ * Edit a comment of post
+ * @param req
+ * @param res
+ * @returns void
+ */
+export function editPostComment(req, res) {
+ Comment.updateOne({ cuid: req.params.cuid }, { content: req.body.comment.content }).exec(
+ (err, comment) => {
+ if (err) {
+ res.status(500).send(err);
+ }
+
+ res.json(comment);
+ }
+ );
+}
diff --git a/server/models/comment.js b/server/models/comment.js
new file mode 100644
index 000000000..0f641eb31
--- /dev/null
+++ b/server/models/comment.js
@@ -0,0 +1,13 @@
+import mongoose from 'mongoose';
+const Schema = mongoose.Schema;
+
+const postSchema = new Schema({
+ author: { type: 'String', required: true },
+ content: { type: 'String', required: true },
+ slug: { type: 'String', required: true },
+ cuid: { type: 'String', required: true },
+ postId: { type: 'String', required: true },
+ dateAdded: { type: 'Date', default: Date.now, required: true },
+});
+
+export default mongoose.model('Comment', postSchema);
diff --git a/server/routes/post.routes.js b/server/routes/post.routes.js
index 5d62c3018..6d6b193d5 100644
--- a/server/routes/post.routes.js
+++ b/server/routes/post.routes.js
@@ -14,4 +14,16 @@ router.route('/posts').post(PostController.addPost);
// Delete a post by cuid
router.route('/posts/:cuid').delete(PostController.deletePost);
+// Get all comments of post
+router.route('/posts/:cuid/comments').get(PostController.getPostComments);
+
+// Add a new comment of post
+router.route('/posts/:cuid/comment').post(PostController.addPostComment);
+
+// Edit comment of post
+router.route('/comment/:cuid').put(PostController.editPostComment);
+
+// Delete comment of post
+router.route('/comment/:cuid').delete(PostController.deletePostComment);
+
export default router;