salix/modules/item/front/item-shelving/index.js

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

export default class Controller extends Section {
    constructor($element, $) {
        super($element, $);

        this.smartTableOptions = {
            activeButtons: {
                search: true
            },
            columns: [
                {
                    field: 'parking',
                    autocomplete: {
                        url: 'Parkings',
                        showField: 'code',
                        valueField: 'code'
                    }
                },
                {
                    field: 'shelving',
                    autocomplete: {
                        url: 'Shelvings',
                        showField: 'code',
                        valueField: 'code'
                    }
                },
                {
                    field: 'created',
                    searchable: false
                },
                {
                    field: 'itemFk',
                    searchable: false
                },
                {
                    field: 'longName',
                    searchable: false
                }
            ]
        };

        this.getBalanceDueTotal();
    }

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

        return checkedLines;
    }

    get label() {
        const itemShelvings = this.$.model.data || [];
        for (let itemShelving of itemShelvings)
            itemShelving.label = itemShelving.stock / itemShelving.packing;

        return true;
    }

    getBalanceDueTotal() {
        this.$http.get('Defaulters/filter')
            .then(res => {
                if (!res.data) return 0;

                this.balanceDueTotal = res.data.reduce(
                    (accumulator, currentValue) => {
                        return accumulator + (currentValue['amount'] || 0);
                    }, 0);
            });
    }

    async onRemove() {
        const params = [];
        for (let itemShelving of this.checked)
            params.push(itemShelving.itemShelvingFk);

        for (let id of params) {
            await this.$http.delete(`ItemShelvings/${id}`)
                .then(() => {
                    this.vnApp.showSuccess(this.$t('ItemShelving removed'));
                    this.$state.reload();
                });
        }
    }

    exprBuilder(param, value) {
        switch (param) {
        case 'parking':
        case 'shelving':
        case 'label':
        case 'packing':
            return {[param]: value};
        }
    }
}

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