Permalink
Browse files

Todo Template

  • Loading branch information...
1 parent 02f0c1d commit 2bdc6187d78a1ddc65e3caf6238acb3c94342468 @amejiarosario committed Oct 17, 2016
Showing with 55 additions and 3 deletions.
  1. +55 −3 src/app/todo/todo.component.html
@@ -1,3 +1,55 @@
-<p>
- todo works!
-</p>
+<section class="todoapp">
+
+ <header class="header">
+ <h1>Todos</h1>
+ <input class="new-todo" placeholder="What needs to be done?" autofocus>
+ </header>
+
+ <!-- This section should be hidden by default and shown when there are todos -->
+ <section class="main">
+
+ <label for="toggle-all">Mark all as complete</label>
+ <input id="toggle-all" class="toggle-all" type="checkbox">
+
+ <ul class="todo-list">
+ <!-- These are here just to show the structure of the list items -->
+ <!-- List items should get the class `editing` when editing and `completed` when marked as completed -->
+ <li class="completed">
+ <div class="view">
+ <input class="toggle" type="checkbox" checked>
+ <label>Install angular-cli</label>
+ <button class="destroy"></button>
+ </div>
+ <input class="edit" value="Create a TodoMVC template">
+ </li>
+ <li>
+ <div class="view">
+ <input class="toggle" type="checkbox">
+ <label>Understand Angular2 apps</label>
+ <button class="destroy"></button>
+ </div>
+ <input class="edit" value="Rule the web">
+ </li>
+ </ul>
+ </section>
+
+ <!-- This footer should hidden by default and shown when there are todos -->
+ <footer class="footer">
+ <!-- This should be `0 items left` by default -->
+ <span class="todo-count"><strong>0</strong> item left</span>
+ <!-- Remove this if you don't implement routing -->
+ <ul class="filters">
+ <li>
+ <a class="selected" href="#/">All</a>
+ </li>
+ <li>
+ <a href="#/active">Active</a>
+ </li>
+ <li>
+ <a href="#/completed">Completed</a>
+ </li>
+ </ul>
+ <!-- Hidden if no completed items are left ↓ -->
+ <button class="clear-completed">Clear completed</button>
+ </footer>
+</section>

0 comments on commit 2bdc618

Please sign in to comment.