From 9b1967619821a197867fc1ec12895b0c75e27fb6 Mon Sep 17 00:00:00 2001
From: dotansimha <dotansimha@gmail.com>
Date: Thu, 22 Sep 2016 20:08:50 +0300
Subject: [PATCH] Step 13.3: Added the list item view

---
 client/imports/components/list-item.ng2.html | 11 +++++++++++
 1 file changed, 11 insertions(+)
 create mode 100644 client/imports/components/list-item.ng2.html

diff --git a/client/imports/components/list-item.ng2.html b/client/imports/components/list-item.ng2.html
new file mode 100644
index 0000000..fe652b9
--- /dev/null
+++ b/client/imports/components/list-item.ng2.html
@@ -0,0 +1,11 @@
+<div class="list-item" [ngClass]="{'editing': editing, 'checked': todo.checked}">
+    <label class="checkbox">
+        <input type="checkbox" [checked]="todo.checked" (change)="checkedChange($event)" name="checked">
+        <span class="checkbox-custom"></span>
+    </label>
+
+    <input type="text" [value]="todo.text" (blur)="toggleEdit(false)" (focus)="toggleEdit(true)" (keyup)="updateText($event)" placeholder="Task name">
+    <a class="js-delete-item delete-item" (click)="remove()">
+        <span class="icon-trash"></span>
+    </a>
+</div>
\ No newline at end of file