83 lines
1.8 KiB
TypeScript
83 lines
1.8 KiB
TypeScript
import { appApi } from 'src/boot/axios';
|
|
import { ref, computed } from 'vue';
|
|
import type { Members } from 'src/vueLib/models/member';
|
|
import { useNotify } from 'src/vueLib/general/useNotify';
|
|
import { i18n } from 'boot/lang';
|
|
import type { Events } from 'src/vueLib/models/event';
|
|
|
|
export function useAttendeesTable() {
|
|
const attendees = ref<Members>([]);
|
|
|
|
const pagination = ref({
|
|
sortBy: 'firstName',
|
|
descending: false,
|
|
page: 1,
|
|
rowsPerPage: 20,
|
|
});
|
|
|
|
const columns = computed(() => [
|
|
{
|
|
name: 'firstName',
|
|
align: 'left' as const,
|
|
label: i18n.global.t('prename'),
|
|
field: 'firstName',
|
|
sortable: true,
|
|
},
|
|
{
|
|
name: 'lastName',
|
|
align: 'left' as const,
|
|
label: i18n.global.t('lastName'),
|
|
field: 'lastName',
|
|
sortable: true,
|
|
},
|
|
{ name: 'option', align: 'center' as const, label: '', field: 'option', icon: 'option' },
|
|
]);
|
|
|
|
const { NotifyResponse } = useNotify();
|
|
|
|
const loading = ref(false);
|
|
|
|
//updates Attendees list from database
|
|
async function updateAttendees(eventArray: number) {
|
|
loading.value = true;
|
|
|
|
let events: Events | undefined;
|
|
|
|
await appApi
|
|
.get('events')
|
|
.then((resp) => {
|
|
if (resp.data === null) {
|
|
attendees.value = [];
|
|
return;
|
|
}
|
|
events = resp.data as Events;
|
|
})
|
|
|
|
.catch((err) => {
|
|
NotifyResponse(err, 'error');
|
|
})
|
|
.finally(() => {
|
|
loading.value = false;
|
|
});
|
|
|
|
if (
|
|
!events ||
|
|
events.length === 0 ||
|
|
!events[eventArray]?.attendees ||
|
|
events[eventArray].attendees === null
|
|
) {
|
|
attendees.value = [];
|
|
return;
|
|
}
|
|
attendees.value = events[eventArray].attendees ?? [];
|
|
}
|
|
|
|
return {
|
|
attendees,
|
|
pagination,
|
|
columns,
|
|
loading,
|
|
updateAttendees,
|
|
};
|
|
}
|