|
{{ taxNumberText }}: {{ company.tax_number }}
@@ -53,190 +58,216 @@ import AkauntingDate from './AkauntingDate';
import Form from './../plugins/form';
export default {
- name: 'akaunting-company-edit',
+ name: 'akaunting-company-edit',
- components: {
- [Select.name]: Select,
- [Option.name]: Option,
- [OptionGroup.name]: OptionGroup,
- [ColorPicker.name]: ColorPicker,
- AkauntingModalAddNew,
- AkauntingModal,
- AkauntingMoney,
- AkauntingRadioGroup,
- AkauntingSelect,
- AkauntingDate,
- },
-
- props: {
- buttonText: {
- type: String,
- default: 'Edit your business address ',
- description: 'Input placeholder'
- },
- taxNumberText: {
- type: String,
- default: 'Tax Number',
- description: 'Input placeholder'
- },
- companyId: {
- type: String,
- default: '',
- description: 'Contact search route'
- },
- company: {
- type: Object,
- default: {},
- description: 'Company object'
- },
- companyForm: {
- type: Object,
- default: function () {
- return {
- text: 'Add New Item',
- show: false,
- buttons: {}
- };
+ components: {
+ [Select.name]: Select,
+ [Option.name]: Option,
+ [OptionGroup.name]: OptionGroup,
+ [ColorPicker.name]: ColorPicker,
+ AkauntingModalAddNew,
+ AkauntingModal,
+ AkauntingMoney,
+ AkauntingRadioGroup,
+ AkauntingSelect,
+ AkauntingDate,
+ },
+
+ props: {
+ buttonText: {
+ type: String,
+ default: 'Edit your business address ',
+ description: 'Input placeholder'
+ },
+ taxNumberText: {
+ type: String,
+ default: 'Tax Number',
+ description: 'Input placeholder'
+ },
+ companyId: {
+ type: String,
+ default: '',
+ description: 'Contact search route'
+ },
+ company: {
+ type: Object,
+ default: {},
+ description: 'Company object'
+ },
+ countryText: {
+ type: [Array, Object],
+ },
+ companyForm: {
+ type: Object,
+ default: function () {
+ return {
+ text: 'Add New Item',
+ show: false,
+ buttons: {}
+ };
+ },
+ description: "Selectbox Add New Item Feature"
},
- description: "Selectbox Add New Item Feature"
},
- },
- data() {
- return {
- form: {},
- company_form: {
- text: this.companyForm.text,
- show: false,
- path: url + '/modals/companies/' + this.companyId + '/edit',
- buttons: this.companyForm.buttons,
- },
- company_html: '',
- };
- },
+ data() {
+ return {
+ form: {},
+ company_form: {
+ text: this.companyForm.text,
+ show: false,
+ path: url + '/modals/companies/' + this.companyId + '/edit',
+ buttons: this.companyForm.buttons,
+ },
+ company_html: '',
+ company_data: this.company,
+ };
+ },
- methods: {
- // Edit Company information
- onEditCompany() {
- let company_form = this.company_form;
+ methods: {
+ // Edit Company information
+ onEditCompany() {
+ let company_form = this.company_form;
- window.axios.get(company_form.path)
- .then(response => {
- company_form.show = true;
- company_form.html = response.data.html;
+ window.axios.get(company_form.path)
+ .then(response => {
+ company_form.show = true;
+ company_form.html = response.data.html;
- this.company_html = Vue.component('add-new-component', function (resolve, reject) {
- resolve({
- template: '',
+ this.company_html = Vue.component('add-new-component', function (resolve, reject) {
+ resolve({
+ template: '',
- components: {
- AkauntingModalAddNew,
- },
+ components: {
+ AkauntingModalAddNew,
+ },
- data: function () {
- return {
- company_form: company_form,
+ data: function () {
+ return {
+ company_form: company_form,
+ }
+ },
+
+ methods: {
+ onSubmit(event) {
+ this.$emit('submit', event);
+ },
+
+ onCancel(event) {
+ this.$emit('cancel', event);
}
- },
+ }
+ })
+ }, this);
+ })
+ .catch(e => {
+ console.log(e);
+ })
+ .finally(function () {
+ // always executed
+ });
+ },
- methods: {
- onSubmit(event) {
- this.$emit('submit', event);
- },
+ onSubmit(event) {
+ this.form = event;
- onCancel(event) {
- this.$emit('cancel', event);
- }
- }
- })
- }, this);
- })
- .catch(e => {
- console.log(e);
- })
- .finally(function () {
- // always executed
- });
- },
+ this.loading = true;
- onSubmit(event) {
- this.form = event;
+ let data = this.form.data();
- 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 + ']');
+ 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 {
- 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]);
+ 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);
+ 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 => {
- this.form.loading = false;
+ 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 => {
+ this.form.loading = false;
- if (response.data.success) {
- let data = this.form.data();
+ if (response.data.success) {
+ let data = this.form.data();
- this.company.name = data.name;
- this.company.email = data.email;
- this.company.tax_number = data.tax_number;
- this.company.phone = data.phone;
- this.company.address = data.address;
+ this.company.name = data.name;
+ this.company.email = data.email;
+ this.company.tax_number = data.tax_number;
+ this.company.phone = data.phone;
+ this.company.address = data.address;
- this.company_form.show = false;
+ this.company_form.show = false;
- this.company_form.html = '';
- this.company_html = null;
+ this.company_form.html = '';
+ this.company_html = null;
- this.$emit('changed', data);
+ this.$emit('changed', data);
- let documentClasses = document.body.classList;
+ let documentClasses = document.body.classList;
- documentClasses.remove("modal-open");
- }
- })
- .catch(error => {
- this.form.loading = false;
- console.log(error);
- this.company_html = error.message;
- });
+ documentClasses.remove("modal-open");
+ }
+ })
+ .catch(error => {
+ this.form.loading = false;
+ console.log(error);
+ this.company_html = error.message;
+ });
+ },
+
+ onCancel() {
+ this.company_form.show = false;
+ this.company_form.html = null;
+ this.company_html = null;
+
+ let documentClasses = document.body.classList;
+
+ documentClasses.remove("modal-open");
+ },
},
- onCancel() {
- this.company_form.show = false;
- this.company_form.html = null;
- this.company_html = null;
+ created() {
+ let locations = [];
- let documentClasses = document.body.classList;
+ if (this.company.city) {
+ locations.push(this.company.city);
+ }
- documentClasses.remove("modal-open");
+ if (this.company.zip_code) {
+ locations.push(this.company.zip_code);
+ }
+
+ if (this.company.state) {
+ locations.push(this.company.state);
+ }
+
+ if (this.company.country) {
+ locations.push(this.countryText[this.company.country])
+ }
+
+ this.company.locations = locations.join(', ');
},
- },
};
diff --git a/resources/assets/js/components/AkauntingContactCard.vue b/resources/assets/js/components/AkauntingContactCard.vue
index 0a16184b3..99a37887f 100644
--- a/resources/assets/js/components/AkauntingContactCard.vue
+++ b/resources/assets/js/components/AkauntingContactCard.vue
@@ -19,7 +19,7 @@
v-html="error">
-
+
-
+
-
+
-
+
|