route basic data structure

client/route/src/basic-data/basic-data.html

@@ -0,0 +1,28 @@
+<form name="form" pad-medium>
+    <vn-card>
+        <vn-vertical pad-large>
+                <vn-title>Basic data</vn-title>
+                <vn-horizontal>
+                    <vn-date-picker vn-one label="Date" model="$ctrl.route.date"></vn-date-picker>
+                    <vn-autocomplete vn-one 
+                        label="Agency"
+                        url="/route/api/Agencies"
+                        field="$ctrl.route.agency"
+                    >
+                    </vn-autocomplete>
+                    <vn-autocomplete vn-one
+                    field="$ctrl.route.driver"
+                    url="/route/api/Vehicles/activeDrivers"
+                    label="Driver"></vn-autocomplete>
+
+                    <vn-autocomplete vn-one
+                    field="$ctrl.route.vehicle"
+                    url="/route/api/Vehicles/comboVehicles"
+                    label="Vehicle"
+                    order="tradeMark ASC"
+                    filter="{where: {isActive:1, warehouseFk:1}}"
+                    ></vn-autocomplete> 
+                </vn-horizontal>
+        </vn-vertical>
+    </vn-card>
+</form>

client/route/src/basic-data/basic-data.js

@@ -0,0 +1,8 @@
+import ngModule from '../module';
+
+ngModule.component('vnRouteBasicData', {
+    template: require('./basic-data.html'),
+    bindings: {
+        route: '<'
+    }
+});

client/route/src/route.js

@@ -5,3 +5,4 @@ import './index/index';
 import './search-panel/search-panel';
 import './create/create';
 import './card/card';
+import './basic-data/basic-data';