fix event not working issue close #1

src/components/AddToEvent.vue

@@ -3,22 +3,22 @@
     <div class="row justify-center">
       <q-select
         autofocus
-        class="q-ml-md col-6"
         :label="$t('event')"
         filled
         :options="events"
         option-label="name"
         option-value="id"
         v-model="selected"
-        @keyup.enter="save"
+        @keyup.enter="addAttendees"
         map-options
         emit-value
       ></q-select>
     </div>
     <div class="row justify-center">
-      <q-btn class="q-ma-md" color="primary" no-caps @click="save">{{ $t('save') }}</q-btn>
+      <q-btn class="q-ma-md" color="primary" no-caps @click="addAttendees">{{ localTitle }}</q-btn>
     </div>
   </DialogFrame>
+  <EditAllDialog ref="newEventRef" v-on:update="(val) => resolveNewEvent(val)"></EditAllDialog>
 </template>
 
 <script setup lang="ts">
@@ -29,13 +29,15 @@ import { useNotify } from 'src/vueLib/general/useNotify';
 import { i18n } from 'src/boot/lang';
 import type { Event, Events } from 'src/vueLib/models/event';
 import type { Members } from 'src/vueLib/models/member';
+import EditAllDialog from 'src/components/EventEditAllDialog.vue';
 import { useAttendeesTable } from 'src/vueLib/tables/attendees/AttendeesTable';
 import { useEventTable } from 'src/vueLib/tables/events/EventsTable';
 
 const dialog = ref();
+const newEventRef = ref();
 const localTitle = ref('');
-const events = ref<Events>([{ id: -1, name: i18n.global.t('add'), attendees: [] }]);
-const selected = ref<Event>({ id: -1, name: i18n.global.t('add'), attendees: [] });
+const events = ref<Events>([{ id: -1, name: i18n.global.t('addNewEvent'), attendees: [] }]);
+const selected = ref<Event>({ id: -1, name: i18n.global.t('addNewEvent'), attendees: [] });
 const localMembers = ref<Members>([]);
 const { updateAttendees } = useAttendeesTable();
 const { updateEvents } = useEventTable();
@@ -57,7 +59,7 @@ function open(title: string, members: Members) {
   localTitle.value = title;
   localMembers.value = members;
 
-  events.value = [{ id: -1, name: i18n.global.t('add'), attendees: [] }];
+  events.value = [{ id: -1, name: i18n.global.t('addNewEvent'), attendees: [] }];
   appApi
     .get('events')
     .then((resp) => {
@@ -69,23 +71,44 @@ function open(title: string, members: Members) {
   dialog.value?.open();
 }
 
-async function save() {
+async function addAttendees() {
+  const payload = {
+    id: Number(selected.value),
+    attendees: localMembers.value,
+  };
+  if (selected.value.id == -1) {
+    const event = await addNewEvent();
+    NotifyResponse(i18n.global.t('eventAdded') + ': ' + event.name);
+    payload.id = event.id;
+  }
+
+  console.log(56, payload);
   await appApi
-    .post(props.endpoint, {
-      id: selected.value,
-      attendees: localMembers.value,
-    })
+    .post(props.endpoint, payload)
     .then(() => {
       emit('update-event', localMembers.value);
-      NotifyResponse(i18n.global.t('eventAdded'));
+      if (localMembers.value.length > 1) {
+        NotifyResponse(i18n.global.t('attendeesAdded'));
+      } else {
+        NotifyResponse(i18n.global.t('attendeeAdded'));
+      }
       dialog.value.close();
     })
     .catch((err) => {
       NotifyResponse(err, 'error');
     });
+
   await updateAttendees();
   updateEvents();
 }
 
+let resolveNewEvent!: (value: Event) => void;
+function addNewEvent(): Promise<Event> {
+  newEventRef.value?.open(null);
+  return new Promise((resolve) => {
+    resolveNewEvent = resolve;
+  });
+}
+
 defineExpose({ open });
 </script>