@compodoc/compodoc
Version:
The missing documentation tool for your Angular application
16 lines (15 loc) • 768 B
HTML
<div class="footer" *ngIf="todoStore.todos.length > 0">
<span class="todo-count"><strong>{{todoStore.getRemaining().length}}</strong> {{todoStore.getRemaining().length == 1 ? 'item' : 'items'}} left</span>
<ul class="filters">
<li>
<a class="selected btn-filter" [class.selected]="currentFilter === 'all'" (click)="displayAll()">All</a>
</li>
<li>
<a class="btn-filter" [class.selected]="currentFilter === 'remaining'" (click)="displayRemaining()">Active</a>
</li>
<li>
<a class="btn-filter" [class.selected]="currentFilter === 'completed'" (click)="displayCompleted()">Completed</a>
</li>
</ul>
<button class="clear-completed" *ngIf="todoStore.getCompleted().length > 0" (click)="removeCompleted()">Clear completed</button>
</div>