43 lines
2.0 KiB
Vue
43 lines
2.0 KiB
Vue
<script setup>
|
|
const props = defineProps({
|
|
participant: Object,
|
|
event: Object,
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<div style="padding: 20px 0;">
|
|
<h3>Hallo {{ props.participant.nicename }},</h3>
|
|
<p>Vielen Dank für dein Interesse an der Veranstaltung {{event.name}}<br />Wir haben folgende Daten erhalten:</p>
|
|
|
|
<table class="form-table" style="margin-bottom: 20px;">
|
|
<tr><td>Anreise:</td><td>{{ props.participant.arrival }}</td></tr>
|
|
<tr><td>Abreise:</td><td>{{ props.participant.departure }}</td></tr>
|
|
<tr><td>Teilnahmegruppe:</td><td>{{ props.participant.participationType }}</td></tr>
|
|
<tr><td> </td><td>
|
|
<a class="link" :href="`/api/v1/event/participant/${props.participant.identifier}/ical`">In Kalender importieren</a>
|
|
</td></tr>
|
|
</table>
|
|
|
|
<div v-if="props.participant.efz_status === 'NOT_CHECKED'" style="font-weight: bold; color: #b45309; margin-bottom: 20px;">
|
|
Dein erweitertes Führungszeugnis konnte nicht automatisch geprüft werden. Bitte kontaktiere die Aktionsleitung.
|
|
</div>
|
|
<div v-else-if="props.participant.efz_status === 'CHECKED_INVALID'" style="font-weight: bold; color: #dc2626; margin-bottom: 20px;">
|
|
Du hast noch kein erweitertes Führungszeugnis hinterlegt. Bitte reiche es umgehend ein.
|
|
</div>
|
|
|
|
<!-- Zahlungs-Block kommt vollständig aus dem Zahlungsmodul (registrationSummary -> html). -->
|
|
<div v-if="props.participant.paymentSummary?.hasPaymentInformation"
|
|
v-html="props.participant.paymentSummary.html"
|
|
style="margin-bottom: 16px;"></div>
|
|
<p v-else>
|
|
Du musst keinen Beitrag überweisen. Deine Anmeldung ist bestätigt.
|
|
</p>
|
|
|
|
<p>
|
|
Du erhältst innerhalb von 2 Stunden eine E-Mail mit weiteren Informationen.<br />
|
|
Kontakt: <a :href="'mailto:' + props.event.email" style="color: #2563eb;">{{ props.event.email }}</a>
|
|
</p>
|
|
</div>
|
|
</template>
|