methods/social/index.js

import config from '../../config';
import Method from '../Method';

const formModel = {
    addFacebookIdentityButton: 'add_fb_identity',
    facebookDisconnectButton: 'fb_disconnect'
};

/**
 * @memberOf Useris
 * @function social
 *
 * @description Validate and expose function for social account
 *
 * It must be used with the **newtonsmartstatussocial** template;
 *
 * @param {Object} options Options object
 * @param {Object} [options.element=false] The div element where the html's tmpl will be injected
 * @param {String} [options.access_token=''] **Optionals** if true,
 * the tmpl calls will be called with the params access_token filled
 * @param {Boolean} [options.doNotLoad=false] **Optionals** if true,
 * this params will tell useris to not load the template (It doesn't make the apicall)
 * @param {object} callbackOnject Object containg all the callbacks
 * @param {function} [callbackObject.onTemplateLoaded='no-default']
 * Callback executed when the template has been loaded.
 * @param {function} [callbackObject.onFacebookRegisterSuccess='no-default']
 * Callback executed when the template has been loaded.
 * @param {function} [callbackObject.onFacebookDisconnect='no-default']
 * Callback executed when the template has been loaded.
 *
 * @example
 *  Useris.social({
 *      element: document.getElementById('elementId'),
 *      access_token: 'abcdefgh1234567890'
 *  }, {
 *      onTemplateLoaded: function(tmplInfo){
 *          console.log('Template loaded', tmplInfo);
 *      },
 *      onFacebookRegisterSuccess: function(){
 *          //facebook login code
 *          facebookLogin();
 *      },
 *      onFacebookDisconnect: function(){
 *          //facebook disconnect code
 *          facebookDisconnect();
 *      }
 *  });
 *
 *  @returns {object}
 *  <pre>
 *      {}
 *  </pre>
 */
export default class Social extends Method {
    init = (options) => {
        this.smartsectionObj = {
            subsection: 'newtonsmartstatussocial',
            loadForm: options.element || false,
            access_token: options.access_token || '',
            doNotLoad: options.doNotLoad || false
        };
        this.initUserView();
    };

    attachEvents = () => {
        let addFacebookIdentityButton = false;
        let facebookDisconnectButton = false;

        if (config.get('identityFbEnabled')) {
            addFacebookIdentityButton = this.UserViewInstance
                .getElement(formModel.addFacebookIdentityButton);
            facebookDisconnectButton = this.UserViewInstance
                .getElement(formModel.facebookDisconnectButton);

            if (addFacebookIdentityButton) {
                this.UserViewInstance.attachEvent(addFacebookIdentityButton, {
                    eventName: 'click',
                    event: (e) => {
                        e.preventDefault();
                        this.callback('onFacebookRegisterSuccess');
                    }
                });
            }

            if (facebookDisconnectButton) {
                this.UserViewInstance.attachEvent(facebookDisconnectButton, {
                    eventName: 'click',
                    event: (e) => {
                        e.preventDefault();
                        this.callback('onFacebookDisconnect');
                    }
                });
            }
        }
    }
}