Proper error messages

Depends on latest development branch of angular schema form.
Angular material wants ng-message(s) directives, at least its CSS does, so
we add them but don't really use the for the actual message. A bit of a hack.

Author: davidlgj

src/default.html

@@ -18,6 +18,7 @@
          name="{{form.key.slice(-1)[0]}}"
          aria-describedby="{{form.key.slice(-1)[0] + 'Status'}}">
 -->
+
   <input ng-model="$$value$$"
          ng-show="form.key"
          type="{{form.type}}"
@@ -29,6 +30,11 @@
          ng-disabled="form.readonly"
          name="{{form.key.slice(-1)[0]}}"
          schema-validate="form">
-
-         <div sf-message="form.description"></div>
+         <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>
 </md-input-container>

src/textarea.html

@@ -9,5 +9,11 @@
             schema-validate="form"
             name="{{form.key.slice(-1)[0]}}"></textarea>
 
-  <span class="help-block" sf-message="form.description"></span>
+      <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>
 </md-input-container>