v6 update

resources/scripts/admin/views/settings/customization/invoices/InvoicesTabRetrospective.vue

@@ -0,0 +1,93 @@
+<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/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>