boolean widget & some documentation

docs/widgets.md

@@ -7,12 +7,16 @@ Widgets define the data type and interface for entry fields. Netlify CMS comes w
 Widget | UI | Data Type
 --- | --- | ---
 `string` | text input | string
+`boolean` | select input | dropdown filled true and false
 `text` | text area input | plain text, multiline input
 `number` | text input with `+` and `-` buttons | number
 `markdown` | rich text editor with raw option | markdown-formatted string
 `datetime` | date picker widget | ISO date string
 `image` | file picker widget with drag-and-drop | file path saved as string, image uploaded to media folder
 `hidden` | No UI | Hidden element, typically only useful with a `default` attribute
 `list` | text input | strings separated by commas
+`file` | file input | input file upload
+`select` | select input | dropdown filled with `options` from the config
+`object` | custom | `fields` as a list defined in the config
 
 We’re always adding new widgets, and you can also [create your own](/docs/extending).

src/components/Widgets.js

@@ -25,6 +25,7 @@ import ObjectControl from './Widgets/ObjectControl';
 import ObjectPreview from './Widgets/ObjectPreview';
 import RelationControl from './Widgets/RelationControl';
 import RelationPreview from './Widgets/RelationPreview';
+import BooleanControl from './Widgets/BooleanControl';
 
 
 registry.registerWidget('string', StringControl, StringPreview);
@@ -39,6 +40,7 @@ registry.registerWidget('datetime', DateTimeControl, DateTimePreview);
 registry.registerWidget('select', SelectControl, SelectPreview);
 registry.registerWidget('object', ObjectControl, ObjectPreview);
 registry.registerWidget('relation', RelationControl, RelationPreview);
+registry.registerWidget('boolean', BooleanControl);
 registry.registerWidget('unknown', UnknownControl, UnknownPreview);
 
 export function resolveWidget(name) { // eslint-disable-line

src/components/Widgets/BooleanControl.js

@@ -0,0 +1,27 @@
+import React, { PropTypes } from 'react';
+import ImmutablePropTypes from "react-immutable-proptypes";
+import Switch from 'react-toolbox/lib/switch';
+
+export default class BooleanControl extends React.Component {
+
+  handleChange = (e) => {
+    this.props.onChange(e);
+  };
+
+  render() {
+    const finalValue = (this.props.value !== undefined) ? this.props.value : this.props.field.get('defaultValue', false);
+
+    return (<Switch
+      id={this.props.forID}
+      checked={finalValue}
+      onChange={this.handleChange}
+    />);
+  }
+}
+
+BooleanControl.propTypes = {
+  field: ImmutablePropTypes.map.isRequired,
+  onChange: PropTypes.func.isRequired,
+  forID: PropTypes.string.isRequired,
+  value: PropTypes.bool,
+};