Merge pull request #58 from nimbly/0.0.15

0.0.15

Author: ghelton

README.md

@@ -57,6 +57,7 @@ Example data as it would be set in the controller
 			placeholder: 'johndoe',
 			required: true,
 			disabled: false //default: false
+			description: 'Descriptive text'
 		},
 		{
 			key: 'password',
@@ -185,6 +186,13 @@ When constructing fields use the options below to customize each field object. Y
 ###### Default
 >`undefined`
 
+---
+##### description (string)
+>`description` is used to add descriptive text to all inputs.
+
+###### Default
+>`undefined`
+
 ---
 ##### watch.expression (object)
 >`watch` has two properties called `expression` and `listener`. The `watch.expression` is added to the formly directive's scope. If it's a function, it will be wrapped and called with the field as the first argument, followed by the normal arguments for a watcher. The `listener` will also be wrapped and called with the field as the first argument, followed by hte normal arguments for a watch listener.

src/directives/bootstrap/formly-field-checkbox.html

@@ -1,10 +1,12 @@
 <div class="checkbox">
 	<label>
 		<input type="checkbox"
+			   aria-describedby="{{id}}_description"
 			   ng-required="options.required"
 			   ng-disabled="options.disabled"
 			   ng-model="value">
 		{{options.label || 'Checkbox'}}
 		{{options.required ? '*' : ''}}
 	</label>
+   <p id="{{id}}_description" class="help-block" ng-if="options.description">{{options.description}}</p>
 </div>

src/directives/bootstrap/formly-field-email.html

@@ -7,7 +7,9 @@
 		   class="form-control"
 		   id="{{id}}"
 		   placeholder="{{options.placeholder}}"
+		   aria-describedby="{{id}}_description"
 		   ng-required="options.required"
 		   ng-disabled="options.disabled"
 		   ng-model="value">
+   <p id="{{id}}_description" class="help-block" ng-if="options.description">{{options.description}}</p>
 </div>

src/directives/bootstrap/formly-field-number.html

@@ -7,11 +7,13 @@
 		   class="form-control"
 		   id="{{id}}"
 		   placeholder="{{options.placeholder}}"
+		   aria-describedby="{{id}}_description"
 		   ng-required="options.required"
 		   ng-disabled="options.disabled"
 		   min="{{options.min}}"
 		   max="{{options.max}}"
 		   ng-minlength="{{options.minlength}}"
 		   ng-maxlength="{{options.maxlength}}"
 		   ng-model="value">
+   <p id="{{id}}_description" class="help-block" ng-if="options.description">{{options.description}}</p>
 </div>

src/directives/bootstrap/formly-field-password.html

@@ -6,7 +6,9 @@
 	<input type="password"
 		   class="form-control"
 		   id="{{id}}"
+		   aria-describedby="{{id}}_description"
 		   ng-required="options.required"
 		   ng-disabled="options.disabled"
 		   ng-model="value">
+   <p id="{{id}}_description" class="help-block" ng-if="options.description">{{options.description}}</p>
 </div>

src/directives/bootstrap/formly-field-radio.html

@@ -9,11 +9,13 @@
 			<input type="radio"
 				   name="{{id}}"
 				   id="{{id + '_'+ $index}}"
+				   aria-describedby="{{id}}_description"
 				   ng-value="option.value"
 				   ng-required="options.required"
 				   ng-model="$parent.value">
 			{{option.name}}
 		</label>
+   <p id="{{id}}_description" class="help-block" ng-if="option.description">{{option.description}}</p>
 	</div>
 
 </div>

src/directives/bootstrap/formly-field-select.html

@@ -5,10 +5,12 @@
 	</label>
 	<select class="form-control"
 			id="{{id}}"
+			aria-describedby="{{id}}_description"
 			ng-model="value"
 			ng-required="options.required"
 			ng-disabled="options.disabled"
 			ng-init="value = options.options[options.default]"
 			ng-options="option.name group by option.group for option in options.options">
 	</select>
+   <p id="{{id}}_description" class="help-block" ng-if="options.description">{{options.description}}</p>
 </div>

src/directives/bootstrap/formly-field-text.html

@@ -7,7 +7,9 @@
 		   class="form-control"
 		   id="{{id}}"
 		   placeholder="{{options.placeholder}}"
+		   aria-describedby="{{id}}_description"
 		   ng-required="options.required"
 		   ng-disabled="options.disabled"
 		   ng-model="value">
+   <p id="{{id}}_description" class="help-block" ng-if="options.description">{{options.description}}</p>
 </div>

src/directives/bootstrap/formly-field-textarea.html

@@ -8,8 +8,10 @@
 			  id="{{id}}"
 			  rows="{{options.lines}}"
 			  placeholder="{{options.placeholder}}"
+			  aria-describedby="{{id}}_description"
 			  ng-required="options.required"
 			  ng-disabled="options.disabled"
 			  ng-model="value">
 	</textarea>
+   <p id="{{id}}_description" class="help-block" ng-if="options.description">{{options.description}}</p>
 </div>

src/directives/formly-field-checkbox.html

@@ -1,10 +1,12 @@
 <div>
 	<label>
 		<input type="checkbox"
+			   aria-describedby="{{id}}_description"
 			   ng-required="options.required"
 			   ng-disabled="options.disabled"
 			   ng-model="value">
 		{{options.label || 'Checkbox'}}
 		{{options.required ? '*' : ''}}
 	</label>
+   <p id="{{id}}_description" ng-if="options.description">{{options.description}}</p>
 </div>