OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <!-- | 2 <!-- |
3 Copyright (c) 2012, the Dart project authors. Please see the AUTHORS file | 3 Copyright (c) 2012, the Dart project authors. Please see the AUTHORS file |
4 for details. All rights reserved. Use of this source code is governed by a | 4 for details. All rights reserved. Use of this source code is governed by a |
5 BSD-style license that can be found in the LICENSE file. | 5 BSD-style license that can be found in the LICENSE file. |
6 --> | 6 --> |
7 <html lang="en"> | 7 <html lang="en"> |
8 <head> | 8 <head> |
9 <!-- | 9 <!-- |
10 This test runs the TodoMVC app, adds a few elements, marks some as done, and | 10 This test runs the TodoMVC app, adds a few elements, marks some as done, and |
11 switches from back and forth between "Active" and "All". This will make some | 11 switches from back and forth between "Active" and "All". This will make some |
12 nodes to be hidden and readded to the page. | 12 nodes to be hidden and readded to the page. |
13 | 13 |
14 This is a regression test for a bug in dwc that made the nodes appear in the | 14 This is a regression test for a bug in dwc that made the nodes appear in the |
15 wrong order when using lists and ifs together. | 15 wrong order when using lists and ifs together. |
16 --> | 16 --> |
17 <meta charset="utf-8"> | 17 <meta charset="utf-8"> |
18 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | 18 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
19 <link rel="components" href="example/todomvc/footer.html"> | 19 <link rel="components" href="example/todomvc/footer.html"> |
20 <link rel="components" href="example/todomvc/newform.html"> | 20 <link rel="components" href="example/todomvc/newform.html"> |
21 <link rel="components" href="example/todomvc/toggleall.html"> | 21 <link rel="components" href="example/todomvc/toggleall.html"> |
22 <link rel="components" href="example/todomvc/item.html"> | 22 <link rel="components" href="example/todomvc/item.html"> |
23 <link rel="stylesheet" href="example/todomvc/base.css"> | 23 <link rel="stylesheet" href="example/todomvc/base.css"> |
24 <script type="application/javascript" src="testing.js"></script> | 24 <script type="application/javascript" src="testing.js"></script> |
25 <title>dart - TodoMVC</title> | 25 <title>dart - TodoMVC</title> |
26 </head> | 26 </head> |
27 <body> | 27 <body> |
28 <section id="todoapp"> | 28 <section id="todoapp"> |
29 <header id="header"> | 29 <header id="header"> |
30 <h1 class='title'>todos</h1> | 30 <h1 class='title'>todos</h1> |
31 <x-todo-form></x-todo-form> | 31 <x-todo-form></x-todo-form> |
32 </header> | 32 </header> |
33 <section id="main"> | 33 <section id="main"> |
34 <x-toggle-all></x-toggle-all> | 34 <x-toggle-all></x-toggle-all> |
35 <ul id="todo-list"> | 35 <ul id="todo-list"> |
36 <template iterate="x in app.todos"> | 36 <template iterate="x in app.todos"> |
37 <template if="viewModel.isVisible(x)"> | 37 <template if="viewModel.isVisible(x)"> |
38 <x-todo-row data-value="todo:x"></x-todo-row> | 38 <x-todo-row todo="{{x}}"></x-todo-row> |
39 </template> | 39 </template> |
40 </template> | 40 </template> |
41 </ul> | 41 </ul> |
42 </section> | 42 </section> |
43 <template if="viewModel.hasElements"> | 43 <template if="viewModel.hasElements"> |
44 <x-todo-footer id="footer"></x-todo-footer> | 44 <x-todo-footer id="footer"></x-todo-footer> |
45 </template> | 45 </template> |
46 </section> | 46 </section> |
47 <footer id="info"> | 47 <footer id="info"> |
48 <p>Double-click to edit a todo.</p> | 48 <p>Double-click to edit a todo.</p> |
(...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
81 dispatch(); | 81 dispatch(); |
82 window.setTimeout(() => window.postMessage('done', '*'), 0); | 82 window.setTimeout(() => window.postMessage('done', '*'), 0); |
83 }, 0); | 83 }, 0); |
84 }, 0); | 84 }, 0); |
85 }, 0); | 85 }, 0); |
86 | 86 |
87 } | 87 } |
88 </script> | 88 </script> |
89 </body> | 89 </body> |
90 </html> | 90 </html> |
OLD | NEW |