Manager

Back Back Up Advanced Editor

<BaseButton
        :content-loading="isFetchingInitialData"
        :disabled="isSaving"
        :loading="isSaving"
        type="submit"
        class="mt-6"
      >
        <template #left="slotProps">
          <BaseIcon name="SaveIcon" :class="slotProps.class" />
        </template>
        {{ $t('settings.company_info.save') }}
      </BaseButton>

<BaseInputGroup
            v-if="expirePdfField"
            :content-loading="isFetchingInitialData"
            :label="$t('settings.preferences.expire_public_links')"
            class="mt-2 mb-4"
          >
            <BaseInput
              v-model="settingsForm.link_expiry_days"
              :disabled="
                settingsForm.automatically_expire_public_links === 'NO'
              "
              :content-loading="isFetchingInitialData"
              type="number"
            />
          </BaseInputGroup>

<BaseButton
            :content-loading="isFetchingInitialData"
            :disabled="isDataSaving"
            :loading="isDataSaving"
            type="submit"
            class="mt-6"
          >
            <template #left="slotProps">
              <BaseIcon name="SaveIcon" :class="slotProps.class" />
            </template>
            {{ $t('general.save') }}
          </BaseButton>
        </form>

const companyStore = useCompanyStore()
const globalStore = useGlobalStore()
const { t, tm } = useI18n()

let isSaving = ref(false)
let isDataSaving = ref(false)
let isFetchingInitialData = ref(false)

const settingsForm = reactive({ ...companyStore.selectedCompanySettings })

const retrospectiveEditOptions = computed(() => {
  return globalStore.config.retrospective_edits.map((option) => {
    option.title = t(option.key)
    return option
  })
})

const fiscalYearsList = computed(() => {
  return globalStore.config.fiscal_years.map((item) => {
    return Object.assign({}, item, {
      key: t(item.key),
    })
  })
})

watch(
  () => settingsForm.carbon_date_format,
  (val) => {
    if (val) {
      const dateFormatObject = globalStore.dateFormats.find((d) => {
        return d.carbon_format_value === val
      })

settingsForm.moment_date_format = dateFormatObject.moment_format_value
    }
  }
)

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

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

settingsForm.discount_per_item = value

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

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

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

settingsForm.automatically_expire_public_links = value
  },
})

const rules = computed(() => {
  return {
    currency: {
      required: helpers.withMessage(t('validation.required'), required),
    },
    language: {
      required: helpers.withMessage(t('validation.required'), required),
    },
    carbon_date_format: {
      required: helpers.withMessage(t('validation.required'), required),
    },
    moment_date_format: {
      required: helpers.withMessage(t('validation.required'), required),
    },
    time_zone: {
      required: helpers.withMessage(t('validation.required'), required),
    },
    fiscal_year: {
      required: helpers.withMessage(t('validation.required'), required),
    },
  }
})

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

setInitialData()

async function setInitialData() {
  isFetchingInitialData.value = true
  Promise.all([
    globalStore.fetchCurrencies(),
    globalStore.fetchDateFormats(),
    globalStore.fetchTimeZones(),
  ]).then(([res1]) => {
    isFetchingInitialData.value = false
  })
}

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

let data = {
    settings: {
      ...settingsForm,
    },
  }

isSaving.value = true
  delete data.settings.link_expiry_days
  let res = await companyStore.updateCompanySettings({
    data: data,
    message: 'settings.preferences.updated_message',
  })

isSaving.value = false
}

async function submitData() {
  isDataSaving.value = true

let res = await companyStore.updateCompanySettings({
    data: {
      settings: {
        link_expiry_days: settingsForm.link_expiry_days,
        automatically_expire_public_links:
          settingsForm.automatically_expire_public_links,
      },
    },
    message: 'settings.preferences.updated_message',
  })

isDataSaving.value = false
}
</script>