| OLD | NEW |
|---|
| 1 Content-Type: text/plain | 1 Content-Type: text/plain |
| 2 <html><head><style>template { display: none; }</style> | 2 <html><head><style>template { display: none; }</style> |
| 3 <title>Simple Web Components Example</title> | 3 <title>Simple Web Components Example</title> |
| 4 | 4 |
| 5 <script src="../../packages/polymer/testing/testing.js"></script> | 5 <script src="../../packages/polymer/testing/testing.js"></script> |
| 6 <link rel="stylesheet" type="text/css" href="news_index_test.html.css"></head> | 6 </head> |
| 7 <body><polymer-element name="x-news" extends="ul"> | 7 <body><polymer-element name="x-news" extends="ul"> |
| 8 <template> | 8 <template> |
| 9 | 9 |
| 10 <div class="x-news_breaking"> | 10 <style> |
| 11 div.breaking { |
| 12 color: #f00; |
| 13 font-size: 20px; |
| 14 border: 1px dashed #800080; |
| 15 } |
| 16 div.other { |
| 17 padding: 2px 0 0 0; |
| 18 border: 1px solid #0ff; |
| 19 } |
| 20 </style><div class="breaking"> |
| 11 <h2>Breaking Stories</h2> | 21 <h2>Breaking Stories</h2> |
| 12 <ul> | 22 <ul> |
| 13 <content select=".breaking"></content> | 23 <content select=".breaking"></content> |
| 14 </ul> | 24 </ul> |
| 15 </div> | 25 </div> |
| 16 <div class="x-news_other"> | 26 <div class="other"> |
| 17 <h2>Other News</h2> | 27 <h2>Other News</h2> |
| 18 <ul> | 28 <ul> |
| 19 <content></content> | 29 <content></content> |
| 20 </ul> | 30 </ul> |
| 21 </div> | 31 </div> |
| 22 </template> | 32 </template> |
| 33 |
| 23 </polymer-element> | 34 </polymer-element> |
| 24 | 35 |
| 25 <h1>Simple Web Components Example</h1> | 36 <h1>Simple Web Components Example</h1> |
| 26 <ul is="x-news"><shadow-root> | 37 <ul is="x-news"><shadow-root> |
| 27 | 38 |
| 28 <div class="x-news_breaking"> | 39 <style> |
| 40 div.breaking { |
| 41 color: #f00; |
| 42 font-size: 20px; |
| 43 border: 1px dashed #800080; |
| 44 } |
| 45 div.other { |
| 46 padding: 2px 0 0 0; |
| 47 border: 1px solid #0ff; |
| 48 } |
| 49 </style><div class="breaking"> |
| 29 <h2>Breaking Stories</h2> | 50 <h2>Breaking Stories</h2> |
| 30 <ul> | 51 <ul> |
| 31 <content select=".breaking"></content> | 52 <content select=".breaking"></content> |
| 32 </ul> | 53 </ul> |
| 33 </div> | 54 </div> |
| 34 <div class="x-news_other"> | 55 <div class="other"> |
| 35 <h2>Other News</h2> | 56 <h2>Other News</h2> |
| 36 <ul> | 57 <ul> |
| 37 <content></content> | 58 <content></content> |
| 38 </ul> | 59 </ul> |
| 39 </div> | 60 </div> |
| 40 </shadow-root> | 61 </shadow-root> |
| 41 <li><a href="//example.com/stories/1">A story</a></li> | 62 <li><a href="//example.com/stories/1">A story</a></li> |
| 42 <li><a href="//example.com/stories/2">Another story</a></li> | 63 <li><a href="//example.com/stories/2">Another story</a></li> |
| 43 <li class="breaking"><a href="//example.com/stories/3">Also a story</a></li> | 64 <li class="breaking"><a href="//example.com/stories/3">Also a story</a></li> |
| 44 <li><a href="//example.com/stories/4">Yet another story</a></li> | 65 <li><a href="//example.com/stories/4">Yet another story</a></li> |
| 45 <li><a href="//example.com/stories/4">Awesome story</a></li> | 66 <li><a href="//example.com/stories/4">Awesome story</a></li> |
| 46 <li class="breaking"><a href="//example.com/stories/5">Horrible story</a></l
i> | 67 <li class="breaking"><a href="//example.com/stories/5">Horrible story</a></l
i> |
| 47 </ul> | 68 </ul> |
| 48 | 69 |
| 49 | 70 |
| 50 | 71 |
| 51 <script type="text/javascript" src="packages/shadow_dom/shadow_dom.debug.js"></s
cript> | 72 <script type="text/javascript" src="packages/shadow_dom/shadow_dom.debug.js"></s
cript> |
| 52 <script type="application/dart" src="news_index_test.html_bootstrap.dart"></scri
pt></body></html> | 73 <script type="application/dart" src="news_index_test.html_bootstrap.dart"></scri
pt></body></html> |
| OLD | NEW |
|---|
Chromium Code Reviews
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