mirror of
				https://github.com/crater-invoice/crater.git
				synced 2025-11-04 06:23:17 -05:00 
			
		
		
		
	
		
			
				
	
	
		
			94 lines
		
	
	
		
			2.4 KiB
		
	
	
	
		
			Vue
		
	
	
	
	
	
			
		
		
	
	
			94 lines
		
	
	
		
			2.4 KiB
		
	
	
	
		
			Vue
		
	
	
	
	
	
<template>
 | 
						|
  <h6 class="text-gray-900 text-lg font-medium">
 | 
						|
    {{ $tc('settings.customization.invoices.retrospective_edits') }}
 | 
						|
  </h6>
 | 
						|
  <p class="mt-1 text-sm text-gray-500">
 | 
						|
    {{ $t('settings.customization.invoices.retrospective_edits_description') }}
 | 
						|
  </p>
 | 
						|
 | 
						|
  <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/stores/company'
 | 
						|
import { useI18n } from 'vue-i18n'
 | 
						|
import { useGlobalStore } from '@/scripts/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>
 |