492 lines
16 KiB
JavaScript
Vendored
492 lines
16 KiB
JavaScript
Vendored
import Vue from 'vue';
|
|
|
|
import axios from 'axios';
|
|
|
|
import AkauntingDropzoneFileUpload from './../components/AkauntingDropzoneFileUpload';
|
|
import AkauntingContactCard from './../components/AkauntingContactCard';
|
|
import AkauntingCompanyEdit from './../components/AkauntingCompanyEdit';
|
|
import AkauntingEditItemColumns from './../components/AkauntingEditItemColumns';
|
|
import AkauntingItemButton from './../components/AkauntingItemButton';
|
|
import AkauntingSearch from './../components/AkauntingSearch';
|
|
import AkauntingModal from './../components/AkauntingModal';
|
|
import AkauntingMoney from './../components/AkauntingMoney';
|
|
import AkauntingModalAddNew from './../components/AkauntingModalAddNew';
|
|
import AkauntingRadioGroup from './../components/forms/AkauntingRadioGroup';
|
|
import AkauntingSelect from './../components/AkauntingSelect';
|
|
import AkauntingSelectRemote from './../components/AkauntingSelectRemote';
|
|
import AkauntingDate from './../components/AkauntingDate';
|
|
import AkauntingRecurring from './../components/AkauntingRecurring';
|
|
import AkauntingHtmlEditor from './../components/AkauntingHtmlEditor';
|
|
import AkauntingCountdown from './../components/AkauntingCountdown';
|
|
import AkauntingCurrencyConversion from './../components/AkauntingCurrencyConversion';
|
|
|
|
import NProgress from 'nprogress';
|
|
import 'nprogress/nprogress.css';
|
|
import NProgressAxios from './../plugins/nprogress-axios';
|
|
|
|
import { Select, Option, Steps, Step, Button, Link, Tooltip, ColorPicker } from 'element-ui';
|
|
|
|
import Form from './../plugins/form';
|
|
|
|
export default {
|
|
components: {
|
|
AkauntingDropzoneFileUpload,
|
|
AkauntingContactCard,
|
|
AkauntingCompanyEdit,
|
|
AkauntingEditItemColumns,
|
|
AkauntingItemButton,
|
|
AkauntingSearch,
|
|
AkauntingRadioGroup,
|
|
AkauntingSelect,
|
|
AkauntingSelectRemote,
|
|
AkauntingMoney,
|
|
AkauntingModal,
|
|
AkauntingModalAddNew,
|
|
AkauntingDate,
|
|
AkauntingRecurring,
|
|
AkauntingHtmlEditor,
|
|
AkauntingCountdown,
|
|
AkauntingCurrencyConversion,
|
|
[Select.name]: Select,
|
|
[Option.name]: Option,
|
|
[Steps.name]: Steps,
|
|
[Step.name]: Step,
|
|
[Button.name]: Button,
|
|
[Link.name]: Link,
|
|
[Tooltip.name]: Tooltip,
|
|
[ColorPicker.name]: ColorPicker,
|
|
},
|
|
|
|
data: function () {
|
|
return {
|
|
component: '',
|
|
currency: {
|
|
"name":"US Dollar",
|
|
"code":"USD",
|
|
"rate":1,
|
|
"precision":2,
|
|
"symbol":"$",
|
|
"symbol_first":1,
|
|
"decimal_mark":".",
|
|
"thousands_separator":",",
|
|
},
|
|
all_currencies: [],
|
|
}
|
|
},
|
|
|
|
directives: {
|
|
//money: VMoney
|
|
},
|
|
|
|
mounted() {
|
|
this.checkNotify();
|
|
|
|
if (aka_currency) {
|
|
this.currency = aka_currency;
|
|
}
|
|
|
|
if (typeof all_currencies !== 'undefined' && all_currencies) {
|
|
this.all_currencies = all_currencies;
|
|
}
|
|
},
|
|
|
|
methods: {
|
|
// Check Default set notify > store / update action
|
|
checkNotify: function () {
|
|
if (!flash_notification) {
|
|
return false;
|
|
}
|
|
|
|
flash_notification.forEach(notify => {
|
|
let type = notify.level;
|
|
let timeout = 5000;
|
|
|
|
if (notify.important) {
|
|
timeout = 0;
|
|
}
|
|
|
|
this.$notify({
|
|
message: notify.message,
|
|
timeout: timeout,
|
|
icon: 'fas fa-bell',
|
|
type
|
|
});
|
|
});
|
|
},
|
|
|
|
// Form Submit
|
|
onSubmit() {
|
|
this.form.submit();
|
|
},
|
|
|
|
// Form Async Submit
|
|
async onAsyncSubmit() {
|
|
await this.form.asyncSubmit();
|
|
},
|
|
|
|
onHandleFileUpload(key, event) {
|
|
this.form[key] = '';
|
|
this.form[key] = event.target.files[0];
|
|
},
|
|
|
|
// Bulk Action Select all
|
|
onSelectAll() {
|
|
this.bulk_action.selectAll();
|
|
},
|
|
|
|
// Bulk Action Select checked/ unchecked
|
|
onSelect() {
|
|
this.bulk_action.select();
|
|
},
|
|
|
|
// Bulk Action use selected Change
|
|
onChange(event) {
|
|
var result = this.bulk_action.change(event);
|
|
},
|
|
|
|
// Bulk Action use selected Action
|
|
onAction() {
|
|
this.bulk_action.action();
|
|
},
|
|
|
|
// Bulk Action modal cancel
|
|
onCancel() {
|
|
this.bulk_action.modal = false;
|
|
},
|
|
|
|
// Bulk Action Clear selected items
|
|
onClear() {
|
|
this.bulk_action.modal = false;
|
|
|
|
this.bulk_action.clear();
|
|
},
|
|
|
|
// List Enabled column status changes
|
|
onStatus(item_id, event) {
|
|
this.bulk_action.status(item_id, event, this.$notify);
|
|
},
|
|
|
|
// Actions > Delete
|
|
confirmDelete(url, title, message, button_cancel, button_delete) {
|
|
let confirm = {
|
|
url: url,
|
|
title: title,
|
|
message: message,
|
|
button_cancel: button_cancel,
|
|
button_delete: button_delete,
|
|
show: true
|
|
};
|
|
|
|
this.component = Vue.component('add-new-component', (resolve, reject) => {
|
|
resolve({
|
|
template : '<div id="dynamic-delete-component"><akaunting-modal v-if="confirm.show" :show="confirm.show" :title="confirm.title" :message="confirm.message" :button_cancel="confirm.button_cancel" :button_delete="confirm.button_delete" @confirm="onDelete" @cancel="cancelDelete"></akaunting-modal></div>',
|
|
|
|
components: {
|
|
AkauntingModal,
|
|
},
|
|
|
|
data: function () {
|
|
return {
|
|
confirm: confirm,
|
|
}
|
|
},
|
|
|
|
methods: {
|
|
// Delete action post
|
|
async onDelete() {
|
|
let promise = Promise.resolve(axios({
|
|
method: 'DELETE',
|
|
url: this.confirm.url,
|
|
}));
|
|
|
|
promise.then(response => {
|
|
if (response.data.redirect) {
|
|
window.location.href = response.data.redirect;
|
|
}
|
|
|
|
this.$emit('deleted', response.data);
|
|
})
|
|
.catch(error => {
|
|
this.success = false;
|
|
});
|
|
},
|
|
|
|
// Close modal empty default value
|
|
cancelDelete() {
|
|
this.confirm.show = false;
|
|
},
|
|
}
|
|
})
|
|
});
|
|
},
|
|
|
|
// Change bank account get money and currency rate
|
|
onChangeAccount(account_id) {
|
|
if (!account_id) {
|
|
return;
|
|
}
|
|
|
|
axios.get(url + '/banking/accounts/currency', {
|
|
params: {
|
|
account_id: account_id
|
|
}
|
|
})
|
|
.then(response => {
|
|
this.currency = response.data;
|
|
|
|
this.form.currency_code = response.data.currency_code;
|
|
this.form.currency_rate = response.data.currency_rate;
|
|
})
|
|
.catch(error => {
|
|
});
|
|
},
|
|
|
|
// Change currency get money
|
|
onChangeCurrency(currency_code) {
|
|
if (!currency_code) {
|
|
return;
|
|
}
|
|
|
|
if (!this.all_currencies.length) {
|
|
let currency_promise = Promise.resolve(window.axios.get((url + '/settings/currencies')));
|
|
|
|
currency_promise.then(response => {
|
|
if ( response.data.success) {
|
|
this.all_currencies = response.data.data;
|
|
}
|
|
})
|
|
.catch(error => {
|
|
this.onChangeCurrency(currency_code);
|
|
});
|
|
}
|
|
|
|
this.all_currencies.forEach(function (currency, index) {
|
|
if (currency_code == currency.code) {
|
|
this.currency = currency;
|
|
|
|
this.form.currency_code = currency.code;
|
|
this.form.currency_rate = currency.rate;
|
|
}
|
|
}, this);
|
|
},
|
|
|
|
// Pages limit change
|
|
onChangePaginationLimit(event) {
|
|
let path = '';
|
|
|
|
if (window.location.search.length) {
|
|
if (window.location.search.includes('limit')) {
|
|
let queries = [];
|
|
let query = window.location.search;
|
|
|
|
query = query.replace('?', '');
|
|
queries = query.split('&');
|
|
|
|
path = window.location.origin + window.location.pathname;
|
|
|
|
queries.forEach(function (_query, index) {
|
|
let query_partials = _query.split('=');
|
|
|
|
if (index == 0) {
|
|
path += '?'
|
|
} else {
|
|
path += '&';
|
|
}
|
|
|
|
if (query_partials[0] == 'limit') {
|
|
path += 'limit=' + event.target.value;
|
|
} else {
|
|
path += query_partials[0] + '=' + query_partials[1];
|
|
}
|
|
});
|
|
|
|
} else {
|
|
path = window.location.href + '&limit=' + event.target.value;
|
|
}
|
|
} else {
|
|
path = window.location.href + '?limit=' + event.target.value;
|
|
}
|
|
|
|
window.location.href = path;
|
|
},
|
|
|
|
// Dynamic component get path view and show it.
|
|
onDynamicComponent(path)
|
|
{
|
|
axios.get(path)
|
|
.then(response => {
|
|
let html = response.data.html;
|
|
|
|
this.component = Vue.component('add-new-component', (resolve, reject) => {
|
|
resolve({
|
|
template : '<div id="dynamic-component">' + html + '</div>',
|
|
|
|
components: {
|
|
AkauntingSearch,
|
|
AkauntingRadioGroup,
|
|
AkauntingSelect,
|
|
AkauntingSelectRemote,
|
|
AkauntingModal,
|
|
AkauntingModalAddNew,
|
|
AkauntingDate,
|
|
AkauntingRecurring,
|
|
[Select.name]: Select,
|
|
[Option.name]: Option,
|
|
[Steps.name]: Steps,
|
|
[Step.name]: Step,
|
|
[Button.name]: Button,
|
|
},
|
|
|
|
created: function() {
|
|
this.form = new Form('form-dynamic-component');
|
|
},
|
|
|
|
mounted() {
|
|
let form_id = document.getElementById('dynamic-component').querySelectorAll('form')[1].id;
|
|
|
|
this.form = new Form(form_id);
|
|
},
|
|
|
|
data: function () {
|
|
return {
|
|
form: {},
|
|
dynamic: {
|
|
data: dynamic_data
|
|
}
|
|
}
|
|
},
|
|
|
|
methods: {
|
|
}
|
|
})
|
|
});
|
|
})
|
|
.catch(e => {
|
|
this.errors.push(e);
|
|
})
|
|
.finally(function () {
|
|
// always executed
|
|
});
|
|
},
|
|
|
|
onDynamicFormParams(path, params) {
|
|
let data = {};
|
|
|
|
for (const [key, value] of Object.entries(params)) {
|
|
data[key] = eval(value);
|
|
}
|
|
|
|
axios.get(path, {
|
|
params: data
|
|
}).then(response => {
|
|
if (response.data.data) {
|
|
let rows = response.data.data;
|
|
|
|
if (!Array.isArray(rows)) {
|
|
for (const [key, value] of Object.entries(rows)) {
|
|
this.form[key] = value;
|
|
}
|
|
} else {
|
|
rows.forEach(function (key, index) {
|
|
this.form[index] = key;
|
|
}, this);
|
|
}
|
|
}
|
|
}).catch(error => {
|
|
});
|
|
},
|
|
|
|
// Delete attachment file
|
|
onDeleteFile(file_id, url, title, message, button_cancel, button_delete) {
|
|
let file_data = {
|
|
page: null,
|
|
key: null,
|
|
value: null,
|
|
ajax: true,
|
|
redirect: window.location.href
|
|
};
|
|
|
|
if (this.form['page' + file_id]) {
|
|
file_data.page = this.form['page' + file_id];
|
|
}
|
|
|
|
if (this.form['key' + file_id]) {
|
|
file_data.key = this.form['key' + file_id];
|
|
}
|
|
|
|
if (this.form['value' + file_id]) {
|
|
file_data.value = this.form['value' + file_id];
|
|
}
|
|
|
|
let confirm = {
|
|
url: url,
|
|
title: title,
|
|
message: message,
|
|
button_cancel: button_cancel,
|
|
button_delete: button_delete,
|
|
file_data: file_data,
|
|
show: true
|
|
};
|
|
|
|
this.component = Vue.component('add-new-component', (resolve, reject) => {
|
|
resolve({
|
|
template : '<div id="dynamic-delete-file-component"><akaunting-modal v-if="confirm.show" :show="confirm.show" :title="confirm.title" :message="confirm.message" :button_cancel="confirm.button_cancel" :button_delete="confirm.button_delete" @confirm="onDelete" @cancel="cancelDelete"></akaunting-modal></div>',
|
|
|
|
components: {
|
|
AkauntingModal,
|
|
},
|
|
|
|
data: function () {
|
|
return {
|
|
confirm: confirm,
|
|
}
|
|
},
|
|
|
|
methods: {
|
|
// Delete action post
|
|
async onDelete() {
|
|
let promise = Promise.resolve(axios({
|
|
method: 'DELETE',
|
|
url: this.confirm.url,
|
|
data: file_data
|
|
}));
|
|
|
|
promise.then(response => {
|
|
if (response.data.redirect) {
|
|
window.location.href = response.data.redirect;
|
|
}
|
|
})
|
|
.catch(error => {
|
|
this.success = false;
|
|
});
|
|
},
|
|
|
|
// Close modal empty default value
|
|
cancelDelete() {
|
|
this.confirm.show = false;
|
|
},
|
|
}
|
|
})
|
|
});
|
|
},
|
|
|
|
// Change Contact Card set form fields..
|
|
onChangeContactCard(contact) {
|
|
this.form.contact_id = contact.id;
|
|
this.form.contact_name = (contact.title) ? contact.title : (contact.display_name) ? contact.display_name : contact.name;
|
|
this.form.contact_email = (contact.email) ? contact.email : '';
|
|
this.form.contact_tax_number = (contact.tax_number) ? contact.tax_number : '';
|
|
this.form.contact_phone = (contact.phone) ? contact.phone : '';
|
|
this.form.contact_address = (contact.address) ? contact.address : '';
|
|
this.form.contact_country = (contact.country) ? contact.country : '';
|
|
this.form.contact_state = (contact.state) ? contact.state : '';
|
|
this.form.contact_zip_code = (contact.zip_code) ? contact.zip_code : '';
|
|
this.form.contact_city = (contact.city) ? contact.city : '';
|
|
|
|
let currency_code = (contact.currency_code) ? contact.currency_code : this.form.currency_code;
|
|
|
|
this.onChangeCurrency(currency_code);
|
|
},
|
|
}
|
|
}
|