55 lines
1.2 KiB
JavaScript
55 lines
1.2 KiB
JavaScript
|
export default class Controller {
|
||
|
|
constructor(model, view) {
|
||
|
|
this.model = model
|
||
|
|
this.view = view
|
||
|
|
this.filter = "all"
|
||
|
|
this.view.bindAddTodo(this.addTodo.bind(this))
|
||
|
|
this.view.bindDeleteTodo(this.deleteTodo.bind(this))
|
||
|
|
this.view.bindToggleTodo(this.toggleTodo.bind(this))
|
||
|
|
this.view.bindEditTodo(this.editTodo.bind(this))
|
||
|
|
|
||
|
|
/** Routage **/
|
||
|
|
this.routes = ['all','active','done'];
|
||
|
|
|
||
|
|
/** Routage **/
|
||
|
|
window.addEventListener("load",this.routeChanged.bind(this));
|
||
|
|
window.addEventListener("hashchange",this.routeChanged.bind(this));
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
routeChanged(){
|
||
|
|
let route = window.location.hash.replace(/^#\//,'');
|
||
|
|
this.filter = this.routes.find( r => r === route) || 'all';
|
||
|
|
this.filterTodoList();
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
filterTodoList () {
|
||
|
|
let todos = this.model.getTodos(this.filter)
|
||
|
|
this.view.renderTodoList(todos)
|
||
|
|
this.view.setFilterTabs(this.filter)
|
||
|
|
}
|
||
|
|
|
||
|
|
addTodo(text) {
|
||
|
|
let todo = this.model.add(text)
|
||
|
|
this.filterTodoList()
|
||
|
|
}
|
||
|
|
|
||
|
|
deleteTodo(id) {
|
||
|
|
this.model.delete(parseInt(id))
|
||
|
|
this.filterTodoList()
|
||
|
|
}
|
||
|
|
|
||
|
|
toggleTodo(id) {
|
||
|
|
this.model.toggle(parseInt(id))
|
||
|
|
this.filterTodoList()
|
||
|
|
}
|
||
|
|
|
||
|
|
editTodo(id, text) {
|
||
|
|
this.model.edit(parseInt(id),text)
|
||
|
|
this.filterTodoList()
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|