salix/modules/ticket/front/advance/index.js

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

export default class Controller extends Section {
    constructor($element, $) {
        super($element, $);
        this.$checkAll = false;

        this.smartTableOptions = {
            activeButtons: {
                search: true,
            },
            columns: [
                {
                    field: 'state',
                    searchable: false
                }, {
                    field: 'futureState',
                    searchable: false
                }, {
                    field: 'totalWithVat',
                    searchable: false
                }, {
                    field: 'futureTotalWithVat',
                    searchable: false
                }, {
                    field: 'shipped',
                    searchable: false
                }, {
                    field: 'futureShipped',
                    searchable: false
                }, {
                    field: 'ipt',
                    autocomplete: {
                        url: 'ItemPackingTypes',
                        where: `{isActive: true}`,
                        showField: 'description',
                        valueField: 'code'
                    }
                }, {
                    field: 'futureIpt',
                    autocomplete: {
                        url: 'ItemPackingTypes',
                        where: `{isActive: true}`,
                        showField: 'description',
                        valueField: 'code'
                    }
                }, {
                    field: 'futureZoneFk',
                    autocomplete: {
                        url: 'Zones',
                    }
                },
            ]
        };
    }

    $postLink() {
        this.setDefaultFilter();
    }

    setDefaultFilter() {
        let today = Date.vnNew();
        const tomorrow = new Date(today);
        tomorrow.setDate(tomorrow.getDate() + 1);
        this.$http.get(`UserConfigs/getUserConfig`)
            .then(res => {
                this.filterParams = {
                    dateFuture: tomorrow,
                    dateToAdvance: today,
                    warehouseFk: res.data.warehouseFk
                };
                this.$.model.addFilter({}, this.filterParams);
            });
    }

    get checked() {
        const tickets = this.$.model.data || [];
        const checkedLines = [];
        for (let ticket of tickets) {
            if (ticket.checked)
                checkedLines.push(ticket);
        }

        return checkedLines;
    }

    dateRange(value) {
        const minHour = new Date(value);
        minHour.setHours(0, 0, 0, 0);
        const maxHour = new Date(value);
        maxHour.setHours(23, 59, 59, 59);

        return [minHour, maxHour];
    }

    totalPriceColor(totalWithVat) {
        return this.isLessThan50(totalWithVat) ? 'warning' : '';
    }

    totalPriceTitle(totalWithVat) {
        return this.isLessThan50(totalWithVat) ? 'Less than 50€' : '';
    }

    isLessThan50(totalWithVat) {
        return (parseInt(totalWithVat) > 0 && parseInt(totalWithVat) < 50);
    }

    get confirmationMessage() {
        if (!this.$.model) return 0;

        return this.$t(`Advance confirmation`, {
            checked: this.checked.length
        });
    }

    agencies(futureAgency, agency) {
        return this.$t(`Origin agency`, {agency: futureAgency}) +
            '\n' + this.$t(`Destination agency`, {agency: agency});
    }

    async moveTicketsAdvance() {
        let ticketsToMove = [];
        for (const ticket of this.checked) {
            if (!ticket.id) {
                try {
                    const {query, params} = await this.requestComponentUpdate(ticket, false);
                    this.$http.post(query, params);
                } catch (e) {}
                continue;
            }
            ticketsToMove.push({
                originId: ticket.futureId,
                destinationId: ticket.id,
                originShipped: ticket.futureShipped,
                destinationShipped: ticket.shipped,
                workerFk: ticket.workerFk
            });
        }

        const params = {tickets: ticketsToMove};
        return this.$http.post('Tickets/merge', params)
            .then(() => {
                this.refresh();
                if (ticketsToMove.length)
                    this.vnApp.showSuccess(this.$t('Success', {tickets: ticketsToMove.length}));
            });
    }

    async getLanded(params) {
        const query = `Agencies/getLanded`;
        return this.$http.get(query, {params}).then(res => {
            if (res.data)
                return res.data;

            return this.vnApp.showError(
                this.$t(`No delivery zone available for this landing date`)
            );
        });
    }

    async splitTickets() {
        this.progress = [];
        this.splitErrors = [];
        this.$.splitTickets.hide();
        this.$.splitProgress.enable = true;
        this.$.splitProgress.cancel = false;
        this.$.splitProgress.show();

        for (const ticket of this.checked) {
            if (this.$.splitProgress.cancel) break;
            try {
                const {query, params} = await this.requestComponentUpdate(ticket, true);
                this.$http.post(query, params)
                    .catch(e => {
                        this.splitErrors.push({id: ticket.futureId, reason: e.message});
                    })
                    .finally(() => this.progressAdd(ticket.futureId));
            } catch (e) {
                this.splitErrors.push({id: ticket.futureId, reason: e.message});
                this.progressAdd(ticket.futureId);
            }
        }
    }

    progressAdd(ticketId) {
        this.progress.push(ticketId);
        if (this.progress.length == this.checked.length) {
            this.$.splitProgress.enable = false;
            this.refresh();
            if ((this.progress.length - this.splitErrors.length) > 0) {
                this.vnApp.showSuccess(this.$t('Success', {
                    tickets: this.progress.length - this.splitErrors.length
                }));
            }
        }
    }

    async requestComponentUpdate(ticket, isWithoutNegatives) {
        const query = `tickets/${ticket.futureId}/componentUpdate`;
        if (!ticket.landed) {
            const newLanded = await this.getLanded({
                shipped: this.$.model.userParams.dateToAdvance,
                addressFk: ticket.addressFk,
                agencyModeFk: ticket.agencyModeFk,
                warehouseFk: ticket.warehouseFk
            });
            if (!newLanded)
                throw new Error(this.$t(`No delivery zone available for this landing date`));

            ticket.landed = newLanded.landed;
            ticket.zoneFk = newLanded.zoneFk;
        }
        const params = {
            clientFk: ticket.clientFk,
            nickname: ticket.nickname,
            agencyModeFk: ticket.agencyModeFk ?? ticket.futureAgencyModeFk,
            addressFk: ticket.addressFk,
            zoneFk: ticket.zoneFk ?? ticket.futureZoneFk,
            warehouseFk: ticket.warehouseFk,
            companyFk: ticket.companyFk,
            shipped: this.$.model.userParams.dateToAdvance,
            landed: ticket.landed,
            isDeleted: false,
            isWithoutNegatives,
            newTicket: ticket.id ?? undefined,
            keepPrice: true
        };

        return {query, params};
    }

    refresh() {
        this.$.model.refresh();
        this.$checkAll = null;
    }

    exprBuilder(param, value) {
        switch (param) {
        case 'id':
        case 'futureId':
        case 'liters':
        case 'futureLiters':
        case 'lines':
        case 'futureLines':
        case 'totalWithVat':
        case 'futureTotalWithVat':
        case 'futureZone':
        case 'notMovableLines':
        case 'futureZoneFk':
            return {[param]: value};
        case 'ipt':
            return {'ipt': {like: `%${value}%`}};
        case 'futureIpt':
            return {'futureIpt': {like: `%${value}%`}};
        }
    }
}

Controller.$inject = ['$element', '$scope'];

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