DELETE: clicking X

amejiarosario · Oct 17, 2016 · 161be3b · 161be3b
1 parent 2664150
commit 161be3b
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 2 deletions.
diff --git a/src/app/todo/todo.component.html b/src/app/todo/todo.component.html
@@ -22,7 +22,7 @@ <h1>Todo</h1>
         <div class="view">
           <input class="toggle" type="checkbox" [checked]="todo.isDone">
           <label (dblclick)="todo.editing = true">{{todo.title}}</label>
-          <button class="destroy"></button>
+          <button class="destroy" (click)="destroyTodo(todo)"></button>
         </div>
         <input class="edit"
                #updatedTodo

diff --git a/src/app/todo/todo.component.ts b/src/app/todo/todo.component.ts
@@ -41,4 +41,10 @@ export class TodoComponent implements OnInit {
       return this.getTodos();
     });    
   }
+
+  destroyTodo(todo){
+    this.todoService.delete(todo._id).then(() => {
+      return this.getTodos();
+    });
+  }  
 }
diff --git a/src/app/todo/todo.service.ts b/src/app/todo/todo.service.ts
@@ -29,6 +29,13 @@ export class TodoService {
       todos[index].title = data.title;
       resolve(data);
     });
-  }  
+  }
 
+  delete(id) {
+    return new Promise(resolve => {
+      let index = todos.findIndex(todo => todo._id === id);
+      todos.splice(index, 1);
+      resolve(true);
+    });
+  }
 }