mirror of
https://github.com/vale981/Vulcan
synced 2025-03-10 04:26:41 -04:00
75 lines
1.6 KiB
React
75 lines
1.6 KiB
React
![]() |
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;
|