Adds <iron-ajax> to load README from GitHub

Author: zenorocha

bower.json

@@ -3,7 +3,8 @@
   "description": "Polymer element that fetches GitHub README",
   "main": "github-readme.html",
   "dependencies": {
-    "polymer": "Polymer/polymer#^1.4.0"
+    "polymer": "Polymer/polymer#^1.4.0",
+    "iron-ajax": "~1.2.0"
   },
   "devDependencies": {
     "iron-component-page": "PolymerElements/iron-component-page#^1.0.0",

demo/index.html

@@ -20,7 +20,7 @@
       <h3>Basic github-readme Demo</h3>
       <demo-snippet>
         <template>
-          <github-readme></github-readme>
+          <github-readme repo="zenorocha/clipboard.js"></github-readme>
         </template>
       </demo-snippet>
     </div>

github-readme.html

@@ -1,13 +1,23 @@
 <link rel="import" href="../polymer/polymer.html">
+<link rel="import" href="../iron-ajax/iron-ajax.html">
 
 <dom-module id="github-readme">
   <template>
+    <iron-ajax
+      auto
+      url="https://api.github.com/repos/[[repo]]/readme"
+      headers='{"Accept": "application/vnd.github.VERSION.html"}'
+      handle-as="text"
+      on-response="handleResponse">
+    </iron-ajax>
+
     <style>
       :host {
         display: block;
       }
     </style>
-    <h2>Hello [[prop1]]</h2>
+
+    <div id="readme"></div>
   </template>
 
   <script>
@@ -16,12 +26,16 @@ <h2>Hello [[prop1]]</h2>
       is: 'github-readme',
 
       properties: {
-        prop1: {
+        repo: {
           type: String,
-          value: 'github-readme',
-        },
+          value: 'customelements/github-readme',
+        }
       },
 
+      handleResponse: function(e) {
+        this.$.readme.innerHTML = e.detail.response;
+      }
+
     });
   </script>
 </dom-module>