Manual mails can be sent

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

@@ -5,6 +5,8 @@
     import CommonSettings from "./CommonSettings.vue";
     import EventManagement from "./EventManagement.vue";
     import Modal from "../../../../Views/Components/Modal.vue";
+    import MailCompose from "./MailCompose.vue";
+    import FullScreenModal from "../../../../Views/Components/FullScreenModal.vue";
 
     const props = defineProps({
         data: Object,
@@ -47,6 +49,11 @@
         Object.assign(dynamicProps, data);
     });
 
+    const mailCompose = ref(false);
+
+    function mailToGroup() {
+        mailCompose.value = true
+    }
 </script>
 
 <template>
@@ -85,7 +92,7 @@
                 </a><br/>
                 <input type="button" class="fix-button" value="Zahlungserinnerung senden" /><br/>
                 <input type="button" class="deny-button" value="Letzte Mahnung senden" /><br/>
-                <input type="button" value="Rundmail senden" /><br/>
+                <input type="button" value="Rundmail senden" @click="mailToGroup" /><br/>
             </div>
         </div>
         <div class="event-flexbox-row bottom">
@@ -130,6 +137,14 @@
         </table>
     </Modal>
 
+    <FullScreenModal
+        :show="mailCompose"
+        title="E-Mail senden"
+        @close="mailCompose = false"
+    >
+        <MailCompose @closeComposer="mailCompose = false" :event="dynamicProps.event" mailToType="all" recipientIdentifier="Alle Teilnehmenden" />
+    </FullScreenModal>
+
 </template>
 
 <style>