Ember-lenddo

This addon allows you to add the lenddo button as a component for your ember-cli application. This addon implements a simple wrapper around the create button code script found Here:

Installation

• git clone this repository
• npm install
• bower install

Add the following config to your environment.js files:

/* environment.js*/
ENV['lenddo'] = {
  partnerScriptId: '<The partnerScriptId that you get from the partners dashboard>',
};

If you are using ember-cli-content-security-policy, be sure to add the necessary domains as well, see below for an example:

ENV['contentSecurityPolicy'] = {
...
  'script-src':  "'self' 'unsafe-inline' 'unsafe-eval' authorize.partner-service.link partnerevents.lenddo.com",
  'connect-src': "'self' partnerevents.lenddo.com authorize.partner-service.link",
  'img-src':     "'self' data: authorize.partner-service.link",
  'style-src':   "'self' authorize.partner-service.link",
  };

Usage

Inside a handlebars template, simply include the lenddo-button component:

{{ lenddo-button cientId=clientId verificationFields=verificationFields }}

There are various options that you can pass:

Option	Default	Description
tooltip		Text displayed when hovering over the button.
name	blue_get_verified	Type of Lenddo button to be used. Possible options are: fb_button, blue_button, blue_get_verified, blue_green_button.
fb_redirect	false	etermines button behavior when clicked. Set to true to proceed directly to the Facebook login page; false to redirect to the Authorize landing page. Default is false.
text	Verify with Verifi.Me	Caption shown in the button.
mode	popup	Form submission behavior. Determines whether the Authorize process opens in a popup window (default) or redirects from the same page.

Note: Refer to the Lenddo documentation for more details on how the various values work as this is beyond the scope of this document.

The verificationFields should look something like:

verificationFields: {
  firstName: null,
  middleName: null,
  lastName: null,
  birthDate: null,
  email: null,
  employer: null,
  mobileNumber: null,
  university: null,
},

refer to https://partners.lenddo.com/create_button_code for details.

Actions

You can hook onto the onClick action if you want to be notified if the Lenddo button was clicked.

{{ lenddo-button cientId=clientId verificationFields=verificationFields onClick="someActionThatNeedsToBeCalled"}}

Running Tests

• npm test (Runs ember try:testall to test your addon against multiple Ember versions)
• ember test
• ember test --server

Building

• ember build

For more information on using ember-cli, visit http://www.ember-cli.com/.