refactor(basicdata): order basicdata now shows only available agencies

modules/order/front/basic-data/index.html

@@ -23,6 +23,7 @@
                 show-field="name"
                 value-field="id"
                 ng-model="$ctrl.order.clientFk"
+                on-change="$ctrl.getAvailableAgencies()"
                 selection="$ctrl.selection"
                 fields="['defaultAddressFk']">
                 <tpl-item>{{::id}}: {{::name}}</tpl-item>
@@ -43,17 +44,16 @@
             <vn-date-picker 
                 vn-one
                 label="Landed" 
-                ng-model="$ctrl.order.landed">
+                ng-model="$ctrl.order.landed"
+                on-change="$ctrl.getAvailableAgencies()">
             </vn-date-picker>
             <vn-autocomplete
-                vn-one
-                url="AgencyModes"
+                disabled="!$ctrl.order.clientFk || !$ctrl.order.landed"
+                data="$ctrl._availableAgencies"
                 label="Agency"
-                search-function="{or: [{id: $search}, {name: {like: '%'+$search+'%'}}]}"
-                show-field="name"
-                value-field="id"
+                show-field="agencyMode"
+                value-field="agencyModeFk"
                 ng-model="$ctrl.order.agencyModeFk">
-                <tpl-item>{{::id}}: {{::name}}</tpl-item>
             </vn-autocomplete>
         </vn-horizontal>
         <vn-horizontal>

modules/order/front/basic-data/index.js

@@ -20,6 +20,32 @@ class Controller extends Section {
             }
         });
     }
+
+    set order(value = {}) {
+        this._order = value;
+
+        const agencyModeFk = value.agencyModeFk;
+        this.getAvailableAgencies();
+        this._order.agencyModeFk = agencyModeFk;
+    }
+
+    get order() {
+        return this._order;
+    }
+
+    getAvailableAgencies() {
+        const order = this.order;
+        order.agencyModeFk = null;
+
+        const params = {
+            addressFk: order.addressFk,
+            landed: order.landed
+        };
+        if (params.landed && params.addressFk) {
+            this.$http.get(`Agencies/landsThatDay`, {params})
+                .then(res => this._availableAgencies = res.data);
+        }
+    }
 }
 
 ngModule.vnComponent('vnOrderBasicData', {

modules/order/front/basic-data/index.spec.js

@@ -3,13 +3,15 @@ import './index.js';
 describe('Order', () => {
     describe('Component vnOrderBasicData', () => {
         let $httpBackend;
+        let $httpParamSerializer;
         let controller;
         let $scope;
 
         beforeEach(ngModule('order'));
 
-        beforeEach(inject(($compile, _$httpBackend_, $rootScope) => {
+        beforeEach(inject(($compile, _$httpBackend_, $rootScope, _$httpParamSerializer_) => {
             $httpBackend = _$httpBackend_;
+            $httpParamSerializer = _$httpParamSerializer_;
             $scope = $rootScope.$new();
 
             $httpBackend.whenRoute('GET', 'Addresses')
@@ -30,10 +32,35 @@ describe('Order', () => {
 
         describe('constructor()', () => {
             it('should update the address after the client changes', async() => {
-                controller.selection = {id: 2, defaultAddressFk: 2};
+                const addressId = 999;
+                const id = 444;
+
+                controller.selection = {id: id, defaultAddressFk: addressId};
                 $scope.$digest();
 
-                expect(controller.order.addressFk).toEqual(2);
+                expect(controller.order.addressFk).toEqual(addressId);
+            });
+        });
+
+        describe('getAvailableAgencies()', () => {
+            it('should set agencyModeFk to null and get the available agencies if the order has landed and client', async() => {
+                controller.order.agencyModeFk = 999;
+                controller.order.clientFk = 999;
+                controller.order.landed = new Date();
+
+                const expectedAgencies = [{id: 1}, {id: 2}];
+
+                const paramsObj = {
+                    addressFk: controller.order.addressFk,
+                    landed: controller.order.landed
+                };
+                const serializedParams = $httpParamSerializer(paramsObj);
+                $httpBackend.expect('GET', `Agencies/landsThatDay?${serializedParams}`).respond(expectedAgencies);
+                controller.getAvailableAgencies();
+                $httpBackend.flush();
+
+                expect(controller.order.agencyModeFk).toBeDefined();
+                expect(controller._availableAgencies).toEqual(expectedAgencies);
             });
         });
     });