mirror of
https://github.com/InvoiceShelf/InvoiceShelf.git
synced 2026-04-15 09:14:08 +00:00
71388ec6a5
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.
80 lines
1.8 KiB
Vue
80 lines
1.8 KiB
Vue
<script setup lang="ts">
|
|
import { ref, watch } from 'vue'
|
|
|
|
interface Props {
|
|
src: string | false
|
|
}
|
|
|
|
const props = defineProps<Props>()
|
|
|
|
const status = ref<'idle' | 'loading' | 'ready' | 'error'>('idle')
|
|
|
|
async function checkPdf(url: string): Promise<void> {
|
|
status.value = 'loading'
|
|
try {
|
|
const response = await fetch(url, { method: 'GET', credentials: 'same-origin' })
|
|
if (response.ok) {
|
|
status.value = 'ready'
|
|
} else {
|
|
status.value = 'error'
|
|
}
|
|
} catch {
|
|
status.value = 'error'
|
|
}
|
|
}
|
|
|
|
function retry(): void {
|
|
if (props.src) {
|
|
checkPdf(props.src)
|
|
}
|
|
}
|
|
|
|
watch(
|
|
() => props.src,
|
|
(url) => {
|
|
if (url) {
|
|
checkPdf(url)
|
|
} else {
|
|
status.value = 'idle'
|
|
}
|
|
},
|
|
{ immediate: true },
|
|
)
|
|
</script>
|
|
|
|
<template>
|
|
<div
|
|
class="flex flex-col min-h-0 mt-8 overflow-hidden"
|
|
style="height: 75vh"
|
|
>
|
|
<!-- Loading -->
|
|
<div
|
|
v-if="status === 'loading' || status === 'idle'"
|
|
class="flex-1 flex items-center justify-center border border-line-default rounded-md bg-surface"
|
|
>
|
|
<BaseSpinner class="w-8 h-8 text-primary-400" />
|
|
</div>
|
|
|
|
<!-- Error -->
|
|
<div
|
|
v-else-if="status === 'error'"
|
|
class="flex-1 flex flex-col items-center justify-center gap-4 border border-line-default rounded-md bg-surface"
|
|
>
|
|
<BaseIcon name="ExclamationCircleIcon" class="w-12 h-12 text-muted" />
|
|
<p class="text-sm text-muted">
|
|
{{ $t('general.unable_to_load_pdf') }}
|
|
</p>
|
|
<BaseButton variant="primary-outline" size="sm" @click="retry">
|
|
{{ $t('general.retry') }}
|
|
</BaseButton>
|
|
</div>
|
|
|
|
<!-- PDF iframe -->
|
|
<iframe
|
|
v-else
|
|
:src="src || undefined"
|
|
class="flex-1 border border-line-default border-solid rounded-md bg-surface"
|
|
/>
|
|
</div>
|
|
</template>
|