select upgraded to v2.0

Author: matt-sanders

src/fields/fieldSelect.vue

@@ -1,8 +1,8 @@
 <template>
-  <div class="form-group">
-    <label v-if="form[key].label" :for="form[key].id ? form[key].id : null">{{form[key].label}}</label>
-    <select 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">
-      <option v-for="option in form[key].options" :value="option.value || option">{{option.label || option}}</option>
+  <div class="form-group formly-select">
+    <label v-if="to.label" :for="to.id ? to.id : null">{{to.label}}</label>
+    <select class="form-control" :class="to.classes" :id="to.id ? to.id : null" v-model="model[field.key]" @blur="onBlur" @focus="onFocus" @click="onClick" @change="onChange" @keyup="onKeyup" @keydown="onKeydown" v-formly-atts="to.atts">
+      <option v-for="option in field.options" :value="option.value || option">{{option.label || option}}</option>
     </select>
   </div>
 </template>

test/unit/specs/index.spec.js

@@ -252,58 +252,55 @@ describe('Bootstrap Field Inputs', () => {
     });
 
   });
+  
+  describe('Select', () => {
+    describe('functions', ()=>{
+      describeFunctions('select', 'select');
+    });
+    describe('classes & attributes', () => {
+      describeAttributes('select', false);
+    });
+    describe('conditional elements', ()=>{
+      describeConditional('select');
+    });
 
+    it('layout', () => {
+      data.fields[0].type = 'select';
+      createForm(data);
 
+      let inputs = vm.$el.querySelectorAll('select');
+      let input = inputs[0];
 
-  /*
-     describe('Select', () => {
-     describe('functions', ()=>{
-     describeFunctions('select', 'select');
-     });
-     describe('classes & attributes', () => {
-     describeAttributes('select', false);
-     });
-     describe('conditional elements', ()=>{
-     describeConditional('select');
-     });
-
-     it('layout', () => {
-     data.form.test.type = 'select';
-     createForm(data);
-
-     let inputs = vm.$el.querySelectorAll('select');
-     let input = inputs[0];
-
-     expect(inputs).to.be.length(1);
-     });
-
-     it('array options', () => {
-     data.form.test.type = 'select';
-     data.form.test.options = ['one', 'two', 'three'];
-     createForm();
-     let options = vm.$el.querySelectorAll('option');
-     let option = options[0];
-     expect(options).to.be.length(3);
-     expect(option.value).to.equal('one');
-     expect(option.innerHTML).to.equal('one');
-     });
+      expect(inputs).to.be.length(1);
+    });
 
-     it('object options', () => {
-     data.form.test.type = 'select';
-     data.form.test.options = [
-     { label: 'Foo', value: 'bar' },
-     { label: 'Bar', value: 'foo' }
-     ];
-     createForm();
-     let options = vm.$el.querySelectorAll('option');
-     let option = options[0];
-     expect(options).to.be.length(2);
-     expect(option.value).to.equal('bar');
-     expect(option.innerHTML).to.equal('Foo');
-     });
-     
-     });
+    it('array options', () => {
+      data.fields[0].type = 'select';
+      data.fields[0].options = ['one', 'two', 'three'];
+      createForm();
+      let options = vm.$el.querySelectorAll('option');
+      let option = options[0];
+      expect(options).to.be.length(3);
+      expect(option.value).to.equal('one');
+      expect(option.innerHTML).to.equal('one');
+    });
 
+    it('object options', () => {
+      data.fields[0].type = 'select';
+      data.fields[0].options = [
+        { label: 'Foo', value: 'bar' },
+        { label: 'Bar', value: 'foo' }
+      ];
+      createForm();
+      let options = vm.$el.querySelectorAll('option');
+      let option = options[0];
+      expect(options).to.be.length(2);
+      expect(option.value).to.equal('bar');
+      expect(option.innerHTML).to.equal('Foo');
+    });
+    
+  });
+/*
      describe('Textarea', () => {
      describe('functions', ()=>{
      describeFunctions('textarea', 'textarea');