Wire up signup via Github

app/controllers/signup/eth-account.js

@@ -1,11 +1,16 @@
 import Controller from '@ember/controller';
 import { computed } from '@ember/object';
-import { not } from '@ember/object/computed';
+import { alias, not } from '@ember/object/computed';
 import { isAddress } from 'web3-utils';
+import { inject as service } from '@ember/service';
+import config from 'kredits-web/config/environment';
 
 export default Controller.extend({
 
+  kredits: service(),
+
   ethAddress: null,
+  githubAccessToken: alias('kredits.githubAccessToken'),
 
   isValidEthAccount: computed('ethAddress', function() {
     return isAddress(this.ethAddress);
@@ -15,7 +20,31 @@ export default Controller.extend({
 
   actions: {
 
-    completeSignup() {
+    completeSignup () {
+      const payload = {
+        accessToken: this.githubAccessToken,
+        account: this.ethAddress
+      }
+
+      fetch(config.githubSignupUrl, {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json'
+        },
+        body: JSON.stringify(payload)
+      }).then(response => {
+        return response.json();
+      })
+      .then(data => {
+        console.log('Created contributor:', data);
+
+        this.setProperties({
+          githubAccessToken: null,
+          ethAddress: null
+        });
+
+        // TODO show success message or transition to success page
+      });
     }
 
   }

app/controllers/signup/index.js

@@ -0,0 +1,14 @@
+import Controller from '@ember/controller';
+import config from 'kredits-web/config/environment';
+
+export default Controller.extend({
+
+  actions: {
+
+    connectGithub () {
+      window.location = config.githubConnectUrl;
+    }
+
+  }
+
+});

app/router.js

@@ -27,6 +27,7 @@ Router.map(function() {
     this.route('edit', { path: ':id/edit' });
   });
   this.route('signup', function() {
+    this.route('github');
     this.route('eth-account');
   });
 });

app/routes/signup/eth-account.js

@@ -1,4 +1,17 @@
 import Route from '@ember/routing/route';
+import { inject as service } from '@ember/service';
+import { isEmpty } from '@ember/utils';
 
 export default Route.extend({
+
+  kredits: service(),
+
+  redirect () {
+    this._super(...arguments);
+
+    if (isEmpty(this.kredits.githubAccessToken)) {
+      this.transitionTo('signup.index');
+    }
+  }
+
 });

app/routes/signup/github.js

@@ -0,0 +1,18 @@
+import Route from '@ember/routing/route';
+import { inject as service } from '@ember/service';
+
+export default Route.extend({
+
+  kredits: service(),
+
+  redirect () {
+    this._super(...arguments);
+
+    const accessToken = window.location.hash.match(/access_token=(.+)/)[1];
+    this.kredits.set('githubAccessToken', accessToken);
+
+    this.transitionTo('signup.eth-account');
+  }
+
+});
+

app/services/kredits.js

@@ -24,6 +24,7 @@ export default Service.extend({
   contributors: null,
   contributions: null,
   proposals: null,
+  githubAccessToken: null,
 
   currentUserIsContributor: notEmpty('currentUser'),
   currentUserIsCore: alias('currentUser.isCore'),

app/templates/signup/index.hbs

@@ -8,8 +8,8 @@
   connecting one of the following accounts:
 </p>
 <p class="actions">
-  {{#link-to "signup.eth-account" class="button icon"}}
+  <button {{action "connectGithub"}} class="icon">
     {{icon-account-github-com}}
     Connect GitHub
-  {{/link-to}}
+  </button>
 </p>