Commit 8ec3eb88 authored by Milan Iliev's avatar Milan Iliev

TaskController+saving

parent 2bc86048
...@@ -27,7 +27,39 @@ class Task extends EventTarget { ...@@ -27,7 +27,39 @@ class Task extends EventTarget {
} }
} }
let tasks = []
class TaskController {
constructor(){
this.tasks = []
}
addTask(task){
let view = new TaskView(task)
view.element.addEventListener("click", () => detail_view.task = task )
list.appendChild(view.element)
task_views.push(view)
task.addEventListener("change", () => this.save(task))
}
async refresh(){
let tasks_response = await fetch("/tasks", {method: "GET"})
let tasks_data = await tasks_response.json()
for (let task_data of tasks_data){ this.tasks.push(new Task(task_data)) }
for (let task of this.tasks){ this.addTask(task) }
}
async save(task){
let tasks_response = await fetch(`/tasks/${task.id}`, {
method: "PUT",
body: JSON.stringify(task.data),
headers: {
'Content-Type': 'application/json'
}
})
}
}
let task_views = [] let task_views = []
...@@ -110,25 +142,16 @@ class DetailTaskView { ...@@ -110,25 +142,16 @@ class DetailTaskView {
let detail_view = new DetailTaskView(document.querySelector("task-detail")) let detail_view = new DetailTaskView(document.querySelector("task-detail"))
let addTask = function(task){
let view = new TaskView(task)
view.element.addEventListener("click", () => detail_view.task = task )
list.appendChild(view.element)
task_views.push(view)
}
let addButton = document.querySelector('#add_button') let addButton = document.querySelector('#add_button')
addButton.addEventListener("click", () => { addButton.addEventListener("click", () => {
addTask(new Task({done: false, description: "New Task"})) addTask(new Task({done: false, description: "New Task"}))
}) })
let main = async () => { let task_controller = new TaskController()
let tasks_response = await fetch("/tasks", {method: "GET"})
let tasks_data = await tasks_response.json()
for (let task_data of tasks_data){ tasks.push(new Task(task_data)) } let main = async () => {
task_controller.refresh()
for (let task of tasks){ addTask(task) }
} }
main() main()
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment