v6 update

resources/scripts/admin/views/settings/customization/estimates/EstimatesTab.vue

@@ -0,0 +1,73 @@
+<template>
+  <EstimatesTabEstimateNumber />
+
+  <BaseDivider class="my-8" />
+
+  <EstimatesTabExpiryDate />
+
+  <BaseDivider class="my-8" />
+
+  <EstimatesTabConvertEstimate />
+
+  <BaseDivider class="my-8" />
+
+  <EstimatesTabDefaultFormats />
+
+  <BaseDivider class="mt-6 mb-2" />
+
+  <ul class="divide-y divide-gray-200">
+    <BaseSwitchSection
+      v-model="sendAsAttachmentField"
+      :title="$t('settings.customization.estimates.estimate_email_attachment')"
+      :description="
+        $t(
+          'settings.customization.estimates.estimate_email_attachment_setting_description'
+        )
+      "
+    />
+  </ul>
+</template>
+
+<script setup>
+import { computed, reactive, inject } from 'vue'
+import { useCompanyStore } from '@/scripts/admin/stores/company'
+
+import EstimatesTabEstimateNumber from './EstimatesTabEstimateNumber.vue'
+import EstimatesTabExpiryDate from './EstimatesTabExpiryDate.vue'
+import EstimatesTabDefaultFormats from './EstimatesTabDefaultFormats.vue'
+import EstimatesTabConvertEstimate from './EstimatesTabConvertEstimate.vue'
+
+const utils = inject('utils')
+
+const companyStore = useCompanyStore()
+
+const estimateSettings = reactive({
+  estimate_email_attachment: null,
+})
+
+utils.mergeSettings(estimateSettings, {
+  ...companyStore.selectedCompanySettings,
+})
+
+const sendAsAttachmentField = computed({
+  get: () => {
+    return estimateSettings.estimate_email_attachment === 'YES'
+  },
+  set: async (newValue) => {
+    const value = newValue ? 'YES' : 'NO'
+
+    let data = {
+      settings: {
+        estimate_email_attachment: value,
+      },
+    }
+
+    estimateSettings.estimate_email_attachment = value
+
+    await companyStore.updateCompanySettings({
+      data,
+      message: 'general.setting_updated',
+    })
+  },
+})
+</script>

resources/scripts/admin/views/settings/customization/estimates/EstimatesTabConvertEstimate.vue

@@ -0,0 +1,82 @@
+<template>
+  <h6 class="text-gray-900 text-lg font-medium">
+    {{ $tc('settings.customization.estimates.convert_estimate_options') }}
+  </h6>
+  <p class="mt-1 text-sm text-gray-500">
+    {{ $t('settings.customization.estimates.convert_estimate_description') }}
+  </p>
+
+  <BaseInputGroup required>
+    <BaseRadio
+      id="no_action"
+      v-model="settingsForm.estimate_convert_action"
+      :label="$t('settings.customization.estimates.no_action')"
+      size="sm"
+      name="filter"
+      value="no_action"
+      class="mt-2"
+      @update:modelValue="submitForm"
+    />
+    <BaseRadio
+      id="delete_estimate"
+      v-model="settingsForm.estimate_convert_action"
+      :label="$t('settings.customization.estimates.delete_estimate')"
+      size="sm"
+      name="filter"
+      value="delete_estimate"
+      class="my-2"
+      @update:modelValue="submitForm"
+    />
+    <BaseRadio
+      id="mark_estimate_as_accepted"
+      v-model="settingsForm.estimate_convert_action"
+      :label="$t('settings.customization.estimates.mark_estimate_as_accepted')"
+      size="sm"
+      name="filter"
+      value="mark_estimate_as_accepted"
+      @update:modelValue="submitForm"
+    />
+  </BaseInputGroup>
+</template>
+
+<script setup>
+import { reactive, computed, ref, inject } from 'vue'
+import { useCompanyStore } from '@/scripts/admin/stores/company'
+import { required, helpers } from '@vuelidate/validators'
+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({ estimate_convert_action: null })
+
+utils.mergeSettings(settingsForm, {
+  ...companyStore.selectedCompanySettings,
+})
+
+const retrospectiveEditOptions = computed(() => {
+  return globalStore.config.estimate_convert_action.map((option) => {
+    option.title = t(option.key)
+    return option
+  })
+})
+
+async function submitForm() {
+  let data = {
+    settings: {
+      ...settingsForm,
+    },
+  }
+
+  await companyStore.updateCompanySettings({
+    data,
+    message: 'settings.customization.estimates.estimate_settings_updated',
+  })
+
+  return true
+}
+</script>

resources/scripts/admin/views/settings/customization/estimates/EstimatesTabDefaultFormats.vue

@@ -0,0 +1,129 @@
+<template>
+  <form @submit.prevent="submitForm">
+    <h6 class="text-gray-900 text-lg font-medium">
+      {{ $t('settings.customization.estimates.default_formats') }}
+    </h6>
+    <p class="mt-1 text-sm text-gray-500 mb-2">
+      {{ $t('settings.customization.estimates.default_formats_description') }}
+    </p>
+
+    <BaseInputGroup
+      :label="
+        $t('settings.customization.estimates.default_estimate_email_body')
+      "
+      class="mt-6 mb-4"
+    >
+      <BaseCustomInput
+        v-model="formatSettings.estimate_mail_body"
+        :fields="estimateMailFields"
+      />
+    </BaseInputGroup>
+
+    <BaseInputGroup
+      :label="$t('settings.customization.estimates.company_address_format')"
+      class="mt-6 mb-4"
+    >
+      <BaseCustomInput
+        v-model="formatSettings.estimate_company_address_format"
+        :fields="companyFields"
+      />
+    </BaseInputGroup>
+
+    <BaseInputGroup
+      :label="$t('settings.customization.estimates.shipping_address_format')"
+      class="mt-6 mb-4"
+    >
+      <BaseCustomInput
+        v-model="formatSettings.estimate_shipping_address_format"
+        :fields="shippingFields"
+      />
+    </BaseInputGroup>
+
+    <BaseInputGroup
+      :label="$t('settings.customization.estimates.billing_address_format')"
+      class="mt-6 mb-4"
+    >
+      <BaseCustomInput
+        v-model="formatSettings.estimate_billing_address_format"
+        :fields="billingFields"
+      />
+    </BaseInputGroup>
+
+    <BaseButton
+      :loading="isSaving"
+      :disabled="isSaving"
+      variant="primary"
+      type="submit"
+      class="mt-4"
+    >
+      <template #left="slotProps">
+        <BaseIcon v-if="!isSaving" :class="slotProps.class" name="SaveIcon" />
+      </template>
+      {{ $t('settings.customization.save') }}
+    </BaseButton>
+  </form>
+</template>
+
+<script setup>
+import { ref, reactive, inject } from 'vue'
+import { useCompanyStore } from '@/scripts/admin/stores/company'
+
+const companyStore = useCompanyStore()
+const utils = inject('utils')
+
+const estimateMailFields = ref([
+  'customer',
+  'customerCustom',
+  'estimate',
+  'estimateCustom',
+  'company',
+])
+
+const billingFields = ref([
+  'billing',
+  'customer',
+  'customerCustom',
+  'estimateCustom',
+])
+
+const shippingFields = ref([
+  'shipping',
+  'customer',
+  'customerCustom',
+  'estimateCustom',
+])
+
+const companyFields = ref(['company', 'estimateCustom'])
+
+let isSaving = ref(false)
+
+const formatSettings = reactive({
+  estimate_mail_body: null,
+  estimate_company_address_format: null,
+  estimate_shipping_address_format: null,
+  estimate_billing_address_format: null,
+})
+
+utils.mergeSettings(formatSettings, {
+  ...companyStore.selectedCompanySettings,
+})
+
+async function submitForm() {
+  isSaving.value = true
+
+  let data = {
+    settings: {
+      ...formatSettings,
+    },
+  }
+
+  await companyStore.updateCompanySettings({
+    data,
+    message: 'settings.customization.estimates.estimate_settings_updated',
+  })
+
+  isSaving.value = false
+
+  return true
+}
+</script>

resources/scripts/admin/views/settings/customization/estimates/EstimatesTabEstimateNumber.vue

@@ -0,0 +1,14 @@
+<template>
+  <NumberCustomizer
+    type="estimate"
+    :type-store="estimateStore"
+    default-series="EST"
+  />
+</template>
+
+<script setup>
+import { useEstimateStore } from '@/scripts/admin/stores/estimate'
+import NumberCustomizer from '../NumberCustomizer.vue'
+
+const estimateStore = useEstimateStore()
+</script>

resources/scripts/admin/views/settings/customization/estimates/EstimatesTabExpiryDate.vue

@@ -0,0 +1,136 @@
+<template>
+  <form @submit.prevent="submitForm">
+    <h6 class="text-gray-900 text-lg font-medium">
+      {{ $t('settings.customization.estimates.expiry_date') }}
+    </h6>
+    <p class="mt-1 text-sm text-gray-500 mb-2">
+      {{ $t('settings.customization.estimates.expiry_date_description') }}
+    </p>
+
+    <BaseSwitchSection
+      v-model="expiryDateAutoField"
+      :title="
+        $t('settings.customization.estimates.set_expiry_date_automatically')
+      "
+      :description="
+        $t(
+          'settings.customization.estimates.set_expiry_date_automatically_description'
+        )
+      "
+    />
+
+    <BaseInputGroup
+      v-if="expiryDateAutoField"
+      :label="$t('settings.customization.estimates.expiry_date_days')"
+      :error="
+        v$.expiryDateSettings.estimate_expiry_date_days.$error &&
+        v$.expiryDateSettings.estimate_expiry_date_days.$errors[0].$message
+      "
+      class="mt-2 mb-4"
+    >
+      <div class="w-full sm:w-1/2 md:w-1/4 lg:w-1/5">
+        <BaseInput
+          v-model="expiryDateSettings.estimate_expiry_date_days"
+          :invalid="v$.expiryDateSettings.estimate_expiry_date_days.$error"
+          type="number"
+          @input="v$.expiryDateSettings.estimate_expiry_date_days.$touch()"
+        />
+      </div>
+    </BaseInputGroup>
+
+    <BaseButton
+      :loading="isSaving"
+      :disabled="isSaving"
+      variant="primary"
+      type="submit"
+      class="mt-4"
+    >
+      <template #left="slotProps">
+        <BaseIcon v-if="!isSaving" :class="slotProps.class" name="SaveIcon" />
+      </template>
+      {{ $t('settings.customization.save') }}
+    </BaseButton>
+  </form>
+</template>
+
+<script setup>
+import { ref, computed, onMounted, reactive, inject } from 'vue'
+import { useI18n } from 'vue-i18n'
+import { useCompanyStore } from '@/scripts/admin/stores/company'
+import { numeric, helpers, requiredIf } from '@vuelidate/validators'
+
+import useVuelidate from '@vuelidate/core'
+
+const { t } = useI18n()
+const companyStore = useCompanyStore()
+
+const utils = inject('utils')
+
+let isSaving = ref(false)
+
+const expiryDateSettings = reactive({
+  estimate_set_expiry_date_automatically: null,
+  estimate_expiry_date_days: null,
+})
+
+utils.mergeSettings(expiryDateSettings, {
+  ...companyStore.selectedCompanySettings,
+})
+
+const expiryDateAutoField = computed({
+  get: () => {
+    return expiryDateSettings.estimate_set_expiry_date_automatically === 'YES'
+  },
+  set: async (newValue) => {
+    const value = newValue ? 'YES' : 'NO'
+
+    expiryDateSettings.estimate_set_expiry_date_automatically = value
+  },
+})
+
+const rules = computed(() => {
+  return {
+    expiryDateSettings: {
+      estimate_expiry_date_days: {
+        required: helpers.withMessage(
+          t('validation.required'),
+          requiredIf(expiryDateAutoField.value)
+        ),
+        numeric: helpers.withMessage(t('validation.numbers_only'), numeric),
+      },
+    },
+  }
+})
+
+const v$ = useVuelidate(rules, { expiryDateSettings })
+
+async function submitForm() {
+  v$.value.expiryDateSettings.$touch()
+
+  if (v$.value.expiryDateSettings.$invalid) {
+    return false
+  }
+
+  isSaving.value = true
+
+  let data = {
+    settings: {
+      ...expiryDateSettings,
+    },
+  }
+  // Don't pass expiry_date_days if setting is not enabled
+
+  if (!expiryDateAutoField.value) {
+    delete data.settings.estimate_expiry_date_days
+  }
+
+  await companyStore.updateCompanySettings({
+    data,
+    message: 'settings.customization.estimates.estimate_settings_updated',
+  })
+
+  isSaving.value = false
+
+  return true
+}
+</script>