salix/client/ticket/src/sale/index.js

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

class Controller {
    constructor($scope, $state, $http, vnApp, $translate) {
        this.$scope = $scope;
        this.vnApp = vnApp;
        this.$translate = $translate;
        this.$state = $state;
        this.$stateParams = $state.params;
        this.$http = $http;
        this.deletable = false;
        this.edit = {};
        this.moreOptions = [
            {callback: this.showAddTurnDialog, name: "Add turn", always: true},
            {callback: this.showDeleteTicketDialog, name: "Delete ticket", always: true},
            {callback: this.markAsReserved, name: 'Mark as reserved'},
            {callback: this.unmarkAsReserved, name: 'Unmark as reserved'},
            {callback: this.showEditDialog, name: 'Update discount'}
        ];
    }

    set ticket(value) {
        this._ticket = value;

        if (!value) return;

        this.quicklinks = {
            btnThree: {
                icon: 'icon-transaction',
                state: 'item.card.diary',
                params: {id: value.id, q: `{"warehouseFk": ${value.warehouseFk}}`},
                tooltip: 'Item diary'
            }
        };
    }

    get ticket() {
        return this._ticket;
    }

    onDataChange() {
        this.sales = this.$scope.model.data;
        this.getTaxes();
    }

    onMoreOpen() {
        let options = this.moreOptions.filter(o => o.always || this.isChecked);
        this.$scope.moreButton.data = options;
    }

    getTaxes() {
        this.getSubTotal();
        this.getVAT();
    }

    getSubTotal() {
        let sales = this.sales;

        this.subTotal = 0.00;
        sales.forEach(sale => {
            this.subTotal += (sale.quantity * sale.price) - ((sale.discount * (sale.quantity * sale.price)) / 100);
        });
    }

    getVAT() {
        if (this.ticket || this.ticket.id) {
            this.$http.get(`/ticket/api/Tickets/${this.ticket.id}/getVAT`).then(res => {
                this.VAT = res.data || 0;
                this.total = this.subTotal + this.VAT;
            });
        }
    }

    get isEditable() {
        try {
            return !this.ticket.tracking.state.alertLevel;
        } catch (e) {}

        return true;
    }

    get isChecked() {
        let data = this.sales;
        if (data)
            for (let instance of data)
                if (instance.checked)
                    return true;

        return false;
    }

    getCheckedLines() {
        let lines = [];
        let data = this.sales;
        if (data)
            for (let i = 0; i < data.length; i++)
                if (data[i].checked)
                    lines.push({id: data[i].id, instance: i});

        return lines;
    }

    onMoreChange(callback) {
        callback.call(this);
    }

    // Change State
    onStateOkClick() {
        let filter = {where: {code: "OK"}, fields: ["id"]};
        let json = encodeURIComponent(JSON.stringify(filter));
        this.$http.get(`/ticket/api/States?filter=${json}`).then(res => {
            this.onStateChange(res.data[0].id);
        });
    }

    onStateChange(value) {
        let params = {ticketFk: this.$state.params.id, stateFk: value};
        this.$http.post(`/ticket/api/TicketTrackings/changeState`, params).then(() => {
            this.card.reload();
            this.vnApp.showSuccess(this.$translate.instant('Data saved!'));
        });
    }

    // Add Turn
    showAddTurnDialog() {
        this.$scope.addTurn.show();
    }

    addTurn(day) {
        let params = {ticketFk: this.$state.params.id, weekDay: day};
        this.$http.patch(`/ticket/api/TicketWeeklies`, params).then(() => {
            this.$scope.addTurn.hide();
            this.vnApp.showSuccess(this.$translate.instant('Data saved!'));
        });
    }

    // Delete Ticket
    showDeleteTicketDialog() {
        if (!this.isEditable)
            return;
        this.$scope.deleteConfirmation.show();
    }

    deleteTicket(response) {
        if (response === 'ACCEPT') {
            let params = {id: this.$state.params.id};
            this.$http.post(`/ticket/api/Tickets/deleted`, params).then(() => {
                this.$state.go('ticket.index');
                this.vnApp.showSuccess(this.$translate.instant('Ticket deleted'));
            });
        }
    }

    // Remove Lines
    onRemoveLinesClick(response) {
        if (response === 'ACCEPT') {
            let sales = this.getCheckedLines();
            let params = {sales: sales, actualTicketFk: this.ticket.id};
            let query = `/ticket/api/Sales/removes`;
            this.$http.post(query, params).then(() => {
                this.removeInstances(sales);
            });
        }
    }

    removeInstances(instances) {
        for (let i = instances.length - 1; i >= 0; i--) {
            this.sales.splice(instances[i].instance, 1);
        }
    }

    showRemoveLinesDialog() {
        this.$scope.deleteLines.show();
    }

    // Move Lines
    showTransferPopover(event) {
        let filter = {clientFk: this.ticket.clientFk, ticketFk: this.ticket.id};
        let json = encodeURIComponent(JSON.stringify(filter));
        let query = `/ticket/api/Tickets/threeLastActive?filter=${json}`;
        this.$http.get(query).then(res => {
            this.lastThreeTickets = res.data;
        });
        this.$scope.transfer.parent = event.target;
        this.$scope.transfer.show();
    }

    moveLines(ticketID) {
        let sales = this.getCheckedLines();

        let params = {sales: sales, newTicketFk: ticketID, actualTicketFk: this.ticket.id};
        this.$http.post(`/ticket/api/Sales/moveToTicket`, params).then(() => {
            this.goToTicket(ticketID);
        });
    }

    // In Progress
    linesToNewTicket() {
        let ticket = {
            oldTicketFk: this.ticket.id,
            clientFk: this.ticket.clientFk,
            addressFk: this.ticket.addressFk,
            agencyModeFk: this.ticket.agencyModeFk,
            warehouseFk: this.ticket.warehouseFk
        };

        let sales = this.getCheckedLines();

        this.$http.post(`/api/Sales/MoveToNewTicket`, {ticket: ticket, sales: sales}).then(res => {
            let url = this.$state.href("ticket.card.sale", {id: res.data}, {absolute: true});
            window.open(url, '_blank');
            this.$scope.transfer.hide();
            this.$scope.model.refresh();
        });
    }

    goToTicket(ticketID) {
        this.$state.go("ticket.card.sale", {id: ticketID});
    }

    // Focus First Input
    focusFirstInput(e) {
        let firstFocusable = e.querySelector('input, textarea');
        if (firstFocusable) {
            firstFocusable.addEventListener('focus', () => {
                firstFocusable.select();
            });
            setTimeout(() => {
                firstFocusable.focus();
            }, 200);
        }
    }

    // Slesperson Mana
    getManaSalespersonMana() {
        this.$http.get(`/api/Tickets/${this.$state.params.id}/getSalesPersonMana`).then(res => {
            this.mana = res.data;
        });
    }

    // Item Descriptor
    showDescriptor(event, itemFk) {
        this.$scope.descriptor.itemFk = itemFk;
        this.$scope.descriptor.parent = event.target;
        this.$scope.descriptor.show();
    }

    onDescriptorLoad() {
        this.$scope.popover.relocate();
    }

    // Edit Line
    showEditPricePopover(event, sale) {
        this.sale = sale;
        this.editedPrice = this.sale.price;
        this.edit = {
            ticketFk: this.ticket.id,
            id: sale.id,
            quantity: sale.quantity
        };
        this.$scope.editPricePopover.parent = event.target;
        this.$scope.editPricePopover.show();
        this.focusFirstInput(this.$scope.editPricePopover.$element[0]);
    }

    updatePrice() {
        if (this.editedPrice != this.sale.price) {
            this.$http.post(`/ticket/api/Sales/updatePrice`, {id: this.edit.id, price: this.editedPrice, ticketFk: this.ticket.id}).then(() => {
                this.sale.price = this.edit.price;
                this.$scope.model.refresh();
                this.vnApp.showSuccess(this.$translate.instant('Data saved!'));
            });
        }
        this.$scope.editPricePopover.hide();
    }

    showEditPopover(event, sale) {
        this.sale = sale;
        this.edit = [{
            ticketFk: this.ticket.id,
            id: sale.id,
            quantity: sale.quantity,
            price: sale.price,
            discount: sale.discount
        }];
        this.$scope.editPopover.parent = event.target;
        this.$scope.editPopover.show();
        this.focusFirstInput(this.$scope.editPopover.$element[0]);
    }

    showEditDialog() {
        this.edit = this.getCheckedLines();
        this.$scope.editDialog.show();
        this.focusFirstInput(this.$scope.editDialog.$element[0]);
    }

    hideEditDialog() {
        this.$scope.model.refresh();
        this.$scope.editDialog.hide();
    }

    hideEditPopover() {
        this.$scope.model.refresh();
        this.$scope.editPopover.hide();
    }

    updateQuantity(id, quantity) {
        this.$http.post(`/ticket/api/Sales/${id}/updateQuantity`, {quantity: parseInt(quantity)}).then(() => {
            this.vnApp.showSuccess(this.$translate.instant('Data saved!'));
            this.$scope.model.refresh();
        }).catch(e => {
            this.vnApp.showError(e.data.error.message);
            this.$scope.model.refresh();
        });
    }

/**
 * Unmark sale as reserved
 */
    unmarkAsReserved() {
        this.setReserved(false);
    }

/**
 * Mark sale as reserved
 */
    markAsReserved() {
        this.setReserved(true);
    }

    setReserved(reserved) {
        let sales = this.getCheckedLines();
        let params = {sales: sales, ticketFk: this.ticket.id, reserved: reserved};

        this.$http.post(`/ticket/api/Sales/reserve`, params).then(() => {
            this.$scope.model.refresh();
        });
    }
}

Controller.$inject = ['$scope', '$state', '$http', 'vnApp', '$translate'];

ngModule.component('vnTicketSale', {
    template: require('./index.html'),
    controller: Controller,
    bindings: {
        ticket: '<'
    },
    require: {
        card: '^vnTicketCard'
    }
});