Vulcan/packages/nova-base-components/lib/posts/PostsEditForm.jsx
2016-11-15 18:33:16 +01:00

71 lines
2.4 KiB
JavaScript

import Telescope from 'meteor/nova:lib';
import React, { PropTypes, Component } from 'react';
import { FormattedMessage, intlShape } from 'react-intl';
import NovaForm from "meteor/nova:forms";
import Posts from "meteor/nova:posts";
import { withRouter } from 'react-router'
import { bindActionCreators } from 'redux';
import { connect } from 'react-redux';
class PostsEditForm extends Component {
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>
)
}
render() {
return (
<div className="posts-edit-form">
{this.renderAdminArea()}
<NovaForm
collection={Posts}
mutationName="postsEdit"
document={this.props.post}
fragment={Posts.fragments.full}
successCallback={post => {
this.context.closeCallback();
this.props.flash(this.context.intl.formatMessage({id: "posts.edit_success"}, {title: post.title}), 'success');
}}
removeSuccessCallback={({documentId, documentTitle}) => {
if (typeof this.context.closeCallback === "function") {
this.context.closeCallback();
} else {
// post edit form is being included from a single post, redirect to index
this.props.router.push('/');
}
const deleteDocumentSuccess = this.context.intl.formatMessage({id: 'posts.delete_success'}, {title: documentTitle});
this.props.flash(deleteDocumentSuccess, "success");
this.context.events.track("post deleted", {_id: documentId});
}}
/>
</div>
);
}
}
PostsEditForm.propTypes = {
flash: React.PropTypes.func,
post: React.PropTypes.object.isRequired,
}
PostsEditForm.contextTypes = {
actions: React.PropTypes.object,
events: React.PropTypes.object,
closeCallback: React.PropTypes.func,
intl: intlShape
}
const mapStateToProps = state => ({ messages: state.messages });
const mapDispatchToProps = dispatch => bindActionCreators(Telescope.actions.messages, dispatch);
module.exports = withRouter(connect(mapStateToProps, mapDispatchToProps)(PostsEditForm));