Creation and editing of events

app/Domains/Event/Views/Details.vue

@@ -0,0 +1,60 @@
+<script setup>
+import {reactive, inject, onMounted} from 'vue';
+import AppLayout from "../../../../resources/js/layouts/AppLayout.vue";
+import ShadowedBox from "../../../Views/Components/ShadowedBox.vue";
+import TabbedPage from "../../../Views/Components/TabbedPage.vue";
+import ListCostUnits from "../../CostUnit/Views/Partials/ListCostUnits.vue";
+import Overview from "./Partials/Overview.vue";
+
+const props = defineProps({
+    event: Object,
+})
+
+const tabs = [
+    {
+        title: 'Übersicht',
+        component: Overview,
+        endpoint: "/api/v1/event/details/" + props.event.id + '/summary',
+    },
+    {
+        title: 'Alle Teilnehmendenden',
+        component: ListCostUnits,
+        endpoint: "/api/v1/cost-unit/open/current-running-jobs",
+    },
+    {
+        title: 'Teilis nach Stamm',
+        component: ListCostUnits,
+        endpoint: "/api/v1/cost-unit/open/closed-cost-units",
+    },
+    {
+        title: 'Teilis nach Teili-Gruppe',
+        component: ListCostUnits,
+        endpoint: "/api/v1/cost-unit/open/archived-cost-units",
+    },
+    {
+        title: 'Abgemeldete Teilis',
+        component: ListCostUnits,
+        endpoint: "/api/v1/cost-unit/open/archived-cost-units",
+    },
+    {
+        title: 'Zusätze',
+        component: ListCostUnits,
+        endpoint: "/api/v1/cost-unit/open/archived-cost-units",
+    },
+]
+
+onMounted(() => {
+    if (undefined !== props.message) {
+        toast.success(props.message)
+    }
+})
+</script>
+
+<template>
+    <AppLayout :title="'Veranstaltungsdetails ' + props.event.name">
+        <shadowed-box style="width: 95%; margin: 20px auto; padding: 20px; overflow-x: hidden;">
+            <tabbed-page :tabs="tabs" />
+
+        </shadowed-box>
+    </AppLayout>
+</template>