Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(221)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: example/todomvc/test/expected/todomvc_mainpage2_test.html.txt

Issue 20863002: Introduce boot.js: this finally makes it possible to load and run Todomvc (Closed) Base URL: git@github.com:dart-lang/web-ui.git@master
Patch Set: Created 7 years, 4 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « example/todomvc/test/expected/todomvc_listorder_test.html.txt ('k') | example/todomvc/test/expected/todomvc_mainpage_test.html.txt » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 Content-Type: text/plain 1 Content-Type: text/plain
2 <html lang="en"><head><style>template { display: none; }</style> 2 <html lang="en"><head><style>template { display: none; }</style>
3 <!-- 3 <!--
4 This test runs the TodoMVC app and evaluates that it renders correctly if a 4 This test runs the TodoMVC app and evaluates that it renders correctly if a
5 single item is present in the todo list. 5 single item is present in the todo list.
6 --> 6 -->
7 <meta charset="utf-8"> 7 <meta charset="utf-8">
8 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 8 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
9 9
10 <link rel="stylesheet" href="../web/base.css"> 10 <link rel="stylesheet" href="../../../web/base.css">
11 <script src="../../packages/polymer/testing/testing.js"></script> 11 <script src="../../packages/polymer/testing/testing.js"></script>
12 <title>Dart • TodoMVC</title> 12 <title>Dart • TodoMVC</title>
13 <link rel="stylesheet" type="text/css" href="todomvc_mainpage2_test.html.css"><s tyle>template, 13 <style>template,
14 thead[template], 14 thead[template],
15 tbody[template], 15 tbody[template],
16 tfoot[template], 16 tfoot[template],
17 th[template], 17 th[template],
18 tr[template], 18 tr[template],
19 td[template], 19 td[template],
20 caption[template], 20 caption[template],
21 colgroup[template], 21 colgroup[template],
22 col[template], 22 col[template],
23 option[template] { 23 option[template] {
24 display: none; 24 display: none;
25 }</style></head><body><polymer-element name="todo-row" extends="li" attributes=" todo"> 25 }</style></head><body><polymer-element name="todo-row" extends="li" attributes=" todo">
26 <template> 26 <template>
27 27
28 <div class="todo-row_todo-item"> 28 <style>
29 <input class="todo-row_toggle" type="checkbox" checked="{{todo.done}}"> 29 .todo-item {
30 position: relative;
31 font-size: 24px;
32 border-bottom: 1px dotted #ccc;
33 }
34 .todo-item.editing {
35 border-bottom: none;
36 padding: 0;
37 }
38 .todo-item.completed [is=editable-label] {
39 color: #a9a9a9;
40 text-decoration: line-through;
41 }
42 .todo-item .toggle {
43 text-align: center;
44 width: 40px;
45 height: auto;
46 position: absolute;
47 top: 0;
48 bottom: 0;
49 margin: auto 0;
50 border: none;
51 -webkit-appearance: none;
52 -ms-appearance: none;
53 -o-appearance: none;
54 appearance: none;
55 }
56 .todo-item .toggle:after {
57 content: "✔";
58 line-height: 43px;
59 font-size: 20px;
60 color: #d9d9d9;
61 text-shadow: 0 -1px 0 #bfbfbf;
62 }
63 .todo-item .toggle:checked:after {
64 color: #85ada7;
65 text-shadow: 0 1px 0 #669991;
66 bottom: 1px;
67 position: relative;
68 }
69 .todo-item .destroy {
70 display: none;
71 position: absolute;
72 top: 0;
73 right: 10px;
74 bottom: 0;
75 width: 40px;
76 height: 40px;
77 margin: auto 0;
78 font-size: 22px;
79 color: #a88a8a;
80 -webkit-transition: all 0.2s;
81 -moz-transition: all 0.2s;
82 -ms-transition: all 0.2s;
83 -o-transition: all 0.2s;
84 transition: all 0.2s;
85 }
86 .todo-item .destroy:hover {
87 text-shadow: 0 0 1px #000, 0 0 10px rgba(199, 107, 107, 0.8);
88 -webkit-transform: scale(1.3);
89 -moz-transform: scale(1.3);
90 -ms-transform: scale(1.3);
91 -o-transform: scale(1.3);
92 transform: scale(1.3);
93 }
94 .todo-item .destroy:after {
95 content: "✖";
96 }
97 .todo-item:hover .destroy {
98 display: block;
99 }
100 .todo-item.editing .destroy, .todo-item.editing .toggle {
101 display: none;
102 }
103 .todo-item.editing:last-child {
104 margin-bottom: -1px;
105 } @media screen AND (-webkit-min-device-pixel-ratio:0) {
106 .todo-item .toggle {
107 background: none;
108 }
109 #todo-item .toggle {
110 height: 40px;
111 }
112 }
113 </style><div class="todo-item">
114 <input class="toggle" type="checkbox" checked="{{todo.done}}">
30 <div is="editable-label" id="label" value="{{todo.task}}"></div> 115 <div is="editable-label" id="label" value="{{todo.task}}"></div>
31 <button class="todo-row_destroy" on-click="removeTodo"></button> 116 <button class="destroy" on-click="removeTodo"></button>
32 </div> 117 </div>
33 </template> 118 </template>
34 119
35 </polymer-element> 120 </polymer-element>
36 <polymer-element name="todo-app"> 121 <polymer-element name="todo-app">
37 <template> 122 <template>
38 <section id="todoapp"> 123 <section id="todoapp">
39 <header id="header"> 124 <header id="header">
40 <h1 class="title">todos</h1> 125 <h1 class="title">todos</h1>
41 <form on-submit="addTodo"> 126 <form on-submit="addTodo">
(...skipping 67 matching lines...) Expand 10 before | Expand all | Expand 10 after
109 </header> 194 </header>
110 <section id="main"> 195 <section id="main">
111 <input id="toggle-all" type="checkbox"> 196 <input id="toggle-all" type="checkbox">
112 <label for="toggle-all"></label> 197 <label for="toggle-all"></label>
113 <ul id="todo-list"> 198 <ul id="todo-list">
114 <template repeat="{{app.visibleTodos}}"> 199 <template repeat="{{app.visibleTodos}}">
115 <li is="todo-row" todo="{{}}"></li> 200 <li is="todo-row" todo="{{}}"></li>
116 </template> 201 </template>
117 <li is="todo-row" todo="{{}}"><shadow-root> 202 <li is="todo-row" todo="{{}}"><shadow-root>
118 203
119 <div class="todo-row_todo-item"> 204 <style>
120 <input class="todo-row_toggle" type="checkbox"> 205 .todo-item {
206 position: relative;
207 font-size: 24px;
208 border-bottom: 1px dotted #ccc;
209 }
210 .todo-item.editing {
211 border-bottom: none;
212 padding: 0;
213 }
214 .todo-item.completed [is=editable-label] {
215 color: #a9a9a9;
216 text-decoration: line-through;
217 }
218 .todo-item .toggle {
219 text-align: center;
220 width: 40px;
221 height: auto;
222 position: absolute;
223 top: 0;
224 bottom: 0;
225 margin: auto 0;
226 border: none;
227 -webkit-appearance: none;
228 -ms-appearance: none;
229 -o-appearance: none;
230 appearance: none;
231 }
232 .todo-item .toggle:after {
233 content: "✔";
234 line-height: 43px;
235 font-size: 20px;
236 color: #d9d9d9;
237 text-shadow: 0 -1px 0 #bfbfbf;
238 }
239 .todo-item .toggle:checked:after {
240 color: #85ada7;
241 text-shadow: 0 1px 0 #669991;
242 bottom: 1px;
243 position: relative;
244 }
245 .todo-item .destroy {
246 display: none;
247 position: absolute;
248 top: 0;
249 right: 10px;
250 bottom: 0;
251 width: 40px;
252 height: 40px;
253 margin: auto 0;
254 font-size: 22px;
255 color: #a88a8a;
256 -webkit-transition: all 0.2s;
257 -moz-transition: all 0.2s;
258 -ms-transition: all 0.2s;
259 -o-transition: all 0.2s;
260 transition: all 0.2s;
261 }
262 .todo-item .destroy:hover {
263 text-shadow: 0 0 1px #000, 0 0 10px rgba(199, 107, 107, 0.8);
264 -webkit-transform: scale(1.3);
265 -moz-transform: scale(1.3);
266 -ms-transform: scale(1.3);
267 -o-transform: scale(1.3);
268 transform: scale(1.3);
269 }
270 .todo-item .destroy:after {
271 content: "✖";
272 }
273 .todo-item:hover .destroy {
274 display: block;
275 }
276 .todo-item.editing .destroy, .todo-item.editing .toggle {
277 display: none;
278 }
279 .todo-item.editing:last-child {
280 margin-bottom: -1px;
281 } @media screen AND (-webkit-min-device-pixel-ratio:0) {
282 .todo-item .toggle {
283 background: none;
284 }
285 #todo-item .toggle {
286 height: 40px;
287 }
288 }
289 </style><div class="todo-item">
290 <input class="toggle" type="checkbox">
121 <div is="editable-label" id="label" value="{{todo.task}}"><shadow-root> 291 <div is="editable-label" id="label" value="{{todo.task}}"><shadow-root>
122 <template bind="" if="{{notEditing}}"> 292 <template bind="" if="{{notEditing}}">
123 <label class="edit-label" on-double-click="edit">{{value}}</label> 293 <label class="edit-label" on-double-click="edit">{{value}}</label>
124 </template> 294 </template>
125 <label class="edit-label" on-double-click="edit">hola</label> 295 <label class="edit-label" on-double-click="edit">hola</label>
126 296
127 <template bind="" if="{{editing}}"> 297 <template bind="" if="{{editing}}">
128 <form on-submit="update"> 298 <form on-submit="update">
129 <input id="edit" class="edit editing" on-blur="update" on-key-up="maybeC ancel"> 299 <input id="edit" class="edit editing" on-blur="update" on-key-up="maybeC ancel">
130 </form> 300 </form>
131 </template> 301 </template>
132 </shadow-root></div> 302 </shadow-root></div>
133 <button class="todo-row_destroy" on-click="removeTodo"></button> 303 <button class="destroy" on-click="removeTodo"></button>
134 </div> 304 </div>
135 </shadow-root></li> 305 </shadow-root></li>
136 306
137 </ul> 307 </ul>
138 </section> 308 </section>
139 <template bind="" if="{{app.hasTodos}}"> 309 <template bind="" if="{{app.hasTodos}}">
140 <footer id="footer"> 310 <footer id="footer">
141 <span id="todo-count"><strong>{{app.remaining}}</strong></span> 311 <span id="todo-count"><strong>{{app.remaining}}</strong></span>
142 <ul is="router-options" id="filters"> 312 <ul is="router-options" id="filters">
143 <li> <a href="#/">All</a> </li> 313 <li> <a href="#/">All</a> </li>
(...skipping 28 matching lines...) Expand all
172 <a href="https://github.com/dart-lang/web-ui/tree/master/example/todomvc"> view the source</a>. 342 <a href="https://github.com/dart-lang/web-ui/tree/master/example/todomvc"> view the source</a>.
173 </p> 343 </p>
174 <p>Part of <a href="http://todomvc.com">TodoMVC</a>.</p> 344 <p>Part of <a href="http://todomvc.com">TodoMVC</a>.</p>
175 </footer> 345 </footer>
176 </shadow-root></span> 346 </shadow-root></span>
177 347
178 348
179 349
180 <script type="text/javascript" src="packages/shadow_dom/shadow_dom.debug.js"></s cript> 350 <script type="text/javascript" src="packages/shadow_dom/shadow_dom.debug.js"></s cript>
181 <script type="application/dart" src="todomvc_mainpage2_test.html_bootstrap.dart" ></script></body></html> 351 <script type="application/dart" src="todomvc_mainpage2_test.html_bootstrap.dart" ></script></body></html>
OLDNEW
« no previous file with comments | « example/todomvc/test/expected/todomvc_listorder_test.html.txt ('k') | example/todomvc/test/expected/todomvc_mainpage_test.html.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698