save

nicobytes · nicobytes · commit 4bff03cf5488 · 2017-09-14T10:52:42.000-05:00
diff --git a/src/app/footer/footer.component.html b/src/app/footer/footer.component.html
@@ -1,6 +1,6 @@
-<footer class="footer" *ngIf="showFooter">
-  <span class="todo-count">{{ countTodos }} items left</span>
-  <ul class="filters">
+<footer id="footer" class="footer" *ngIf="showFooter">
+  <span id="todo-count" class="todo-count">{{ countTodos }} items left</span>
+  <ul id="filters" class="filters">
     <li>
       <a 
         [routerLink]="['/']" 
@@ -23,5 +23,5 @@
       </a>
     </li>
   </ul>
-  <button class="clear-completed" (click)="clearCompleted()">Clear completed</button>
+  <button id="clear-completed" class="clear-completed" (click)="clearCompleted()">Clear completed</button>
 </footer>
diff --git a/src/app/new-todo/new-todo.component.html b/src/app/new-todo/new-todo.component.html
@@ -1,4 +1,5 @@
 <input 
+  id="new-todo" 
   class="new-todo" 
   type="text" 
   autofocus 
diff --git a/src/app/todo-list/todo-list.component.html b/src/app/todo-list/todo-list.component.html
@@ -1,9 +1,9 @@
-<section class="main">
+<section id="main" class="main">
   <div class="toogle-view" *ngIf="todos.length > 0">
-    <input class="toggle-all" type="checkbox" [formControl]="checkField">
+    <input id="toggle-all" class="toggle-all" type="checkbox" [formControl]="checkField">
     <label (click)="toggleAll()">Mark all as complete</label>
   </div>
-  <ul class="todo-list">
+  <ul id="todo-list" class="todo-list">
     <app-todo [todo]="todo" *ngFor="let todo of todos"></app-todo>
   </ul>
 </section>

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,5 @@`
`1`	`1`	`<input`
	`2`	`+ id="new-todo"`
`2`	`3`	`class="new-todo"`
`3`	`4`	`type="text"`
`4`	`5`	`autofocus`