Overview of active payment methode

app/Domains/Event/Views/Partials/ParticipantsList.vue

@@ -1,11 +1,11 @@
 <script setup>
-import { computed, reactive, ref } from "vue";
+import {computed, reactive, ref} from "vue";
 import Modal from "../../../../Views/Components/Modal.vue";
 import ParticipantData from "./ParticipantData.vue";
-import MailCompose   from "./MailCompose.vue";
+import MailCompose from "./MailCompose.vue";
 import {toast} from "vue3-toastify";
 import {useAjax} from "../../../../../resources/js/components/ajaxHandler.js";
-import {format, getDay, getMonth, getYear} from "date-fns";
+import {format} from "date-fns";
 import AmountInput from "../../../../Views/Components/AmountInput.vue";
 import FullScreenModal from "../../../../Views/Components/FullScreenModal.vue";
 import DialableTelephoneNumber from "../../../../Views/Components/DialableTelephoneNumber.vue";
@@ -344,6 +344,14 @@ function mailToGroup(groupKey) {
                                 <span class="link" style="font-size:10pt;" @click="paymentComplete(participant)">Zahlung buchen</span> &nbsp;
                                 <span class="link" style="font-size:10pt;" @click="openPartialPaymentDialog(participant)">Teilzahlung buchen</span>
                             </span>
+                            <br/><br/>
+                            <span :id="'participant-' + participant.identifier + '-paymentmethod'"
+                                  style="font-size:10pt;">
+                                Zahlungsweise: <label
+                                :id="'participant-' + participant.identifier + '-paymentmethod-name'">{{
+                                    participant.paymentMethod ?? '—'
+                                }}</label>
+                            </span>
                         </td>
 
                         <td class="pl-email">

app/Domains/Event/Views/Partials/SignUpForm/components/PaymentMethodInputs.vue

@@ -28,6 +28,12 @@ function setValue(name, value) {
                     :modelValue="modelValue[option.name] ?? ''"
                     @update:modelValue="value => setValue(option.name, value)"
                 />
+                <input
+                    v-else-if="option.type === 'checkbox'"
+                    type="checkbox"
+                    :checked="modelValue[option.name] ?? false"
+                    @change="event => setValue(option.name, event.target.checked)"
+                />
                 <input
                     v-else
                     type="text"

version

@@ -1 +1 @@
-4.6.0
+4.6.1