import mapping from 'mappingjs'
import todo from '../model/todo'

class TodoViewData {
  constructor() {
    this.data = {
      items: []
    }
  }

  update() {
    mapping.auto(todo, this.data)
  }

  complete(id) {
    todo.complete(id)
    this.update()
  }

  uncomplete(id) {
    todo.uncomplete(id)
    this.update()
  }

  add(text) {
    todo.add(text)
    this.update()
  }

  getAll() {
    todo.getAll(() => {
      this.update()
    })
  }
}

const vd = new TodoViewData()

export default vd

@@ -73,20 +73,21 @@
 TodoView
-Data
+Model
  %7B%0A  con
@@ -153,24 +153,66 @@
  update() %7B%0A
+%09%09//will automatically update the view!!!%0A
     mapping.
@@ -520,12 +520,13 @@
 View
-Data
+Model
 ()%0A%0A

Update todo.js