mirror of
https://github.com/crater-invoice/crater.git
synced 2025-11-04 06:23:17 -05:00
88 lines
2.3 KiB
Vue
88 lines
2.3 KiB
Vue
<template>
|
|
<div class="relative">
|
|
<base-loader v-if="isRequestOnGoing" :show-bg-overlay="true" />
|
|
<sw-card>
|
|
<sw-tabs class="p-2">
|
|
<!-- Invoices -->
|
|
<sw-tab-item :title="$t('settings.customization.invoices.title')">
|
|
<invoices-tab :settings="settings" />
|
|
</sw-tab-item>
|
|
|
|
<!-- Estimates -->
|
|
<sw-tab-item :title="$t('settings.customization.estimates.title')">
|
|
<estimates-tab :settings="settings" />
|
|
</sw-tab-item>
|
|
|
|
<!-- Payments -->
|
|
<sw-tab-item :title="$t('settings.customization.payments.title')">
|
|
<payments-tab :settings="settings" />
|
|
</sw-tab-item>
|
|
|
|
<!-- Items -->
|
|
<sw-tab-item :title="$t('settings.customization.items.title')">
|
|
<items-tab />
|
|
</sw-tab-item>
|
|
</sw-tabs>
|
|
</sw-card>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import InvoicesTab from './customization-tabs/InvoicesTab'
|
|
import EstimatesTab from './customization-tabs/EstimatesTab'
|
|
import PaymentsTab from './customization-tabs/PaymentsTab'
|
|
import ItemsTab from './customization-tabs/ItemsTab'
|
|
import { mapActions } from 'vuex'
|
|
|
|
export default {
|
|
data() {
|
|
return {
|
|
settings: {},
|
|
isRequestOnGoing: false,
|
|
}
|
|
},
|
|
|
|
components: {
|
|
InvoicesTab,
|
|
EstimatesTab,
|
|
PaymentsTab,
|
|
ItemsTab,
|
|
},
|
|
|
|
created() {
|
|
this.fetchSettings()
|
|
},
|
|
|
|
methods: {
|
|
...mapActions('company', ['fetchCompanySettings']),
|
|
async fetchSettings() {
|
|
this.isRequestOnGoing = true
|
|
let res = await this.fetchCompanySettings([
|
|
'payment_auto_generate',
|
|
'payment_prefix',
|
|
'payment_mail_body',
|
|
'invoice_auto_generate',
|
|
'invoice_prefix',
|
|
'invoice_mail_body',
|
|
'estimate_auto_generate',
|
|
'estimate_prefix',
|
|
'estimate_mail_body',
|
|
'invoice_billing_address_format',
|
|
'invoice_shipping_address_format',
|
|
'invoice_company_address_format',
|
|
'invoice_mail_body',
|
|
'payment_mail_body',
|
|
'payment_company_address_format',
|
|
'payment_from_customer_address_format',
|
|
'estimate_company_address_format',
|
|
'estimate_billing_address_format',
|
|
'estimate_shipping_address_format',
|
|
])
|
|
|
|
this.settings = res.data
|
|
this.isRequestOnGoing = false
|
|
},
|
|
},
|
|
}
|
|
</script>
|