salix/modules/ticket/front/create/card.js

import ngModule from '../module';

class Controller {
    constructor($http, vnApp, $translate, $state, $stateParams, vnConfig) {
        this.$stateParams = $stateParams;
        this.$http = $http;
        this.translate = $translate;
        this.vnApp = vnApp;
        this.vnConfig = vnConfig;
        this.ticket = {};
        this.$state = $state;
        this.clientFk = $stateParams.clientFk;
    }

    $onInit() {
        if (this.$stateParams && this.$stateParams.clientFk)
            this.clientId = this.$stateParams.clientFk;

        this.warehouseId = this.vnConfig.warehouseFk;
    }

    get ticket() {
        return this._ticket;
    }

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

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

    set clientId(value) {
        this.ticket.clientFk = value;

        if (value) {
            let filter = {
                include: {
                    relation: 'defaultAddress',
                    scope: {
                        fields: ['id', 'agencyModeFk']
                    }
                },
                where: {id: value}
            };
            filter = encodeURIComponent(JSON.stringify(filter));
            let query = `Clients?filter=${filter}`;
            this.$http.get(query).then(res => {
                const [client] = res.data;
                this.defaultAddress = client.defaultAddress;
                this.addressId = this.defaultAddress.id;
            });
        } else
            this.addressId = null;
        this.getAvailableAgencies();
    }

    get addressId() {
        return this.ticket.addressFk;
    }

    set addressId(value) {
        this.ticket.addressFk = value;
        this.getAvailableAgencies();
    }

    get landed() {
        return this.ticket.landed;
    }

    set landed(value) {
        this.ticket.landed = value;
        this.getAvailableAgencies();
    }

    get warehouseId() {
        return this.ticket.warehouseFk;
    }

    set warehouseId(value) {
        this.ticket.warehouseFk = value;
        this.getAvailableAgencies();
    }

    get agencyModeId() {
        return this.ticket.agencyModeFk;
    }

    set agencyModeId(value) {
        this.ticket.agencyModeFk = value;
    }

    getAvailableAgencies() {
        let ticket = this.ticket;
        let params = {
            warehouseFk: ticket.warehouseFk,
            addressFk: ticket.addressFk,
            landed: ticket.landed
        };

        if (params.warehouseFk && params.addressFk && params.landed) {
            ticket.agencyModeFk = null;

            this.$http.get(`Agencies/getAgenciesWithWarehouse`, {params}).then(res => {
                this._availableAgencies = res.data;

                this.agencyModeId = this.defaultAddress.agencyModeFk;
            });
        }
    }

    onSubmit() {
        this.createTicket();
    }

    createTicket() {
        let params = {
            clientId: this.ticket.clientFk,
            landed: this.ticket.landed,
            addressId: this.ticket.addressFk,
            agencyModeId: this.ticket.agencyModeFk,
            warehouseId: this.ticket.warehouseFk,
        };
        this.$http.post(`Tickets/new`, params).then(res => {
            this.vnApp.showSuccess(this.translate.instant('Data saved!'));
            this.$state.go('ticket.card.summary', {id: res.data.id});
        });
    }
}

Controller.$inject = ['$http', 'vnApp', '$translate', '$state', '$stateParams', 'vnConfig'];

ngModule.component('vnTicketCreateCard', {
    template: require('./card.html'),
    controller: Controller,
    bindings: {
        ticket: '<?'
    }
});