OLD | NEW |
| (Empty) |
1 <link rel="import" href="../lib-elements/polymer-selector.html"> | |
2 <link rel="import" href="../lib-elements/simple_router.html"> | |
3 <link rel="import" href="td_input.html"> | |
4 <link rel="import" href="td_item.html"> | |
5 | |
6 <polymer-element name="td-todos"> | |
7 <template> | |
8 <link rel="stylesheet" href="td_todos.css"> | |
9 <simple-router on-route="{{routeAction}}"></simple-router> | |
10 <section id="todoapp"> | |
11 <header id="header"> | |
12 <input is="td-input" id="new-todo" placeholder="What needs to be done?" | |
13 autofocus on-td-input-commit="{{addTodoAction}}" | |
14 on-td-input-cancel="{{cancelAddTodoAction}}"> | |
15 </header> | |
16 <section id="main" hidden?="{{model.items.length == 0}}"> | |
17 <input id="toggle-all" type="checkbox" | |
18 on-change="{{toggleAllCompletedAction}}" | |
19 checked="{{model.allCompleted}}"> | |
20 <label for="toggle-all">Mark all as complete</label> | |
21 <ul id="todo-list" on-td-item-changed="{{itemChangedAction}}" | |
22 on-td-destroy-item="{{destroyItemAction}}"> | |
23 <template repeat="{{model.filtered}}"> | |
24 <li is="td-item" item="{{}}"></li> | |
25 </template> | |
26 </ul> | |
27 </section> | |
28 <footer id="footer" hidden?="{{model.items.length == 0}}"> | |
29 <span id="todo-count"><strong>{{model.activeCount}}</strong> | |
30 {{model.activeItemWord}} left</span> | |
31 <polymer-selector id="filters" selected="{{activeRoute}}"> | |
32 <li label="all"> | |
33 <a href="{{baseUri}}#/">All</a> | |
34 </li> | |
35 <li label="active"> | |
36 <a href="{{baseUri}}#/active">Active</a> | |
37 </li> | |
38 <li label="completed"> | |
39 <a href="{{baseUri}}#/completed">Completed</a> | |
40 </li> | |
41 </polymer-selector> | |
42 <button hidden?="{{model.completedCount == 0}}" id="clear-completed" | |
43 on-click="{{clearCompletedAction}}">Clear completed | |
44 ({{model.completedCount}})</button> | |
45 </footer> | |
46 </section> | |
47 </template> | |
48 | |
49 <script type="application/dart" src="td_todos.dart"></script> | |
50 | |
51 </polymer-element> | |
OLD | NEW |