From 73f05ed7e7d62d959bf14d0813de7b6c1f3e41e7 Mon Sep 17 00:00:00 2001
From: Thomas Peterson <info@thomas-peterson.de>
Date: Sun, 31 May 2026 19:40:36 +0200
Subject: [PATCH] Karten-Editor: Format & Beschnitt einstellbar
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Karten-Einstellungen im Eigenschaften-Panel (wenn kein Element gewählt):
Name, Breite/Höhe, Beschnitt und Sicherheitsabstand — wirken live im Canvas
und fließen beim Speichern ins Druck-PDF (Seitengröße + Schnittmarken).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 frontend/src/views/CardEditorView.vue | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/CardEditorView.vue b/frontend/src/views/CardEditorView.vue
index 8736596..133eeec 100644
--- a/frontend/src/views/CardEditorView.vue
+++ b/frontend/src/views/CardEditorView.vue
@@ -376,8 +376,22 @@ onUnmounted(() => window.removeEventListener('keydown', onKey))
 
       <!-- Eigenschaften -->
       <div class="card props">
-        <h3>Eigenschaften</h3>
-        <p v-if="!selected" class="muted small">Element auswählen oder hinzufügen.</p>
+        <h3>{{ selected ? 'Eigenschaften' : 'Karten-Einstellungen' }}</h3>
+
+        <!-- Karten-/Format-Einstellungen, wenn kein Element ausgewählt ist -->
+        <template v-if="!selected">
+          <div class="field"><label>Name der Vorlage</label><input class="input" v-model="tpl.name" /></div>
+          <div class="grid2">
+            <div class="field"><label>Breite (mm)</label><input class="input" type="number" step="1" v-model.number="tpl.widthMm" /></div>
+            <div class="field"><label>Höhe (mm)</label><input class="input" type="number" step="1" v-model.number="tpl.heightMm" /></div>
+          </div>
+          <div class="grid2">
+            <div class="field"><label>Beschnitt (mm)</label><input class="input" type="number" step="0.5" min="0" v-model.number="tpl.bleedMm" /></div>
+            <div class="field"><label>Sicherheit (mm)</label><input class="input" type="number" step="0.5" min="0" v-model.number="tpl.safeMm" /></div>
+          </div>
+          <p class="muted small">Standard: 85×55&nbsp;mm, 2&nbsp;mm Beschnitt. Wird beim Speichern übernommen und gilt fürs Druck-PDF. Element anklicken, um es zu bearbeiten.</p>
+        </template>
+
         <template v-if="selected">
           <div class="field"><label>Typ</label><input class="input" :value="selected.type" disabled /></div>
           <div class="field" v-if="selected.type === 'field'">