Files
crater/resources/scripts/admin/views/settings/customization/invoices/InvoicesTabRetrospective.vue
2023-03-24 18:00:47 +05:30

96 lines
2.4 KiB
Vue

<template>
<BaseHeading
type="heading-title"
:subtitle="
$t('settings.customization.invoices.retrospective_edits_description')
"
>
{{ $tc('settings.customization.invoices.retrospective_edits') }}
</BaseHeading>
<BaseInputGroup required>
<BaseRadio
id="allow"
v-model="settingsForm.retrospective_edits"
:label="$t('settings.customization.invoices.allow')"
size="sm"
name="filter"
value="allow"
class="mt-2"
@update:modelValue="submitForm"
/>
<BaseRadio
id="disable_on_invoice_partial_paid"
v-model="settingsForm.retrospective_edits"
:label="
$t('settings.customization.invoices.disable_on_invoice_partial_paid')
"
size="sm"
name="filter"
value="disable_on_invoice_partial_paid"
class="mt-2"
@update:modelValue="submitForm"
/>
<BaseRadio
id="disable_on_invoice_paid"
v-model="settingsForm.retrospective_edits"
:label="$t('settings.customization.invoices.disable_on_invoice_paid')"
size="sm"
name="filter"
value="disable_on_invoice_paid"
class="my-2"
@update:modelValue="submitForm"
/>
<BaseRadio
id="disable_on_invoice_sent"
v-model="settingsForm.retrospective_edits"
:label="$t('settings.customization.invoices.disable_on_invoice_sent')"
size="sm"
name="filter"
value="disable_on_invoice_sent"
@update:modelValue="submitForm"
/>
</BaseInputGroup>
</template>
<script setup>
import { reactive, computed, ref, inject } from 'vue'
import { useCompanyStore } from '@/scripts/admin/stores/company'
import { useI18n } from 'vue-i18n'
import { useGlobalStore } from '@/scripts/admin/stores/global'
const { t, tm } = useI18n()
const companyStore = useCompanyStore()
const globalStore = useGlobalStore()
const utils = inject('utils')
const settingsForm = reactive({ retrospective_edits: null })
utils.mergeSettings(settingsForm, {
...companyStore.selectedCompanySettings,
})
const retrospectiveEditOptions = computed(() => {
return globalStore.config.retrospective_edits.map((option) => {
option.title = t(option.key)
return option
})
})
async function submitForm() {
let data = {
settings: {
...settingsForm,
},
}
await companyStore.updateCompanySettings({
data,
message: 'settings.customization.invoices.invoice_settings_updated',
})
return true
}
</script>