psc/vcard4reseller
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Karten-Editor: Format & Beschnitt einstellbar

Browse Source 
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>
This commit is contained in:
Thomas Peterson 2026-05-31 19:40:36 +02:00
parent 904a4184fc
commit 73f05ed7e7
1 changed files with 16 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/src/views/CardEditorView.vue
View File

@ -376,8 +376,22 @@ onUnmounted(() => window.removeEventListener('keydown', onKey))
<!-- Eigenschaften --> <!-- Eigenschaften -->
<div class="card props"> <div class="card props">
<h3>Eigenschaften</h3> <h3>{{ selected ? 'Eigenschaften' : 'Karten-Einstellungen' }}</h3>
<p v-if="!selected" class="muted small">Element auswählen oder hinzufügen.</p>
<!-- 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"> <template v-if="selected">
<div class="field"><label>Typ</label><input class="input" :value="selected.type" disabled /></div> <div class="field"><label>Typ</label><input class="input" :value="selected.type" disabled /></div>
<div class="field" v-if="selected.type === 'field'"> <div class="field" v-if="selected.type === 'field'">