Index: polymer_1.0.4/bower_components/google-url-shortener/demo/index.html |
diff --git a/polymer_1.0.4/bower_components/google-url-shortener/demo/index.html b/polymer_1.0.4/bower_components/google-url-shortener/demo/index.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..46e00afc8e0203c8bb45de40d32d0056689633d1 |
--- /dev/null |
+++ b/polymer_1.0.4/bower_components/google-url-shortener/demo/index.html |
@@ -0,0 +1,44 @@ |
+<!doctype html> |
+<!-- Copyright (c) 2014 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-url-shortener Demo</title> |
+ |
+ <link rel="import" href="../google-url-shortener.html"> |
+ |
+</head> |
+<body> |
+ <p>A `google-url-shortener` allows you to build this:</p> |
+ <template is="dom-bind"> |
+ <google-url-shortener id="shortener" |
+ long-url="{{longUrl}}" |
+ short-url="{{shortUrl}}" |
+ error="{{urlError}}" |
+ auto> |
+ </google-url-shortener> |
+ <form on-submit="shorten"> |
+ <p> |
+ <input type="url" id="longUrl" |
+ placeholder="Input URL here:" |
+ value="http://www.google.com/" |
+ size="50"> |
+ <input type="submit" value="submit"> |
+ </p> |
+ <p> |
+ <strong>Short URL</strong>: |
+ <a href="{{shortUrl}}" target="_blank">{{shortUrl}}</a> |
+ </p> |
+ <p> |
+ <p><strong>Error: </strong><span style="color:red">{{urlError}}</span></p> |
+ </p> |
+ </form> |
+ </template> |
+ <script> |
+ document.querySelector('template').shorten = function(e) { |
+ e.preventDefault(); |
+ this.longUrl = this.$.longUrl.value; |
+ }; |
+ </script> |
+</body> |
+</html> |