Vulcan/packages/nova-components/lib/posts/PostNew.jsx
2016-02-18 12:16:32 +09:00

77 lines
No EOL
1.6 KiB
JavaScript

const Formsy = require('formsy-react');
const FRC = require('formsy-react-components');
// import Formsy from 'formsy-react';
// import FRC from 'formsy-react-components';
const Checkbox = FRC.Checkbox;
const CheckboxGroup = FRC.CheckboxGroup;
const Input = FRC.Input;
const RadioGroup = FRC.RadioGroup;
const Row = FRC.Row;
const Select = FRC.Select;
const File = FRC.File;
const Textarea = FRC.Textarea;
const PostNew = React.createClass({
getInitialState() {
return {
canSubmit: false
}
},
submitForm(data) {
event.preventDefault();
console.log(data)
Meteor.call('posts.new', data);
},
render() {
const categoriesOptions = this.props.categories.map(category => {
return {
value: category._id,
label: category.name
}
});
return (
<div className="post-new">
<h3>New Post</h3>
<Formsy.Form onSubmit={this.submitForm}>
<Input
name="url"
value=""
label="URL"
type="text"
/>
<Input
name="title"
value=""
label="Title"
type="text"
/>
<Textarea
name="body"
value=""
label="Body"
type="text"
/>
{/*
<CheckboxGroup
name="categories"
value=""
label="Categories"
type="text"
options={categoriesOptions}
/>
*/}
<button type="submit" >Submit</button>
</Formsy.Form>
</div>
)
}
});
module.exports = PostNew;