First stab at a checkbox

Needed to wrap it in a div for the transcluded content (the label) to get the right scope.

Author: davidlgj

src/checkbox.html

@@ -1,3 +1,20 @@
+<div class="checkbox schema-form-checkbox {{form.htmlClass}}">
+  <md-checkbox sf-changed="form"
+               ng-disabled="form.readonly"
+               schema-validate="form"
+               name="{{form.key.slice(-1)[0]}}"
+               ng-model="$$value$$" aria-label="{{::form.title}}">
+    <span ng-bind-html="form.title"></span>
+  </md-checkbox>
+  <div ng-messages="ngModel.$error">
+    <!--
+       This is a bit of a hack. sf-message does the work, but ng-messages and ng-message
+       is needed for the styling
+    -->
+    <div sf-message ng-message></div>
+  </div>
+</div>
+<!--
 <div class="checkbox schema-form-checkbox {{form.htmlClass}}"
      ng-class="{'has-error': hasError(), 'has-success': hasSuccess()}">
   <label>
@@ -13,3 +30,4 @@
   </label>
   <div class="help-block" sf-message="form.description"></div>
 </div>
+-->

src/material-decorator.js

@@ -3,6 +3,7 @@ angular.module('schemaForm').config(['schemaFormDecoratorsProvider', function(de
 
   decoratorsProvider.defineDecorator('materialDecorator', {
     textarea: {template: base + 'textarea.html'},
+    checkbox: {template: base + 'checkbox.html'},
     'default': {template: base + 'default.html'},
     submit: {template: base + 'submit.html'}
   });