Files
InvoiceShelf/resources/scripts/features/admin/views/settings/AdminPdfGenerationView.vue
Darko Gjorgjijoski 71388ec6a5 Rename resources/scripts-v2 to resources/scripts and drop @v2 alias
Now that the legacy v1 frontend (commit 064bdf53) is gone, the v2 directory is the only frontend and the v2 suffix is just noise. Renames resources/scripts-v2 to resources/scripts via git mv (so git records the move as renames, preserving blame and log --follow), then bulk-rewrites the 152 files that imported via @v2/... to use @/scripts/... instead. The existing @ alias (resources/) covers the new path with no extra config needed.

Drops the now-unused @v2 alias from vite.config.js and points the laravel-vite-plugin entry at resources/scripts/main.ts. Updates the only blade reference (resources/views/app.blade.php) to match. The package.json test script (eslint ./resources/scripts) automatically targets the right place after the rename without any edit.

Verified: npm run build exits clean and the Vite warning lines now reference resources/scripts/plugins/i18n.ts, confirming every import resolved through the new path. git log --follow on any moved file walks back through its scripts-v2 history.
2026-04-07 12:50:16 +02:00

97 lines
2.5 KiB
Vue

<script setup lang="ts">
import { computed, ref } from 'vue'
import { useI18n } from 'vue-i18n'
import { useNotificationStore } from '@/scripts/stores/notification.store'
import { pdfService } from '@/scripts/api/services/pdf.service'
import type { PdfConfig, PdfDriver } from '@/scripts/api/services/pdf.service'
import AdminPdfDomDriver from '@/scripts/features/admin/components/settings/AdminPdfDomDriver.vue'
import AdminPdfGotenbergDriver from '@/scripts/features/admin/components/settings/AdminPdfGotenbergDriver.vue'
const { t } = useI18n()
const notificationStore = useNotificationStore()
const isSaving = ref(false)
const isFetchingInitialData = ref(false)
const configData = ref<Record<string, unknown> | null>(null)
const drivers = ref<PdfDriver[]>([])
const currentDriver = ref('dompdf')
loadData()
async function loadData(): Promise<void> {
isFetchingInitialData.value = true
try {
const [driversResponse, configResponse] = await Promise.all([
pdfService.getDrivers(),
pdfService.getConfig(),
])
drivers.value = driversResponse
configData.value = configResponse
currentDriver.value = configResponse.pdf_driver ?? 'dompdf'
} finally {
isFetchingInitialData.value = false
}
}
const pdfDriver = computed(() => {
if (currentDriver.value === 'gotenberg') {
return AdminPdfGotenbergDriver
}
return AdminPdfDomDriver
})
function changeDriver(value: string): void {
currentDriver.value = value
if (configData.value) {
configData.value.pdf_driver = value
}
}
async function saveConfig(value: PdfConfig): Promise<void> {
isSaving.value = true
try {
const response = await pdfService.saveConfig(value)
if (response.success) {
notificationStore.showNotification({
type: 'success',
message: t(`settings.pdf.${response.success}`),
})
if (configData.value) {
configData.value = {
...configData.value,
...value,
}
}
}
} finally {
isSaving.value = false
}
}
</script>
<template>
<BaseSettingCard
:title="$t('settings.pdf.pdf_configuration')"
:description="$t('settings.pdf.section_description')"
>
<div v-if="configData" class="mt-14">
<component
:is="pdfDriver"
:config-data="configData"
:is-saving="isSaving"
:drivers="drivers"
:is-fetching-initial-data="isFetchingInitialData"
@on-change-driver="changeDriver"
@submit-data="saveConfig"
/>
</div>
</BaseSettingCard>
</template>