Added response check for api calls

web/tasks/controller.js

@@ -17,7 +17,7 @@ class TaskController {
   async createTask(){
     let new_task ={done: false, description: "New Task"}
     try {
-      await this.create(new_task)
+      new_task.id = await this.create(new_task)
       this.addTask(new Task(new_task))
     } catch(error) {
       console.log(error)
@@ -27,17 +27,26 @@ class TaskController {
 
   addTask(task){
     this.view.addTaskView(task)
-    task.addEventListener("change", () => this.update(task))
+    task.addEventListener("change", async () => this.updateTask(task))
   }
 
-  remoteTask(task){
-    this.tasks.remove(task)
-    this.view.removeTaskView(task)
-    this.requestDelete(task)
+  async remoteTask(task){
+    try{
+      await this.requestDelete(task)
+      this.tasks.remove(task)
+      this.view.removeTaskView(task)
+    } catch(error) {
+      console.log(error)
+      alert('Failed to delete task.')
+    }
   }
 
   async refresh(){
     let tasks_response = await fetch("/tasks", {method: "GET"})
+
+    if(!tasks_response.ok){
+      throw new Error(`Got ${tasks_response.status} from server.`)
+    }
     let tasks_data = await tasks_response.json()
   
     for (let task_data of tasks_data){ this.tasks.push(new Task(task_data)) }
@@ -58,8 +67,19 @@ class TaskController {
     }
 
     let task_data = await tasks_response.json()
+    if(!task_data.id){
+      throw new Error('No task id created')
+    }
+    return task_data.id
+  }
 
-    return task_data
+  async updateTask(task){
+    try{
+      await this.update(task)
+    } catch(error) {
+      console.log(error)
+      alert('Changes applied locally only')
+    }
   }
 
   async update(task){
@@ -70,12 +90,20 @@ class TaskController {
         'Content-Type': 'application/json'
       }
     })
+
+    if(!tasks_response.ok){
+      throw new Error(`Got ${tasks_response.status} from server.`)
+    }
   }
 
   async requestDelete(task){
     let tasks_response = await fetch(`/tasks/${task.id}`, {
       method: "DELETE"
     })
+
+    if(!tasks_response.ok){
+      throw new Error(`Got ${tasks_response.status} from server.`)
+    }
   }
 }