Demo github user:email, MrSwitch#366

Author: MrSwitch

demos/github.html

@@ -11,24 +11,54 @@
 <title>hello( github )</title>
 <h1>hello( github )</h1>
 
-<button id='github' onclick="login('github');">github</button>
-<pre id="result">Signin to get a list of repos</pre>
+<button id='github' onclick="profile('github');">Get Profile</button>
 <script class="pre">
-function login(network){
-
+function profile(network) {
 	var github = hello(network);
-
 	github.login().then(function() {
-
 		// get user profile data
-		github.api('me').then(function(p) {
-			document.getElementById(network).innerHTML = "<img src='"+ p.thumbnail + "' width=24/>Connected to "+ network +" as " + p.name;
-		});
+		return github.api('me');
+	})
+	.then(function(p) {
+		document.getElementById(network).innerHTML = "<img src='"+ p.thumbnail + "' width=24/>Connected to "+ network +" as " + p.name;
+	});
+}
+</script>
+
+<h2>Get user email</h2>
+
+<button onclick="userEmail('github', 'email');">Get email</button>
+
+<pre id="email"></pre>
+<script class="pre">
+function userEmail(network, target) {
+	var github = hello(network)
+	github.login({
+		scope:'email'
+	})
+	.then(function() {
+		// Get a bespoke endpoint from github
+		return github.api('/user/emails');
+	}).then(function(r) {
+		document.getElementById(target).innerHTML = JSON.stringify(r, null, 2);
+	});
+}
+</script>
 
+<h2>List user repos</h2>
+
+<button onclick="userRepos('github', 'repo_list');">Get a list of repos</button>
+
+<pre id="repo_list"></pre>
+<script class="pre">
+function userRepos(network, target) {
+	var github = hello(network)
+	github.login()
+	.then(function() {
 		// Get a bespoke endpoint from github
-		github.api('/user/repos').then(function(r) {
-			document.getElementById('result').innerHTML = JSON.stringify(r,null,2);
-		});
+		return github.api('/user/repos');
+	}).then(function(r) {
+		document.getElementById(target).innerHTML = JSON.stringify(r, null, 2);
 	});
 }
 </script>
@@ -38,6 +68,6 @@ <h1>hello( github )</h1>
 	github : GITHUB_CLIENT_ID
 },{
 	redirect_uri : '../redirect.html',
-	oauth_proxy : OAUTH_PROXY_URL
+//	oauth_proxy : OAUTH_PROXY_URL
 });
-</script>
+</script>