Joururi/leim-tools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added request cancel on create

Browse Source 
This seems to not be always effective on really low connections, as the cancel request doesn't seem to be instantanneous.
This commit is contained in:
Alexis
2024-06-08 17:48:32 +02:00
parent 0c48350271
commit a58c1eeab9
3 changed files with 78 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
stores/EventStore.ts
View File

@@ -187,6 +187,8 @@ export const useCalendarEvents = defineStore('calendar-events', () => {
* EVENT CREATION FUNCTIONS
*/
const lastActiveEvent = ref<CalendarEvent | null>()
let abortController: AbortController | null = null
/**
* Dummy event to hold creation data
*/
@@ -205,31 +207,52 @@ export const useCalendarEvents = defineStore('calendar-events', () => {
* We assume it's been sanitized by the caller
*/
async function submitSkeleton() {
abortController = new AbortController()
try {
const res = await $fetch('/api/calendars/events/create', { method: 'POST', body: { event : eventSkeleton.value, calendarId: calendarId.value }})
const res = await $fetch('/api/calendars/events/create', { method: 'POST', body: { event : eventSkeleton.value, calendarId: calendarId.value }, signal: abortController.signal })
baseEvents.value.push(res)
} catch (err) {
console.log(err)
} finally {
abortController = null
}
}
function cancelLatestRequest() {
if (abortController) {
abortController.abort()
}
}
async function updateEventFromSkeleton() {
abortController = new AbortController()
try {
const res = await $fetch(`/api/calendars/events/${eventSkeleton.value.id}`, { method: 'PATCH', body: { event : eventSkeleton.value, calendarId: calendarId.value }})
const res = await $fetch(`/api/calendars/events/${eventSkeleton.value.id}`, { method: 'PATCH', body: { event : eventSkeleton.value, calendarId: calendarId.value }, signal: abortController.signal })
const eventIndex = baseEvents.value.findIndex(e => e.id === eventSkeleton.value.id)
baseEvents.value[eventIndex] = res
} catch (err) {
console.log(err)
} finally {
abortController = null
}
}
async function deleteEventFromSkeleton() {
abortController = new AbortController()
try {
await $fetch(`/api/calendars/events/${eventSkeleton.value.id}`, { method: 'DELETE' })
await $fetch(`/api/calendars/events/${eventSkeleton.value.id}`, { method: 'DELETE', signal: abortController.signal })
const eventIndex = baseEvents.value.findIndex(e => e.id === eventSkeleton.value.id)
baseEvents.value.splice(eventIndex, 1)
} catch (err) {
console.log(err)
} finally {
abortController = null
}
}
@@ -239,6 +262,7 @@ export const useCalendarEvents = defineStore('calendar-events', () => {
currentEvents,
getRelativeEventFromDate,
getRelativeEventFromEvent,
cancelLatestRequest,
eventSkeleton,
resetSkeleton,
submitSkeleton,