Manager

Back Back Up Advanced Editor

{{ $t('settings.notification.save') }}
        </BaseButton>
      </div>
    </form>

const companyStore = useCompanyStore()

let isSaving = ref(false)
const { t } = useI18n()

const settingsForm = reactive({
  notify_invoice_viewed:
    companyStore.selectedCompanySettings.notify_invoice_viewed,
  notify_estimate_viewed:
    companyStore.selectedCompanySettings.notify_estimate_viewed,
  notification_email: companyStore.selectedCompanySettings.notification_email,
})

const rules = computed(() => {
  return {
    notification_email: {
      required: helpers.withMessage(t('validation.required'), required),
      email: helpers.withMessage(t('validation.email_incorrect'), email),
    },
  }
})

const v$ = useVuelidate(
  rules,
  computed(() => settingsForm)
)

const invoiceViewedField = computed({
  get: () => {
    return settingsForm.notify_invoice_viewed === 'YES'
  },
  set: async (newValue) => {
    const value = newValue ? 'YES' : 'NO'

let data = {
      settings: {
        notify_invoice_viewed: value,
      },
    }

settingsForm.notify_invoice_viewed = value

await companyStore.updateCompanySettings({
      data,
      message: 'general.setting_updated',
    })
  },
})

const estimateViewedField = computed({
  get: () => {
    return settingsForm.notify_estimate_viewed === 'YES'
  },
  set: async (newValue) => {
    const value = newValue ? 'YES' : 'NO'

let data = {
      settings: {
        notify_estimate_viewed: value,
      },
    }

settingsForm.notify_estimate_viewed = value

await companyStore.updateCompanySettings({
      data,
      message: 'general.setting_updated',
    })
  },
})

async function submitForm() {
  v$.value.$touch()
  if (v$.value.$invalid) {
    return true
  }

isSaving.value = true

const data = {
    settings: {
      notification_email: settingsForm.notification_email,
    },
  }

await companyStore.updateCompanySettings({
    data,
    message: 'settings.notification.email_save_message',
  })

isSaving.value = false
}
</script>