OLD | NEW |
1 <link rel="import" href="../lib-elements/polymer_selector.html"> | 1 <link rel="import" href="../lib-elements/polymer-selector.html"> |
2 <link rel="import" href="../lib-elements/simple_router.html"> | 2 <link rel="import" href="../lib-elements/simple_router.html"> |
3 <link rel="import" href="td_input.html"> | 3 <link rel="import" href="td_input.html"> |
4 <link rel="import" href="td_item.html"> | 4 <link rel="import" href="td_item.html"> |
5 | 5 |
6 <polymer-element name="td-todos"> | 6 <polymer-element name="td-todos"> |
7 <template> | 7 <template> |
8 <link rel="stylesheet" href="td_todos.css"> | 8 <link rel="stylesheet" href="td_todos.css"> |
9 <simple-router on-route="{{routeAction}}"></simple-router> | 9 <simple-router on-route="{{routeAction}}"></simple-router> |
10 <section id="todoapp"> | 10 <section id="todoapp"> |
11 <header id="header"> | 11 <header id="header"> |
(...skipping 10 matching lines...) Expand all Loading... |
22 on-td-destroy-item="{{destroyItemAction}}"> | 22 on-td-destroy-item="{{destroyItemAction}}"> |
23 <template repeat="{{model.filtered}}"> | 23 <template repeat="{{model.filtered}}"> |
24 <li is="td-item" item="{{}}"></li> | 24 <li is="td-item" item="{{}}"></li> |
25 </template> | 25 </template> |
26 </ul> | 26 </ul> |
27 </section> | 27 </section> |
28 <footer id="footer" hidden?="{{model.items.length == 0}}"> | 28 <footer id="footer" hidden?="{{model.items.length == 0}}"> |
29 <span id="todo-count"><strong>{{model.activeCount}}</strong> | 29 <span id="todo-count"><strong>{{model.activeCount}}</strong> |
30 {{model.activeItemWord}} left</span> | 30 {{model.activeItemWord}} left</span> |
31 <polymer-selector id="filters" selected="{{activeRoute}}"> | 31 <polymer-selector id="filters" selected="{{activeRoute}}"> |
32 <li name="all"> | 32 <li label="all"> |
33 <a href="{{baseUri}}#/">All</a> | 33 <a href="{{baseUri}}#/">All</a> |
34 </li> | 34 </li> |
35 <li name="active"> | 35 <li label="active"> |
36 <a href="{{baseUri}}#/active">Active</a> | 36 <a href="{{baseUri}}#/active">Active</a> |
37 </li> | 37 </li> |
38 <li name="completed"> | 38 <li label="completed"> |
39 <a href="{{baseUri}}#/completed">Completed</a> | 39 <a href="{{baseUri}}#/completed">Completed</a> |
40 </li> | 40 </li> |
41 </polymer-selector> | 41 </polymer-selector> |
42 <button hidden?="{{model.completedCount == 0}}" id="clear-completed" | 42 <button hidden?="{{model.completedCount == 0}}" id="clear-completed" |
43 on-click="{{clearCompletedAction}}">Clear completed | 43 on-click="{{clearCompletedAction}}">Clear completed |
44 ({{model.completedCount}})</button> | 44 ({{model.completedCount}})</button> |
45 </footer> | 45 </footer> |
46 </section> | 46 </section> |
47 </template> | 47 </template> |
48 | 48 |
49 <script type="application/dart" src="td_todos.dart"></script> | 49 <script type="application/dart" src="td_todos.dart"></script> |
50 | 50 |
51 </polymer-element> | 51 </polymer-element> |
OLD | NEW |