Rendering array field

Change-Id: Iceae98b69e6add7e8e89b05cb66e015bfcc845b4
diff --git a/dev/index.html b/dev/index.html
index e0cd09f..c47ac2d 100644
--- a/dev/index.html
+++ b/dev/index.html
@@ -28,15 +28,16 @@
   <script src="../bower_components/angular-chart.js/dist/angular-chart.js"></script>
   <script src="../bower_components/d3/d3.js"></script>
   <script src="../bower_components/angular-recursion/angular-recursion.js"></script>
+  <script src="../bower_components/angular-drag-and-drop-lists/angular-drag-and-drop-lists.js"></script>
   <!-- endbower -->
   <!-- inject:js -->
   <script src="/ui_components/ui-components.module.js"></script>
   <script src="/ui_components/smartComponents/smartTable/smartTable.component.js"></script>
   <script src="/ui_components/smartComponents/smartPie/smartPie.component.js"></script>
   <script src="/ui_components/dumbComponents/validation/validation.component.js"></script>
+  <script src="/ui_components/dumbComponents/table/table.component.js"></script>
   <script src="/ui_components/dumbComponents/pagination/pagination.component.js"></script>
   <script src="/ui_components/dumbComponents/form/form.component.js"></script>
-  <script src="/ui_components/dumbComponents/table/table.component.js"></script>
   <script src="/ui_components/dumbComponents/field/field.component.js"></script>
   <script src="/ui_components/dumbComponents/alert/alert.component.js"></script>
   <script src="/services/helpers/ui/label_formatter.service.js"></script>
diff --git a/dev/js/field.dev.js b/dev/js/field.dev.js
index 656aec9..1f59629 100644
--- a/dev/js/field.dev.js
+++ b/dev/js/field.dev.js
@@ -47,6 +47,26 @@
             type: 'number'

           }

         }

+      };

+

+      this.selectField = {

+        name: 'select',

+        label: 'Select field:',

+        type: 'select',

+        model: 1,

+        options: [

+          {id: 1, label: 'One'},

+          {id: 2, label: 'Two'},

+          {id: 3, label: 'Three'},

+        ]

       }

+

+      this.arrayField = {

+        name: 'array',

+        label: 'Array field:',

+        model: ['one', 'two', 'three'],

+        type: 'array',

+        options: ['one', 'two', 'three', 'four']

+      };

     }

   });
\ No newline at end of file
diff --git a/dev/templates/field.dev.html b/dev/templates/field.dev.html
index 2a24150..7e50a5e 100644
--- a/dev/templates/field.dev.html
+++ b/dev/templates/field.dev.html
@@ -3,3 +3,5 @@
 <xos-field ng-model="vm.field3.model" name="vm.field3.name" field="vm.field3.field"></xos-field>

 <xos-field ng-model="vm.field4.model" name="vm.field4.name" field="vm.field4.field"></xos-field>

 <xos-field ng-model="vm.field5.model" name="vm.field5.name" field="vm.field5"></xos-field>

+<xos-field ng-model="vm.selectField.model" name="vm.selectField.name" field="vm.selectField"></xos-field>

+<xos-field ng-model="vm.arrayField.model" name="vm.arrayField.name" field="vm.arrayField"></xos-field>