| <!doctype html> |
| <!-- Copyright (c) 2015 Google Inc. All rights reserved. --> |
| <html> |
| <head> |
| <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes"> |
| <title>google-apis Demo</title> |
| <script src="../../webcomponentsjs/webcomponents-lite.js"></script> |
| <link rel="import" href="../google-apis.html"> |
| </head> |
| <body> |
| <div id="messages"></div> |
| |
| <dom-bind id="bind"> |
| <template id="t" is="dom-bind"> |
| |
| <google-client-loader id="shortener" |
| name="urlshortener" |
| version="v1" |
| on-google-api-load="loadedShortener"></google-client-loader> |
| <google-js-api on-js-api-load="loaded"></google-js-api> |
| <google-plusone-api on-api-load="loaded"></google-plusone-api> |
| <google-realtime-api on-api-load="loaded"></google-realtime-api> |
| <google-maps-api on-api-load="loaded"></google-maps-api> |
| <google-youtube-api on-api-load="loaded"></google-youtube-api> |
| <google-legacy-loader on-api-load="loaded"></google-legacy-loader> |
| |
| </template> |
| </dom-bind> |
| <script> |
| // polymer 1.x compatibility |
| t.loadedShortener = function(event) { |
| var request = event.target.api.url.get({ |
| shortUrl: 'http://goo.gl/fbsS' |
| }) |
| request.execute(function(resp) { |
| console.log(resp); |
| }); |
| } |
| |
| t.loaded = function(e) { |
| document.querySelector('#messages').innerHTML += |
| e.target.localName + ' loaded' + '<br>'; |
| console.log(e.target.localName + ' loaded', event.target.api); |
| } |
| |
| // Polymer 2.0 compatibility |
| bind.loadedShortener = t.loadedShortener; |
| bind.loaded = t.loaded; |
| </script> |
| </body> |
| </html> |