Vulcan/packages/nova-base-components/lib/posts/PostsEditForm.jsx

79 lines
2.4 KiB
React
Raw Normal View History

2016-08-08 11:18:21 +09:00
import Telescope from 'meteor/nova:lib';
2016-03-29 10:13:35 +09:00
import React, { PropTypes, Component } from 'react';
2016-06-09 17:42:20 +09:00
import { FormattedMessage, intlShape } from 'react-intl';
import NovaForm from "meteor/nova:forms";
//import { Messages } from "meteor/nova:core";
//import Actions from "../actions.js";
2016-06-23 11:40:35 +09:00
import Posts from "meteor/nova:posts";
2016-06-23 15:00:58 +09:00
import Users from 'meteor/nova:users';
2016-03-29 10:13:35 +09:00
2016-04-14 10:12:35 +09:00
class PostsEditForm extends Component{
2016-03-29 10:13:35 +09:00
constructor() {
super();
this.deletePost = this.deletePost.bind(this);
}
deletePost() {
const post = this.props.post;
2016-06-09 17:42:20 +09:00
const deletePostConfirm = this.context.intl.formatMessage({id: "posts.delete_confirm"}, {title: post.title});
const deletePostSuccess = this.context.intl.formatMessage({id: "posts.delete_success"}, {title: post.title});
if (window.confirm(deletePostConfirm)) {
2016-06-23 11:40:35 +09:00
this.context.actions.call('posts.remove', post._id, (error, result) => {
this.context.messages.flash(deletePostSuccess, "success");
this.context.events.track("post deleted", {'_id': post._id});
2016-03-29 10:13:35 +09:00
});
}
}
2016-05-20 09:33:55 +09:00
renderAdminArea() {
return (
<Telescope.components.CanDo action="posts.edit.all">
<div className="posts-edit-form-admin">
<div className="posts-edit-form-id">ID: {this.props.post._id}</div>
<Telescope.components.PostsStats post={this.props.post} />
</div>
</Telescope.components.CanDo>
2016-05-20 09:33:55 +09:00
)
}
2016-03-29 10:13:35 +09:00
render() {
2016-03-29 10:13:35 +09:00
return (
<div className="posts-edit-form">
{this.renderAdminArea()}
<Telescope.components.PostsSingleContainer
postId={this.props.post._id}
component={NovaForm}
componentProps={{
collection: Posts,
currentUser: this.context.currentUser,
methodName: "posts.edit",
successCallback: (post) => {
this.context.messages.flash(this.context.intl.formatMessage({id: "posts.edit_success"}, {title: post.title}), 'success')
}
}}
2016-03-29 10:13:35 +09:00
/>
2016-04-07 10:33:44 +09:00
<hr/>
2016-06-09 17:42:20 +09:00
<a onClick={this.deletePost} className="delete-post-link"><Telescope.components.Icon name="close"/> <FormattedMessage id="posts.delete"/></a>
2016-03-29 10:13:35 +09:00
</div>
)
}
}
2016-04-14 10:12:35 +09:00
PostsEditForm.propTypes = {
2016-03-29 10:13:35 +09:00
post: React.PropTypes.object.isRequired
}
2016-04-14 10:12:35 +09:00
PostsEditForm.contextTypes = {
2016-06-09 17:42:20 +09:00
currentUser: React.PropTypes.object,
actions: React.PropTypes.object,
events: React.PropTypes.object,
messages: React.PropTypes.object,
2016-06-09 17:42:20 +09:00
intl: intlShape
}
2016-03-29 10:13:35 +09:00
2016-04-14 10:12:35 +09:00
module.exports = PostsEditForm;
export default PostsEditForm;