salix/modules/zone/front/delivery-days/index.js

import ngModule from '../module';
import Section from 'salix/components/section';
import './style.scss';

class Controller extends Section {
    $onInit() {
        this.$.params = {};
        this.$.params.deliveryMethodFk = 'delivery';
    }

    onSubmit() {
        this.$.data = null;
        this.$http.get(`Zones/getEvents`, {params: this.$.params})
            .then(res => {
                let data = res.data;
                this.$.data = data;
                if (!data.events.length)
                    this.vnApp.showMessage(this.$t('No service for the specified zone'));
            });
    }

    get deliveryMethodFk() {
        return this._deliveryMethod;
    }

    set deliveryMethodFk(value) {
        this._deliveryMethod = value;
        let filter;
        if (value === 'pickUp')
            filter = {where: {code: 'PICKUP'}};
        else
            filter = {where: {code: {neq: 'PICKUP'}}};
        let json = encodeURIComponent(JSON.stringify(filter));
        this.$http.get(`DeliveryMethods?filter=${json}`).then(json => {
            let deliveryMethods = json.data.map(deliveryMethod => deliveryMethod.id);
            this.agencyFilter = {deliveryMethodFk: {inq: deliveryMethods}};
        });
    }

    onSelection($event, $events) {
        if (!$events.length) return;

        const zones = [];
        for (let event of $events)
            zones.push(event.zoneFk);

        this.$.zoneEvents.show($event.target);
        const zoneIndex = this.$.zoneIndex;
        const zoneModel = zoneIndex.$scope.model;
        zoneModel.applyFilter({
            include: {
                relation: 'agencyMode',
                scope: {fields: ['name']}
            },
            where: {
                id: {inq: zones}
            }
        });
    }
}

ngModule.component('vnZoneDeliveryDays', {
    template: require('./index.html'),
    controller: Controller
});