|
10 | 10 | <body> |
11 | 11 | <div id="messages"></div> |
12 | 12 |
|
13 | | - <template id="t" is="dom-bind"> |
| 13 | + <dom-module id="demo-element"> |
| 14 | + <template> |
14 | 15 |
|
15 | | - <google-client-loader id="shortener" |
16 | | - name="urlshortener" |
17 | | - version="v1" |
18 | | - on-google-api-load="loadedShortener"></google-client-loader> |
19 | | - <google-js-api on-js-api-load="loaded"></google-js-api> |
20 | | - <google-plusone-api on-api-load="loaded"></google-plusone-api> |
21 | | - <google-realtime-api on-api-load="loaded"></google-realtime-api> |
22 | | - <google-maps-api on-api-load="loaded"></google-maps-api> |
23 | | - <google-youtube-api on-api-load="loaded"></google-youtube-api> |
24 | | - <google-legacy-loader on-api-load="loaded"></google-legacy-loader> |
| 16 | + <google-client-loader id="shortener" |
| 17 | + name="urlshortener" |
| 18 | + version="v1" |
| 19 | + on-google-api-load="loadedShortener"></google-client-loader> |
| 20 | + <google-js-api on-js-api-load="loaded"></google-js-api> |
| 21 | + <google-plusone-api on-api-load="loaded"></google-plusone-api> |
| 22 | + <google-realtime-api on-api-load="loaded"></google-realtime-api> |
| 23 | + <google-maps-api on-api-load="loaded"></google-maps-api> |
| 24 | + <google-youtube-api on-api-load="loaded"></google-youtube-api> |
| 25 | + <google-legacy-loader on-api-load="loaded"></google-legacy-loader> |
25 | 26 |
|
26 | | - </template> |
| 27 | + </template> |
| 28 | + <script> |
| 29 | + Polymer({ |
| 30 | + is: 'demo-element', |
27 | 31 |
|
28 | | - <script> |
29 | | - var t = document.querySelector('#t'); |
| 32 | + loadedShortener: function(event) { |
| 33 | + var request = event.target.api.url.get({ |
| 34 | + shortUrl: 'http://goo.gl/fbsS' |
| 35 | + }) |
| 36 | + request.execute(function(resp) { |
| 37 | + console.log(resp); |
| 38 | + }); |
| 39 | + }, |
30 | 40 |
|
31 | | - t.loadedShortener = function(event) { |
32 | | - var request = event.target.api.url.get({ |
33 | | - shortUrl: 'http://goo.gl/fbsS' |
| 41 | + loaded: function(e) { |
| 42 | + document.querySelector('#messages').innerHTML += |
| 43 | + e.target.localName + ' loaded' + '<br>'; |
| 44 | + console.log(e.target.localName + ' loaded', event.target.api); |
| 45 | + } |
34 | 46 | }) |
35 | | - request.execute(function(resp) { |
36 | | - console.log(resp); |
37 | | - }); |
38 | | - }; |
| 47 | + </script> |
| 48 | + </dom-module> |
39 | 49 |
|
40 | | - t.loaded = function(e) { |
41 | | - document.querySelector('#messages').innerHTML += |
42 | | - e.target.localName + ' loaded' + '<br>'; |
43 | | - console.log(e.target.localName + ' loaded', event.target.api); |
44 | | - }; |
45 | | - </script> |
| 50 | + <demo-element></demo-element> |
46 | 51 | </body> |
47 | 52 | </html> |
0 commit comments