feat(ccli): add bookmarklet redirect import page

2026-05-11 10:29:52 +02:00 · 2026-05-11 10:29:52 +02:00 · 3ec25bf70b
parent d77eb6ad1e
commit 3ec25bf70b
1 changed files with 56 additions and 0 deletions
--- a/resources/js/Pages/Songs/ImportFromCcliPaste.vue
+++ b/resources/js/Pages/Songs/ImportFromCcliPaste.vue
@ -0,0 +1,56 @@
+<script setup>
+import AuthenticatedLayout from '@/Layouts/AuthenticatedLayout.vue'
+import CcliPasteDialog from '@/Components/CcliPasteDialog.vue'
+import { Head, router } from '@inertiajs/vue3'
+
+const props = defineProps({
+    prefilledText: { type: String, default: null },
+    prefilledMetadata: { type: Object, default: null },
+    prefillError: { type: String, default: null },
+})
+
+function handleClose() {
+    router.visit(route('songs.index'))
+}
+
+function handleImported(songId, mode) {
+    if (mode === 'stay') {
+        router.visit(route('songs.index'))
+    }
+}
+</script>
+
+<template>
+    <Head title="Song aus SongSelect importieren" />
+
+    <AuthenticatedLayout>
+        <template #header>
+            <h2 class="text-xl font-semibold leading-tight text-gray-900">
+                Song aus SongSelect importieren
+            </h2>
+        </template>
+
+        <div class="py-8">
+            <div class="mx-auto max-w-2xl px-4 sm:px-6 lg:px-8">
+
+                <!-- Prefill error -->
+                <div
+                    v-if="prefillError"
+                    data-testid="ccli-prefill-error-message"
+                    class="mb-4 rounded-lg border border-yellow-200 bg-yellow-50 p-4 text-sm text-yellow-800"
+                >
+                    {{ prefillError }}
+                </div>
+
+                <!-- Always-open paste dialog on this page -->
+                <CcliPasteDialog
+                    :open="true"
+                    mode="songdb"
+                    :prefilled-text="prefilledText"
+                    @close="handleClose"
+                    @imported="handleImported"
+                />
+            </div>
+        </div>
+    </AuthenticatedLayout>
+</template>