| OLD | NEW |
| (Empty) | |
| 1 <!doctype html> |
| 2 <!-- Copyright (c) 2015 Google Inc. All rights reserved. --> |
| 3 <html> |
| 4 <head> |
| 5 <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-
scale=1.0, user-scalable=yes"> |
| 6 <title>google-apis Demo</title> |
| 7 <script src="../../webcomponentsjs/webcomponents-lite.js"></script> |
| 8 <link rel="import" href="../google-apis.html"> |
| 9 </head> |
| 10 <body> |
| 11 <div id="messages"></div> |
| 12 |
| 13 <template id="t" is="dom-bind"> |
| 14 |
| 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> |
| 25 |
| 26 </template> |
| 27 |
| 28 <script> |
| 29 var t = document.querySelector('#t'); |
| 30 |
| 31 t.loadedShortener = function(event) { |
| 32 var request = event.target.api.url.get({ |
| 33 shortUrl: 'http://goo.gl/fbsS' |
| 34 }) |
| 35 request.execute(function(resp) { |
| 36 console.log(resp); |
| 37 }); |
| 38 }; |
| 39 |
| 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> |
| 46 </body> |
| 47 </html> |
| OLD | NEW |