🐛 It's toggle not complete. #CallAThingAThing /cc @tmornini

devpunks · Jul 7, 2017 · b1ad6f0 · b1ad6f0
1 parent f8179c5
commit b1ad6f0
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 7 deletions.
diff --git a/examples/to-do/index.es b/examples/to-do/index.es
@@ -4,19 +4,32 @@ Element `to-do`
 
   initialize () {
     this.context.tasks =
-      [{ task: 'Wash clothes' }, { task: 'Eat food' }]
+      [{ task: 'Wash clothes', completed: true }, { task: 'Eat food' }]
   }
 
   onsubmit (event, input = this.select `input`) {
     event.preventDefault ()
 
     this.context.tasks
-      .push (input.value)
+      .push ({ task: input.value })
 
     input.value = ''
   }
 
-  onidle () { console.log ('idling') }
+  onidle () {
+    const
+      check = (task, id) =>
+        task.completed && mark (id)
+
+   ,  mark = (id, selector = `input[id="${id}"]`) =>
+        this
+          .select (selector)
+          .checked = true
+
+    this.tasks.map (check)
+
+    console.log ('idling')
+  }
 
   all (event) {
     event.prevent () // from painting
@@ -26,9 +39,9 @@ Element `to-do`
       .map (checkbox => checkbox.checked = true)
   }
 
-  complete (event, id = event.target.id) {
-    this.context.tasks
-      [id].completed = true
+  toggle (event, id = event.target.id) {
+    this.context.tasks[id].completed =
+      !!!this.context.tasks[id].completed
   }
 
   remove (event) {

diff --git a/examples/to-do/index.html b/examples/to-do/index.html
@@ -15,7 +15,7 @@ <h1>{name}'s &lt;to-do&gt; List</h1>
     <template name=tasks>
       <fieldset>
         <!-- {#} - current index -->
-        <input id={#} onclick=complete type=checkbox>
+        <input id={#} onclick=toggle type=checkbox>
 
         <label for={#}>{task}</label>