Fix für Short-Signups
This commit is contained in:
@@ -0,0 +1,33 @@
|
||||
<script setup>
|
||||
// Erscheint nur, wenn neben dem Standardbeitrag weitere Stufen hinterlegt sind. Die Beträge gelten für die gesamte
|
||||
// Veranstaltung -- die Kurzanmeldung hat keinen wählbaren Zeitraum.
|
||||
defineProps({
|
||||
formData: Object,
|
||||
feeOptions: {type: Array, default: () => []},
|
||||
})
|
||||
const emit = defineEmits(['next', 'back'])
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div>
|
||||
<h3>Teilnahmebeitrag</h3>
|
||||
<p style="margin: 0 0 16px 0; color: #6b7280; font-size: 0.95rem;">
|
||||
Bitte wähle deinen Beitrag für die gesamte Veranstaltung.
|
||||
</p>
|
||||
|
||||
<label
|
||||
v-for="option in feeOptions"
|
||||
:key="option.value"
|
||||
style="display: block; margin-bottom: 8px; cursor: pointer;"
|
||||
>
|
||||
<input type="radio" v-model="formData.feeType" :value="option.value" />
|
||||
{{ option.label }}
|
||||
<span style="color: #606060;">({{ option.amount }})</span>
|
||||
</label>
|
||||
|
||||
<div class="btn-row">
|
||||
<button type="button" class="btn-secondary" @click="emit('back')">← Zurück</button>
|
||||
<button type="button" class="btn-primary" @click="emit('next')">Weiter →</button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
@@ -8,7 +8,8 @@ const props = defineProps({
|
||||
event: Object,
|
||||
isMinor: Boolean,
|
||||
summaryAmount: String,
|
||||
summaryAmountValue: {type: Number, default: 0},
|
||||
// Nur gesetzt, wenn zwischen mehreren Beitragsstufen gewählt werden konnte.
|
||||
feeLabel: {type: String, default: null},
|
||||
summaryLoading: Boolean,
|
||||
submitting: Boolean,
|
||||
submitError: {type: String, default: ''},
|
||||
@@ -137,6 +138,10 @@ const canSubmit = computed(() =>
|
||||
|
||||
<h4 style="margin: 0 0 8px 0;">Kostenübersicht</h4>
|
||||
<table class="form-table cost-table" style="margin-bottom: 20px;">
|
||||
<tr v-if="feeLabel">
|
||||
<td>Beitragsstufe:</td>
|
||||
<td>{{ feeLabel }}</td>
|
||||
</tr>
|
||||
<tr class="cost-total">
|
||||
<td><strong>Teilnahmebeitrag:</strong></td>
|
||||
<td><strong>{{ summaryAmount }}</strong></td>
|
||||
|
||||
Reference in New Issue
Block a user