| 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 |