2020-12-24 01:28:38 +03:00

797 lines
29 KiB
JavaScript
Vendored

/**
* First we will load all of this project's JavaScript dependencies which
* includes Vue and other libraries. It is a great starting point when
* building robust, powerful web applications using Vue and Laravel.
*/
require('./../../bootstrap');
import Vue from 'vue';
import DashboardPlugin from './../../plugins/dashboard-plugin';
import Global from './../../mixins/global';
import Form from './../../plugins/form';
import Error from './../../plugins/error';
import BulkAction from './../../plugins/bulk-action';
// plugin setup
Vue.use(DashboardPlugin);
const app = new Vue({
el: '#app',
mixins: [
Global
],
data: function () {
return {
form: new Form('document'),
bulk_action: new BulkAction('documents'),
totals: {
sub: 0,
item_discount: '',
discount: '',
discount_text: false,
taxes: [],
total: 0
},
transaction: [],
edit: {
status: false,
currency: false,
items: 0,
},
colspan: 6,
discount: false,
tax: false,
discounts: [],
tax_id: [],
items: [],
taxes: [],
}
},
mounted() {
if ((document.getElementById('items') != null) && (document.getElementById('items').rows)) {
this.colspan = document.getElementById("items").rows[0].cells.length - 1;
}
},
methods: {
onCalculateTotal() {
let global_discount = this.discount;
let discount_total = 0;
let line_item_discount_total = 0;
let taxes = document_taxes;
let sub_total = 0;
let totals_taxes = [];
let grand_total = 0;
// items calculate
this.items.forEach(function(item) {
let discount = 0;
item.total = item.price * item.quantity;
item.grand_total = item.price * item.quantity;
// item discount calculate.
let line_discount_amount = 0;
if (item.discount) {
line_discount_amount = item.total * (item.discount / 100);
item_discounted_total = item.total -= line_discount_amount;
discount = item.discount;
}
let item_discounted_total = item.total;
if (global_discount) {
item_discounted_total = item.total - (item.total * (global_discount / 100));
discount = global_discount;
}
// item tax calculate.
if (item.tax_ids) {
let inclusives = [];
let compounds = [];
item.tax_ids.forEach(function(item_tax, item_tax_index) {
for (var index_taxes = 0; index_taxes < taxes.length; index_taxes++) {
let tax = taxes[index_taxes];
if (item_tax.id != tax.id) {
continue;
}
switch (tax.type) {
case 'inclusive':
inclusives.push({
tax_index: item_tax_index,
tax_id: tax.id,
tax_name: tax.title,
tax_rate: tax.rate
});
break;
case 'compound':
compounds.push({
tax_index: item_tax_index,
tax_id: tax.id,
tax_name: tax.title,
tax_rate: tax.rate
});
break;
case 'fixed':
item_tax.price = tax.rate * item.quantity;
totals_taxes = this.calculateTotalsTax(totals_taxes, tax.id, tax.title, item_tax.price);
item.grand_total += item_tax.price;
break;
case 'withholding':
item_tax.price = 0 - item.total * (tax.rate / 100);
totals_taxes = this.calculateTotalsTax(totals_taxes, tax.id, tax.title, item_tax.price);
item.grand_total += item_tax.price;
break;
default:
item_tax.price = item.total * (tax.rate / 100);
totals_taxes = this.calculateTotalsTax(totals_taxes, tax.id, tax.title, item_tax.price);
item.grand_total += item_tax.price;
break;
}
}
}, this);
if (inclusives.length) {
let inclusive_total = 0;
inclusives.forEach(function(inclusive) {
inclusive_total += inclusive.tax_rate;
// tax price
item.tax_ids[inclusive.tax_index].price = item.grand_total / (1 + inclusive.tax_rate / 100);
totals_taxes = this.calculateTotalsTax(totals_taxes, inclusive.tax_id, inclusive.tax_name, item.tax_ids[inclusive.tax_index].price);
}, this);
let item_base_rate = item.grand_total / (1 + inclusive_total / 100);
item.grand_total = item.grand_total - item_base_rate;
item.total = item_base_rate + discount;
}
if (compounds.length) {
let price = 0;
compounds.forEach(function(compound) {
price = (item.grand_total / 100) * compound.tax_rate;
item.tax_ids[compound.tax_index].price = price;
totals_taxes = this.calculateTotalsTax(totals_taxes, compound.tax_id, compound.tax_name, price);
}, this);
item.grand_total += price;
}
}
sub_total += item.total;
grand_total += item.grand_total;
}, this);
this.totals.sub = sub_total;
this.totals.taxes = totals_taxes;
this.totals.total = grand_total;
},
onCalculateTotal2() {
let sub_total = 0;
let discount_total = 0;
let line_item_discount_total = 0;
let tax_total = 0;
let grand_total = 0;
let items = this.items;
let discount_in_totals = this.discount;
if (items.length) {
let index = 0;
// get all items.
for (index = 0; index < items.length; index++) {
let discount = 0;
// get row item and set item variable.
let item = items[index];
// item sub total calcute.
let item_total = item.price * item.quantity;
// item discount calculate.
let line_discount_amount = 0;
if (item.discount) {
line_discount_amount = item_total * (item.discount / 100);
item_discounted_total = item_total -= line_discount_amount;
discount = item.discount;
}
let item_discounted_total = item_total;
if (discount_in_totals) {
item_discounted_total = item_total - (item_total * (discount_in_totals / 100));
discount = discount_in_totals;
}
// item tax calculate.
let item_tax_total = 0;
if (item.tax_ids) {
let inclusives = [];
let compounds = [];
let index_taxes = 0;
let taxes = document_taxes;
item.tax_ids.forEach(function(item_tax, item_tax_index) {
for (index_taxes = 0; index_taxes < taxes.length; index_taxes++) {
let tax = taxes[index_taxes];
if (item_tax.id != tax.id) {
continue;
}
switch (tax.type) {
case 'inclusive':
inclusives.push(tax);
break;
case 'compound':
compounds.push(tax);
break;
case 'fixed':
item_tax_total = tax.rate * item.quantity;
break;
case 'withholding':
item_tax_total = 0 - item.price * item.quantity * (tax.rate / 100);
break;
default:
item_tax_total = item.price * item.quantity * (tax.rate / 100);
break;
}
this.items[index].tax_ids[item_tax_index].price = item_tax_total;
}
}, this);
if (inclusives.length) {
let item_sub_and_tax_total = item_discounted_total + item_tax_total;
let inclusive_total = 0;
inclusives.forEach(function(inclusive) {
inclusive_total += inclusive.rate;
});
let item_base_rate = item_sub_and_tax_total / (1 + inclusive_total / 100);
item_tax_total = item_sub_and_tax_total - item_base_rate;
item_total = item_base_rate + discount;
}
if (compounds.length) {
compounds.forEach(function(compound) {
item_tax_total += ((item_discounted_total + item_tax_total) / 100) * compound.rate;
});
}
}
// set item total
if (item.discount) {
items[index].total = item_discounted_total;
} else {
items[index].total = item_total;
}
// calculate sub, tax, discount all items.
line_item_discount_total += line_discount_amount;
sub_total += item_total;
tax_total += item_tax_total;
}
}
// set global total variable.
this.totals.sub = sub_total;
//this.totals.taxes = Math.abs(tax_total);
this.totals.item_discount = line_item_discount_total;
// Apply discount to total
if (discount_in_totals) {
discount_total = sub_total * (discount_in_totals / 100);
this.totals.discount = discount_total;
sub_total = sub_total - (sub_total * (discount_in_totals / 100));
}
// set all item grand total.
grand_total = sub_total + tax_total;
this.totals.total = grand_total;
},
onCalculateTaxes() {
let taxes = document_taxes;
this.items.forEach(function (item, index) {
let inclusives = [];
let compounds = [];
let index_taxes = 0;
item.tax_ids.forEach(function(item_tax, item_tax_index) {
item_tax_total = 0;
for (index_taxes = 0; index_taxes < taxes.length; index_taxes++) {
let tax = taxes[index_taxes];
if (item_tax.id != tax.id) {
continue;
}
switch (tax.type) {
case 'inclusive':
inclusives.push(tax);
break;
case 'compound':
compounds.push(tax);
break;
case 'fixed':
item_tax_total += tax.rate * item.quantity;
break;
case 'withholding':
item_tax_total += 0 - item.price * (tax.rate / 100);
break;
default:
item_tax_total += item.price * (tax.rate / 100);
break;
}
}
this.items[index].tax_ids[item_tax_index].price = item_tax_total;
}, this);
if (inclusives.length) {
let item_sub_and_tax_total = item_discounted_total + item_tax_total;
let inclusive_total = 0;
inclusives.forEach(function(inclusive) {
inclusive_total += inclusive.rate;
}, this);
let item_base_rate = item_sub_and_tax_total / (1 + inclusive_total / 100);
item_tax_total = item_sub_and_tax_total - item_base_rate;
item_total = item_base_rate + discount;
}
if (compounds.length) {
compounds.forEach(function(compound) {
item_tax_total += ((item_discounted_total + item_tax_total) / 100) * compound.rate;
}, this);
}
}, this);
},
calculateTotalsTax(totals_taxes, id, name, price) {
let total_tax_index = totals_taxes.findIndex(total_tax => {
if (total_tax.id === id) {
return true;
}
}, this);
if (total_tax_index === -1) {
totals_taxes.push({
id: id,
name: name,
total: price,
});
} else {
totals_taxes[total_tax_index].total = parseFloat(totals_taxes[total_tax_index].total) + parseFloat(price);
}
return totals_taxes;
},
getItemByTaxes(item) {
let item_tax_ids = [];
let taxes = document_taxes;
let inclusives = [];
let compounds = [];
let index_taxes = 0;
let item_tax_total = 0;
item.tax_ids.forEach(function(item_tax, item_tax_index) {
item_tax_total = 0;
for (index_taxes = 0; index_taxes < taxes.length; index_taxes++) {
let tax = taxes[index_taxes];
if (item_tax.id != tax.id) {
continue;
}
switch (tax.type) {
case 'inclusive':
inclusives.push(tax);
break;
case 'compound':
compounds.push(tax);
break;
case 'fixed':
item_tax_total += tax.rate * item.quantity;
break;
case 'withholding':
item_tax_total += 0 - item.price * (tax.rate / 100);
break;
default:
item_tax_total += item.price * (tax.rate / 100);
break;
}
}
item_tax_ids.push({
id: item_tax.id,
price: item_tax_total
});
}, this);
if (inclusives.length) {
let item_sub_and_tax_total = item_discounted_total + item_tax_total;
let inclusive_total = 0;
inclusives.forEach(function(inclusive) {
inclusive_total += inclusive.rate;
}, this);
let item_base_rate = item_sub_and_tax_total / (1 + inclusive_total / 100);
item_tax_total = item_sub_and_tax_total - item_base_rate;
item_total = item_base_rate + discount;
}
if (compounds.length) {
compounds.forEach(function(compound) {
item_tax_total += ((item_discounted_total + item_tax_total) / 100) * compound.rate;
}, this);
}
return item_tax_ids;
},
// Select Item added form
onSelectedItem(item) {
let total = 1 * item.price;
let item_taxes = [];
if (item.tax_ids) {
item.tax_ids.forEach(function (tax_id, index) {
if (this.taxes.includes(tax_id)) {
this.taxes[tax_id].push(item.id);
} else {
this.taxes.push(tax_id);
this.taxes[tax_id] = [];
this.taxes[tax_id].push(item.id);
}
item_taxes.push({
id: tax_id,
price: 10,
});
}, this);
}
this.form.items.push({
item_id: item.id,
name: item.name,
description: item.description,
quantity: 1,
price: item.price,
tax_ids: item.tax_ids,
discount: 0,
total: total,
});
this.items.push({
item_id: item.id,
name: item.name,
description: item.description,
quantity: 1,
price: item.price,
add_tax: (item_taxes.length) ? true : false,
tax_ids: item_taxes,
add_discount: false,
discount: 0,
total: total,
});
this.onCalculateTotal();
},
onSelectedTax(item_index) {
if (!this.tax_id) {
return;
}
let selected_tax;
document_taxes.forEach(function(tax) {
if (tax.id == this.tax_id) {
selected_tax = tax;
}
}, this);
this.items[item_index].tax_ids.push({
id: selected_tax.id,
name: selected_tax.title,
price: 0
});
this.form.items[item_index].tax_ids.push(this.tax_id);
if (this.taxes.includes(this.tax_id)) {
this.taxes[this.tax_id].push(this.items[item_index].item_id);
} else {
this.taxes[this.tax_id] = [];
this.taxes[this.tax_id].push(this.items[item_index].item_id);
}
this.tax_id = '';
this.onCalculateTotal();
},
// remove document item row => row_id = index
onDeleteItem(index) {
this.items.splice(index, 1);
this.form.items.splice(index, 1);
this.onCalculateTotal();
},
onAddDiscount(item_index) {
this.items[item_index].add_discount = true;
},
onDeleteDiscount(item_index) {
this.items[item_index].add_discount = false;
},
onAddTax(item_index) {
this.items[item_index].add_tax = true;
},
onDeleteTax(item_index, tax_index) {
this.items[item_index].tax_ids.splice(tax_index, 1);
this.form.items[item_index].tax_ids.splice(tax_index, 1);
if (!this.items[item_index].tax_ids.length) {
this.items[item_index].add_tax = false;
}
this.onCalculateTotal();
},
async onPayment() {
let document_id = document.getElementById('document_id').value;
let payment = {
modal: false,
url: url + '/modals/documents/' + document_id + '/transactions/create',
title: '',
html: '',
buttons:{}
};
let payment_promise = Promise.resolve(window.axios.get(payment.url));
payment_promise.then(response => {
payment.modal = true;
payment.title = response.data.data.title;
payment.html = response.data.html;
payment.buttons = response.data.data.buttons;
this.component = Vue.component('add-new-component', (resolve, reject) => {
resolve({
template: '<div id="dynamic-payment-component"><akaunting-modal-add-new modal-dialog-class="modal-md" :show="payment.modal" @submit="onSubmit" @cancel="onCancel" :buttons="payment.buttons" :title="payment.title" :is_component=true :message="payment.html"></akaunting-modal-add-new></div>',
mixins: [
Global
],
data: function () {
return {
form:{},
payment: payment,
}
},
methods: {
onSubmit(event) {
this.form = event;
this.form.response = {};
this.loading = true;
let data = this.form.data();
FormData.prototype.appendRecursive = function(data, wrapper = null) {
for(var name in data) {
if (wrapper) {
if ((typeof data[name] == 'object' || data[name].constructor === Array) && ((data[name] instanceof File != true ) && (data[name] instanceof Blob != true))) {
this.appendRecursive(data[name], wrapper + '[' + name + ']');
} else {
this.append(wrapper + '[' + name + ']', data[name]);
}
} else {
if ((typeof data[name] == 'object' || data[name].constructor === Array) && ((data[name] instanceof File != true ) && (data[name] instanceof Blob != true))) {
this.appendRecursive(data[name], name);
} else {
this.append(name, data[name]);
}
}
}
};
let form_data = new FormData();
form_data.appendRecursive(data);
window.axios({
method: this.form.method,
url: this.form.action,
data: form_data,
headers: {
'X-CSRF-TOKEN': window.Laravel.csrfToken,
'X-Requested-With': 'XMLHttpRequest',
'Content-Type': 'multipart/form-data'
}
})
.then(response => {
if (response.data.success) {
if (response.data.redirect) {
this.form.loading = true;
window.location.href = response.data.redirect;
}
}
if (response.data.error) {
this.form.loading = false;
this.form.response = response.data;
}
})
.catch(error => {
this.form.loading = false;
this.form.onFail(error);
this.method_show_html = error.message;
});
},
onCancel() {
this.payment.modal = false;
this.payment.html = null;
let documentClasses = document.body.classList;
documentClasses.remove("modal-open");
},
}
})
});
})
.catch(error => {
})
.finally(function () {
// always executed
});
},
},
created() {
this.form.items = [];
if (typeof document_items !== 'undefined' && document_items) {
this.edit.status = true;
document_items.forEach(function(item) {
// form set item
this.form.items.push({
item_id: item.item_id,
name: item.name,
description: item.description,
quantity: item.quantity,
price: (item.price).toFixed(2),
tax_ids: item.tax_ids,
discount: item.discount_rate,
total: (item.total).toFixed(2)
});
if (item.tax_ids) {
item.tax_ids.forEach(function (tax_id, index) {
if (this.taxes.includes(tax_id)) {
this.taxes[tax_id].push(item.id);
} else {
this.taxes.push(tax_id);
this.taxes[tax_id] = [];
this.taxes[tax_id].push(item.id);
}
}, this);
}
let item_taxes = [];
item.taxes.forEach(function(item_tax) {
item_taxes.push({
id: item_tax.tax_id,
name: item_tax.name,
price: (item_tax.amount).toFixed(2),
});
});
this.items.push({
item_id: item.item_id,
name: item.name,
description: item.description,
quantity: item.quantity,
price: (item.price).toFixed(2),
add_tax: (item_taxes.length) ? true : false,
tax_ids: item_taxes,
add_discount: (item_taxes.length) ? true : false,
discount: item.discount_rate,
total: (item.total).toFixed(2)
});
}, this);
this.items.forEach(function(item) {
item.tax_ids.forEach(function(tax) {
let total_tax_index = this.totals.taxes.findIndex(total_tax => {
if (total_tax.id === tax.id) {
return true;
}
}, this);
if (total_tax_index === -1) {
this.totals.taxes.push({
id: tax.id,
name: tax.name,
total: tax.price,
});
} else {
this.totals.taxes[total_tax_index].total = parseFloat(this.totals.taxes[total_tax_index].total) + parseFloat(tax.price);
}
}, this);
}, this);
}
}
});