added textarea

Author: matt-sanders

README.md

@@ -26,14 +26,14 @@ Coming soon...
 
 ##To Do
 * [x] Input
-* [ ] Select
-* [ ] Text Area
+* [x] Select
+* [x] Text Area
 * [ ] Checkbox
 * [ ] Radio Buttons
 * [ ] Date Picker
 * [ ] Other funky form inputs
 * [x] Dirty/Clean checking
 * [ ] Hide/Show options
 * [x] Custom attributes
-* [ ] Custom Classes
+* [x] Custom Classes
 * [x] Custom events

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-formly-bootstrap",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "A bootstrap based form input bundle for Vue Formly",
   "main": "dist/vue-formly-bootstrap.js",
   "scripts": {

src/fields/fieldTextarea.vue

@@ -0,0 +1,13 @@
+<template>
+  <div class="form-group">
+    <label v-if="form[key].label" :for="form[key].id ? form[key].id : null">{{form[key].label}}</label>
+    <textarea class="form-control" :class="form[key].classes" :id="form[key].id ? form[key].id : null" v-model="form[key].value" @blur="onBlur" @focus="onFocus" @click="onClick" @change="onChange" @keyup="onKeyup" @keydown="onKeydown" v-formly-atts="form[key].atts"></textarea>
+  </div>
+</template>
+
+<script>
+ import baseField from './baseField';
+ export default {
+     mixins: [baseField]
+ }
+</script>

test/unit/specs/index.spec.js

@@ -165,7 +165,7 @@ describe('Bootstrap Field Inputs', () => {
         };
     });
 
-    describe('=== Input ===', () => {
+    describe('Input', () => {
 
         describe('functions',() =>{
             describeFunctions('input');
@@ -203,7 +203,7 @@ describe('Bootstrap Field Inputs', () => {
 
 
 
-    describe('=== Select ===', () => {
+    describe('Select', () => {
         describe('functions', ()=>{
             describeFunctions('select');
         });
@@ -251,6 +251,26 @@ describe('Bootstrap Field Inputs', () => {
 
     });
 
-    
+    describe('Textarea', () => {
+        describe('functions', ()=>{
+            describeFunctions('textarea');
+        });
+        describe('classes & attributes', () => {
+            describeAttributes('textarea');
+        });
+        describe('conditional elements', ()=>{
+            describeConditional('textarea');
+        });
+
+        it('layout', () => {
+            data.form.test.type = 'textarea';
+            createForm();
+
+            let inputs = vm.$el.querySelectorAll('textarea');
+            let input = inputs[0];
+
+            expect(inputs).to.be.length(1);
+        });
+    });
 
 });