| OLD | NEW | 
 | (Empty) | 
|   1 <!doctype html> |  | 
|   2 <!-- |  | 
|   3    Copyright (c) 2013, the Dart project authors.  Please see the AUTHORS file |  | 
|   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. |  | 
|   6 --> |  | 
|   7 <html> |  | 
|   8  |  | 
|   9   <head> |  | 
|  10     <title>polymer.js interop test</title> |  | 
|  11     <link rel="import" href="packages/polymer/polymer.html"> |  | 
|  12     <script src="packages/unittest/test_controller.js"></script> |  | 
|  13   </head> |  | 
|  14   <body unresolved> |  | 
|  15  |  | 
|  16   <polymer-element name="js-element"> |  | 
|  17     <template>FOOBAR</template> |  | 
|  18     <script> |  | 
|  19     Polymer('js-element', { |  | 
|  20       publish: { |  | 
|  21         baz: {value: 42, reflect: true} |  | 
|  22       }, |  | 
|  23       aJsMethod: function(inc) { |  | 
|  24         this.shadowRoot.textContent = this.baz + inc; |  | 
|  25       }, |  | 
|  26     }); |  | 
|  27     </script> |  | 
|  28   </polymer-element> |  | 
|  29  |  | 
|  30   <polymer-element name="dart-element"> |  | 
|  31     <template> |  | 
|  32       <js-element></js-element> |  | 
|  33     </template> |  | 
|  34   </polymer-element> |  | 
|  35  |  | 
|  36   <dart-element></dart-element> |  | 
|  37   <js-element></js-element> |  | 
|  38  |  | 
|  39   <polymer-element name="js-element2" attributes="qux"> |  | 
|  40     <template>QUX:{{qux.baz}}</template> |  | 
|  41     <script>Polymer('js-element2');</script> |  | 
|  42   </polymer-element> |  | 
|  43  |  | 
|  44  |  | 
|  45   <polymer-element name="dart-element2"> |  | 
|  46     <template> |  | 
|  47      <js-element2 qux="{{quux}}"></js-element2> |  | 
|  48       <!-- TODO(jakemac): remove this once |  | 
|  49           https://github.com/Polymer/ShadowDOM/issues/495 is resolved --> |  | 
|  50       <content hidden></content> |  | 
|  51     </template> |  | 
|  52   </polymer-element> |  | 
|  53  |  | 
|  54   <dart-element2> |  | 
|  55     <js-element baz="123" class="quux"></js-element> |  | 
|  56   </dart-element2> |  | 
|  57  |  | 
|  58  |  | 
|  59   <polymer-element name="js-element3" attributes="qux"> |  | 
|  60     <template>FOOBAR</template> |  | 
|  61     <script>Polymer('js-element3', { |  | 
|  62       quxChanged: function() { |  | 
|  63         this.shadowRoot.textContent = 'js-element3[qux]:' + |  | 
|  64             this.qux.aDartMethod(321); |  | 
|  65       } |  | 
|  66     });</script> |  | 
|  67   </polymer-element> |  | 
|  68  |  | 
|  69   <polymer-element name="dart-element3"> |  | 
|  70     <template> |  | 
|  71       <js-element3 qux="{{quux}}"></js-element3> |  | 
|  72     </template> |  | 
|  73   </polymer-element> |  | 
|  74  |  | 
|  75   <dart-element3></dart-element3> |  | 
|  76  |  | 
|  77  |  | 
|  78   <polymer-element name="js-two-way" attributes="foobar"> |  | 
|  79     <template>FOOBAR:{{foobar}}</template> |  | 
|  80     <script>Polymer('js-two-way', { |  | 
|  81       foobar: 0, |  | 
|  82       aJsMethod: function(inc) { |  | 
|  83         this.foobar = this.foobar + inc; |  | 
|  84       }, |  | 
|  85     });</script> |  | 
|  86   </polymer-element> |  | 
|  87  |  | 
|  88   <polymer-element name="dart-two-way"> |  | 
|  89     <template> |  | 
|  90       <js-two-way foobar="{{twoWay}}"></js-two-way> |  | 
|  91     </template> |  | 
|  92   </polymer-element> |  | 
|  93  |  | 
|  94   <dart-two-way></dart-two-way> |  | 
|  95  |  | 
|  96   <script type="application/dart" src="js_interop_test.dart"></script> |  | 
|  97  |  | 
|  98   </body> |  | 
|  99 </html> |  | 
| OLD | NEW |