salix/modules/order/front/prices-popover/index.js

import ngModule from '../module';
import Component from 'core/lib/component';
import './style.scss';

class Controller extends Component {
    constructor($element, $) {
        super($element, $);
        this.totalBasquet = 0;
    }

    set prices(value) {
        this._prices = value;
        if (value && value[0].grouping)
            this.calculateTotal();
    }

    get prices() {
        return this._prices;
    }

    getTags() {
        let filter = {
            where: {itemFk: this.item.id,
                priority: {gte: 4}},
            order: 'priority ASC',
            include: {relation: 'tag'}
        };
        this.quicklinks = {
            btnOne: {
                icon: 'icon-transaction',
                state: `item.card.diary({id: ${this.item.id}})`,
                tooltip: 'Diary'
            }
        };
        this.$http.get(`ItemTags?filter=${JSON.stringify(filter)}`).then(response => {
            this.tags = response.data;
            this.$.$applyAsync(() => {
                this.$.popover.relocate();
            });
        });
    }

    show(event, item) {
        this.item = JSON.parse(JSON.stringify(item));
        this.prices = this.item.prices;
        this.getTags();
        this.$.popover.parent = event.target;
        this.$.popover.show();
        this.$.popover.relocate();
    }

    clear() {
        this.item = {};
        this.tags = {};
        this._prices = {};
        this.total = 0;
    }

    calculateMax() {
        this.max = this.item.available - this.total;
    }

    calculateTotal() {
        this.total = 0;

        this.prices.forEach(price => {
            if (!price.quantity) price.quantity = 0;
            this.total += price.quantity;
        });
        this.calculateMax();
    }

    addQuantity(price) {
        if (this.total + price.grouping <= this.max)
            price.quantity += price.grouping;
    }

    getFilledLines() {
        let filledLines = [];
        let match;
        this.prices.forEach(price => {
            if (price.quantity && price.quantity > 0) {
                match = filledLines.find(element => {
                    return element.warehouseFk == price.warehouseFk;
                });

                if (!match) {
                    filledLines.push(Object.assign({}, price));
                    return;
                }
                match.quantity += price.quantity;
            }
        });
        return filledLines;
    }

    submit() {
        this.calculateTotal();
        let filledLines = this.getFilledLines();

        if (filledLines.length <= 0) {
            this.vnApp.showError(this.$translate.instant('First you must add some quantity'));
            return;
        }

        let params = {
            orderFk: this.order.id,
            items: filledLines
        };

        this.$http.post(`OrderRows/addToOrder`, params).then(res => {
            this.vnApp.showSuccess(this.$translate.instant('Data saved!'));
            this.$.popover.hide();

            if (this.card)
                this.card.reload();
        });
    }
}

ngModule.component('vnOrderPricesPopover', {
    template: require('./index.html'),
    controller: Controller,
    bindings: {
        order: '<'
    },
    require: {
        card: '?^vnOrderCard'
    }
});