Frontend SF

components.login-button.js

import Ember from 'ember';

export default Ember.Component.extend({
  	backendService: Ember.inject.service('backend-service'),
    actions: {
      login() {
        this.get('backendService').login();
      },
      query() {
        this.get('backendService').query();
      }
    }
});

controllers.application.js

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle'
});

services.backend-service.js

import Ember from 'ember';

export default Ember.Service.extend({

	login(){
		loginFn();
  },
	
  
  query(){
  	query();
}
                                   
                                    
});

var session = { "accessToken":"00D36000000pc92%21ARsAQGbYpfkSyvsUZ7kINXH_oZyezU6cJFxF8O3UTOJbOw1.RvQQItxcWJWJHuzMPlonFH3_61L.ueq3P.wagxWu5FByTzqD",
  "instanceUrl":"https://na30.salesforce.com/",
  "userId":"005360000019Dy7AAE",
  "orgId":"00D36000000pc92EAA"
};

var proxyOpen = 'https://node-salesforce-proxy.herokuapp.com/proxy/';
var proxyDev = 'https://saasquatch-core-theme-loganvolkers.c9.io/proxy/';
var proxyHeroky = 'https://salesforce-squatch.herokuapp.com/proxy/';
var redirectHeroku = 'https://salesforce-squatch.herokuapp.com/oauth2/auth';


function query(){
  window.conn = new jsforce.Connection({ accessToken: session.accessToken, 
                                     instanceUrl: session.instanceUrl,
                                     proxyUrl: proxyHeroky});
  conn.query('SELECT Id, Name FROM Account', function(err, res) {
  if (err) { return console.error(err); }
  console.log(res);
});
}

function loginFn(){
       var pw = popupWin(redirectHeroku,912,513);
    
    pw.addEventListener("message", receiveMessage, false);
		var receiveMessage;
    receiveMessage = function(event)
    {
      var origin = event.origin || event.originalEvent.origin;
      if (origin !== "https://saasquatch-core-theme-loganvolkers.c9.io"){
        // return;
      }
      window.removeEventListener(receiveMessage);
      window.alert(event);
    }
}

function popupWin(url, w, h) {
    var left = (screen.width/2)-(w/2);
    var top = (screen.height/2)-(h/2);
    return window.open(url, null, 'location=yes,toolbar=no,status=no,menubar=no,width='+w+',height='+h+',top='+top+',left='+left);
}

templates.application.hbs

<h1>Welcome to {{appName}}</h1>
<br>
{{login-button}}
<br>
{{outlet}}
<br>
<br>

templates.components.login-button.hbs

{{yield}}
<button {{action "login"}}>Login to Salesforce</button>
<button {{action "query"}}>Run Query</button>

twiddle.json

{
  "version": "0.7.2",
  "EmberENV": {
    "FEATURES": {}
  },
  "options": {
    "use_pods": false,
    "enable-testing": false
  },
  "dependencies": {
    "jsforce": "https://cdnjs.cloudflare.com/ajax/libs/jsforce/1.6.0/jsforce.min.js",
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
    "ember": "https://cdnjs.cloudflare.com/ajax/libs/ember.js/2.4.4/ember.debug.js",
    "ember-data": "https://cdnjs.cloudflare.com/ajax/libs/ember-data.js/2.4.3/ember-data.js",
    "ember-template-compiler": "https://cdnjs.cloudflare.com/ajax/libs/ember.js/2.4.4/ember-template-compiler.js"
  }
}