salix/modules/client/front/defaulter/index.js

import ngModule from '../module';
import Section from 'salix/components/section';
import UserError from 'core/lib/user-error';

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

        this.smartTableOptions = {
            activeButtons: {
                search: true
            },
            columns: [
                {
                    field: 'clientName',
                    autocomplete: {
                        url: 'Clients',
                        showField: 'name',
                        valueField: 'name'
                    }
                },
                {
                    field: 'salesPersonFk',
                    autocomplete: {
                        url: 'Workers/activeWithInheritedRole',
                        where: `{role: 'salesPerson'}`,
                        searchFunction: '{firstName: $search}',
                        showField: 'nickname',
                        valueField: 'id',
                    }
                },
                {
                    field: 'amount',
                    searchable: false
                },
                {
                    field: 'workerFk',
                    autocomplete: {
                        url: 'Workers/activeWithInheritedRole',
                        where: `{role: 'salesPerson'}`,
                        searchFunction: '{firstName: $search}',
                        showField: 'nickname',
                        valueField: 'id',
                    }
                },
                {
                    field: 'observation',
                    autocomplete: {
                        url: 'Defaulters/filter',
                        showField: 'observation',
                        valueField: 'observation',
                    }
                },
                {
                    field: 'creditInsurance',
                    searchable: false
                },
                {
                    field: 'defaulterSinced',
                    searchable: false
                }
            ]
        };
    }

    get balanceDueTotal() {
        let balanceDueTotal = 0;
        const defaulters = this.$.model.data || [];

        for (let defaulter of defaulters)
            balanceDueTotal += defaulter.amount;

        return balanceDueTotal;
    }

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

        return checkedLines;
    }

    chipColor(date) {
        const day = 24 * 60 * 60 * 1000;
        const today = new Date();
        today.setHours(0, 0, 0, 0);

        const observationShipped = new Date(date);
        observationShipped.setHours(0, 0, 0, 0);

        const difference = today - observationShipped;

        if (difference > (day * 20))
            return 'alert';
        if (difference > (day * 10))
            return 'warning';
    }

    onResponse() {
        if (!this.defaulter.observation)
            throw new UserError(`The message can't be empty`);

        const params = [];
        for (let defaulter of this.checked) {
            params.push({
                text: this.defaulter.observation,
                clientFk: defaulter.clientFk
            });
        }

        this.$http.post(`ClientObservations`, params) .then(() => {
            this.vnApp.showMessage(this.$t('Observation saved!'));
            this.$state.reload();
        });
    }

    exprBuilder(param, value) {
        switch (param) {
        case 'observation':
            return {[`observation`]: value};
        case 'clientName':
        case 'workerFk':
        case 'salesPersonFk':
            return {[`d.${param}`]: value};
        }
    }
}

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