salix/client/ticket/src/data/step-one/index.js

import ngModule from '../../module';
import {toJsonDate} from 'core/src/lib/date';

class Controller {
    constructor($scope, $http, $translate, vnApp) {
        this.$scope = $scope;
        this.$http = $http;
        this.$translate = $translate;
        this.vnApp = vnApp;
    }

    $onInit() {
        this.data.registerChild(this);
    }

    set ticket(value) {
        this._ticket = value;

        if (!value || !value.id) return;

        this.onChange(value.clientFk);
    }

    get ticket() {
        return this._ticket;
    }

    set clientFk(value) {
        this.ticket.clientFk = value;
        this.ticket.addressFk = null;

        this.onChange(value);
    }

    get clientFk() {
        if (this.ticket)
            return this.ticket.clientFk;
    }

    onChange(value) {
        let filter = {
            include: [
                {
                    relation: 'province',
                    scope: {
                        fields: ['name']
                    }
                }
            ]
        };
        filter = encodeURIComponent(JSON.stringify(filter));

        let query = `/api/Clients/${value}/addresses?filter=${filter}`;
        this.$http.get(query).then(res => {
            if (res.data)
                this.addresses = res.data;
        });
    }

    async onStepChange(state) {
        if (this.isFormInvalid())
            return this.vnApp.showError(
                this.$translate.instant('Some fields are invalid')
            );

        let query = `/ticket/api/sales/${this.ticket.id}/priceDifference`;
        let data = {
            landed: toJsonDate(this.ticket.landed),
            addressFk: this.ticket.addressFk,
            agencyModeFk: this.ticket.agencyModeFk,
            warehouseFk: this.ticket.warehouseFk
        };

        return this.$http.post(query, data).then(res => {
            if (res.data)
                this.ticket.sale = res.data;

            return true;
        }, res => {
            if (res.data.error.message === 'NO_AGENCY_AVAILABLE')
                this.vnApp.showSuccess(
                    this.$translate.instant(`There's no available agency for this landing date`)
                );
        });
    }

    isFormInvalid() {
        return !this.ticket.clientFk || !this.ticket.addressFk || !this.ticket.agencyModeFk
            || !this.ticket.companyFk || !this.ticket.shipped || !this.ticket.landed;
    }
}

Controller.$inject = ['$scope', '$http', '$translate', 'vnApp'];

ngModule.component('vnTicketDataStepOne', {
    template: require('./index.html'),
    controller: Controller,
    bindings: {
        ticket: '<'
    },
    require: {
        data: '^vnTicketData'
    }
});