OLD | NEW |
1 <link rel="import" href="td_input.html"> | 1 <link rel="import" href="td_input.html"> |
2 <polymer-element name="td-item" extends="li" on-blur="{{commitAction}}"> | 2 <polymer-element name="td-item" extends="li" on-blur="{{commitAction}}"> |
3 <template> | 3 <template> |
4 <link rel="stylesheet" href="td_item.css"> | 4 <link rel="stylesheet" href="td_item.css"> |
5 <div class="view {{ {'completed': item.completed, 'editing': editing} }}" | 5 <div class="view {{ {'completed': item.completed, 'editing': editing} }}" |
6 hidden?="{{editing}}" on-dblclick="{{editAction}}"> | 6 hidden?="{{editing}}" on-dblclick="{{editAction}}"> |
7 <input type="checkbox" class="toggle" checked="{{item.completed}}" | 7 <input type="checkbox" class="toggle" checked="{{item.completed}}" |
8 on-click="{{itemChangeAction}}"> | 8 on-click="{{itemChangeAction}}"> |
9 <label>{{item.title}}</label> | 9 <label>{{item.title}}</label> |
10 <button class="destroy" on-click="{{destroyAction}}"></button> | 10 <button class="destroy" on-click="{{destroyAction}}"></button> |
11 </div> | 11 </div> |
12 <input is="td-input" id="edit" class="edit" value="{{item.title}}" | 12 <input is="td-input" id="edit" class="edit" value="{{item.title}}" |
13 hidden?="{{!editing}}" on-td-input-commit="{{commitAction}}" | 13 hidden?="{{!editing}}" on-td-input-commit="{{commitAction}}" |
14 on-td-input-cancel="{{cancelAction}}"> | 14 on-td-input-cancel="{{cancelAction}}"> |
15 </template> | 15 </template> |
16 <script type="application/dart;component=1" src="td_item.dart"></script> | 16 <script type="application/dart" src="td_item.dart"></script> |
17 </polymer-element> | 17 </polymer-element> |
OLD | NEW |