salix/client/order/src/prices-popover/index.js

import ngModule from '../module';
import './style.scss';

class Controller {
    constructor($scope, $http, $timeout, $element) {
        this.$ = $scope;
        this.$timeout = $timeout;
        this.$http = $http;
        this.$element = $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.$http.get(`/item/api/ItemTags?filter=${JSON.stringify(filter)}`).then(response => {
            this.tags = response.data;
        });
    }
    show(event, item) {
        this.item = JSON.parse(JSON.stringify(item));
        this.prices = this.item.prices;
        this.getTags();
        this.$.popover.parent = event.target;
        this.$.popover.relocate();
        this.$.popover.show();
    }
    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;
        }
        this.validate();
    }
    validate() {
        this.$timeout(() => {
            this.calculateTotal();
            let inputs = this.$element[0].querySelectorAll('vn-input-number[name="quantity"] div.infix:not(.validated)');

            inputs.forEach(input => {
                if (this.total > this.item.available)
                    input.classList.add('invalid');
                else
                    input.classList.remove('invalid');
            });
            let wrongInputs = this.$element[0].querySelectorAll('vn-input-number[name="quantity"] div.infix.invalid');

            if (wrongInputs.length > 0) {
                this.$element[0].querySelector('vn-vertical.prices').classList.add('invalid');
            } else {
                this.$element[0].querySelector('vn-vertical.prices').classList.remove('invalid');
            }
        });
    }
    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('First you must add some quantity');
            return;
        }

        setTimeout(() => {
            let params = {
                orderFk: this.order.id,
                items: filledLines
            };

            this.$http.post(`/order/api/OrderRows/addToOrder`, params).then(res => {
                this.$.popover.hide();
            });
        });
    }
}

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

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