| OLD | NEW |
| 1 Content-Type: text/plain | 1 Content-Type: text/plain |
| 2 <html lang="en"><head><style shadowcssshim="">style { display: none !important;
} | 2 <html lang="en"><head> |
| 3 </style><style shadowcssshim="">template { display: none; }</style> | |
| 4 <!-- | 3 <!-- |
| 5 This test runs the TodoMVC app and evaluates that it renders correctly. | 4 This test runs the TodoMVC app and evaluates that it renders correctly. |
| 6 --> | 5 --> |
| 7 <meta charset="utf-8"> | 6 <meta charset="utf-8"> |
| 8 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | 7 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
| 9 | 8 |
| 10 <link rel="stylesheet" href="../../../web/base.css"> | 9 <link rel="stylesheet" href="../web/base.css"> |
| 11 <script src="../../packages/polymer/testing/testing.js"></script> | 10 <script src="packages/polymer/testing/testing.js"></script> |
| 12 <title>Dart • TodoMVC</title> | 11 <title>Dart • TodoMVC</title> |
| 13 <style>template, | 12 <style>template, |
| 14 thead[template], | 13 thead[template], |
| 15 tbody[template], | 14 tbody[template], |
| 16 tfoot[template], | 15 tfoot[template], |
| 17 th[template], | 16 th[template], |
| 18 tr[template], | 17 tr[template], |
| 19 td[template], | 18 td[template], |
| 20 caption[template], | 19 caption[template], |
| 21 colgroup[template], | 20 colgroup[template], |
| 22 col[template], | 21 col[template], |
| 23 option[template] { | 22 option[template] { |
| 24 display: none; | 23 display: none; |
| 25 }</style></head><body><polymer-element name="todo-row" extends="li" attributes="
todo"> | 24 }</style></head><body><script src="packages/shadow_dom/shadow_dom.min.js"></scri
pt> |
| 25 <script src="packages/browser/interop.js"></script> |
| 26 <polymer-element name="router-options" extends="ul"> |
| 27 <template><content></content></template> |
| 28 |
| 29 </polymer-element><polymer-element name="editable-label" attributes="value"> |
| 30 <template> |
| 31 <template bind="" if="{{!editing}}"> |
| 32 <label class="edit-label" on-double-click="edit">{{value}}</label> |
| 33 </template> |
| 34 <template bind="" if="{{editing}}"> |
| 35 <form on-submit="update"> |
| 36 <input id="edit" class="edit editing" on-blur="update" on-key-up="maybeC
ancel"> |
| 37 </form> |
| 38 </template> |
| 39 </template> |
| 40 |
| 41 </polymer-element><polymer-element name="todo-row" extends="li" attributes="todo
"> |
| 26 <template> | 42 <template> |
| 27 <style scoped=""> | 43 <style scoped=""> |
| 28 .todo-item { | 44 .todo-item { |
| 29 position: relative; | 45 position: relative; |
| 30 font-size: 24px; | 46 font-size: 24px; |
| 31 border-bottom: 1px dotted #ccc; | 47 border-bottom: 1px dotted #ccc; |
| 32 } | 48 } |
| 33 | 49 |
| 34 .todo-item.editing { | 50 .todo-item.editing { |
| 35 border-bottom: none; | 51 border-bottom: none; |
| (...skipping 98 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 134 } | 150 } |
| 135 } | 151 } |
| 136 </style> | 152 </style> |
| 137 <div class="todo-item"> | 153 <div class="todo-item"> |
| 138 <input class="toggle" type="checkbox" checked="{{todo.done}}"> | 154 <input class="toggle" type="checkbox" checked="{{todo.done}}"> |
| 139 <editable-label id="label" value="{{todo.task}}"></editable-label> | 155 <editable-label id="label" value="{{todo.task}}"></editable-label> |
| 140 <button class="destroy" on-click="removeTodo"></button> | 156 <button class="destroy" on-click="removeTodo"></button> |
| 141 </div> | 157 </div> |
| 142 </template> | 158 </template> |
| 143 | 159 |
| 144 </polymer-element> | 160 </polymer-element><polymer-element name="todo-app"> |
| 145 <polymer-element name="todo-app"> | |
| 146 <template> | 161 <template> |
| 147 <section id="todoapp"> | 162 <section id="todoapp"> |
| 148 <header id="header"> | 163 <header id="header"> |
| 149 <h1 class="title">todos</h1> | 164 <h1 class="title">todos</h1> |
| 150 <form on-submit="addTodo"> | 165 <form on-submit="addTodo"> |
| 151 <input id="new-todo" placeholder="What needs to be done?" autofocus="" o
n-change="addTodo"> | 166 <input id="new-todo" placeholder="What needs to be done?" autofocus="" o
n-change="addTodo"> |
| 152 </form> | 167 </form> |
| 153 </header> | 168 </header> |
| 154 <section id="main"> | 169 <section id="main"> |
| 155 <input id="toggle-all" type="checkbox" checked="{{app.allChecked}}"> | 170 <input id="toggle-all" type="checkbox" checked="{{app.allChecked}}"> |
| (...skipping 27 matching lines...) Expand all Loading... |
| 183 Learn more about | 198 Learn more about |
| 184 <a href="https://www.dartlang.org/articles/dart-web-components/">Dart + We
b Components</a> | 199 <a href="https://www.dartlang.org/articles/dart-web-components/">Dart + We
b Components</a> |
| 185 or | 200 or |
| 186 <a href="https://github.com/dart-lang/web-ui/tree/master/example/todomvc">
view the source</a>. | 201 <a href="https://github.com/dart-lang/web-ui/tree/master/example/todomvc">
view the source</a>. |
| 187 </p> | 202 </p> |
| 188 <p>Part of <a href="http://todomvc.com">TodoMVC</a>.</p> | 203 <p>Part of <a href="http://todomvc.com">TodoMVC</a>.</p> |
| 189 </footer> | 204 </footer> |
| 190 </template> | 205 </template> |
| 191 | 206 |
| 192 </polymer-element> | 207 </polymer-element> |
| 193 <polymer-element name="router-options" extends="ul"> | |
| 194 <template><content></content></template> | |
| 195 | |
| 196 </polymer-element> | |
| 197 <polymer-element name="editable-label" attributes="value"> | |
| 198 <template> | |
| 199 <template bind="" if="{{!editing}}"> | |
| 200 <label class="edit-label" on-double-click="edit">{{value}}</label> | |
| 201 </template> | |
| 202 <template bind="" if="{{editing}}"> | |
| 203 <form on-submit="update"> | |
| 204 <input id="edit" class="edit editing" on-blur="update" on-key-up="maybeC
ancel"> | |
| 205 </form> | |
| 206 </template> | |
| 207 </template> | |
| 208 | |
| 209 </polymer-element> | |
| 210 | |
| 211 <todo-app><shadow-root> | 208 <todo-app><shadow-root> |
| 212 <section id="todoapp"> | 209 <section id="todoapp"> |
| 213 <header id="header"> | 210 <header id="header"> |
| 214 <h1 class="title">todos</h1> | 211 <h1 class="title">todos</h1> |
| 215 <form on-submit="addTodo"> | 212 <form on-submit="addTodo"> |
| 216 <input id="new-todo" placeholder="What needs to be done?" autofocus="" o
n-change="addTodo"> | 213 <input id="new-todo" placeholder="What needs to be done?" autofocus="" o
n-change="addTodo"> |
| 217 </form> | 214 </form> |
| 218 </header> | 215 </header> |
| 219 <section id="main"> | 216 <section id="main"> |
| 220 <input id="toggle-all" type="checkbox"> | 217 <input id="toggle-all" type="checkbox"> |
| (...skipping 12 matching lines...) Expand all Loading... |
| 233 <a href="https://www.dartlang.org/articles/dart-web-components/">Dart + We
b Components</a> | 230 <a href="https://www.dartlang.org/articles/dart-web-components/">Dart + We
b Components</a> |
| 234 or | 231 or |
| 235 <a href="https://github.com/dart-lang/web-ui/tree/master/example/todomvc">
view the source</a>. | 232 <a href="https://github.com/dart-lang/web-ui/tree/master/example/todomvc">
view the source</a>. |
| 236 </p> | 233 </p> |
| 237 <p>Part of <a href="http://todomvc.com">TodoMVC</a>.</p> | 234 <p>Part of <a href="http://todomvc.com">TodoMVC</a>.</p> |
| 238 </footer> | 235 </footer> |
| 239 </shadow-root></todo-app> | 236 </shadow-root></todo-app> |
| 240 | 237 |
| 241 | 238 |
| 242 | 239 |
| 243 <script type="text/javascript" src="packages/shadow_dom/shadow_dom.debug.js"></s
cript> | |
| 244 <script type="text/javascript" src="packages/browser/interop.js"></script> | |
| 245 <script type="application/dart" src="todomvc_mainpage_test.html_bootstrap.dart">
</script></body></html> | 240 <script type="application/dart" src="todomvc_mainpage_test.html_bootstrap.dart">
</script></body></html> |
| OLD | NEW |