edit, delete, move events/task

web/pages/index.vue

@@ -37,12 +37,24 @@ async function postTask(task: Task) {
 	task.id = createdTask.data.id
 }
 
+async function deleteEvent(id: number) {
+	console.log('deleting Event')
+	await axios.delete(`/events/${id}`)
+	await refresh()
+}
+
 async function deleteTask(id: number) {
 	console.log('deleting Task')
 	await axios.delete(`/tasks/${id}`)
 	await refresh()
 }
 
+async function putEvent(event: Event) {
+	console.log('editing event')
+	await axios.put(`/events/${event.id}`, event)
+	await refresh()
+}
+
 async function putTask(task: Task) {
 	console.log('editing task')
 	await axios.put(`/tasks/${task.id}`, task)
@@ -60,7 +72,7 @@ function scheduleTask(task: Task) {
 		<Sidebar v-if="tasks !== null" v-model:tasks="tasks" v-model:date="date" @create-task="postTask"
 			@delete-task="deleteTask" @schedule-task="scheduleTask" @edit-task="putTask"/>
 		<MainContent v-if="events !== null" v-model:events="events" v-model:date="date"
-			v-model:dragged-task="draggedTask" v-model:tasks="tasks" @create-event="postEvent" @edit-task="putTask"/>
+			v-model:dragged-task="draggedTask" v-model:tasks="tasks" @create-event="postEvent" @edit-task="putTask" @edit-event="putEvent" @delete-event="deleteEvent"/>
 	</div>
 </template>