@eduzz/apps-toolbar

Eduzz Apps Toolbar

Toolbar cross-application

How to use

In Browser

(function (d, l, c) {
  var s = d.createElement('script');
  s.async = true;
  s.src = l;
  s.onload = c;
  d.body.append(s);
})(document, 'https://unpkg.com/@eduzz/apps-toolbar@^0.1.0/build/widget.js', function () {
  var toolbar = window.EduzzAppsToolbar({
    application: 'nutror',
    accessKey: '123',
    //You can set the user in the initial config
    eduzzUserId: 1,
    eduzzUserEmail: '[e-mail]'
  });

  // Or later
  toolbar.setUser(1, '[e-mail]');
  toolbar.setUser(null); // hide
});

Via npm

import '@eduzz/apps-toolbar';

const toolbar = EduzzAppsToolbar({
  application: 'nutror'
});

toolbar.setUser('accessKey',1, '[e-mail]');
toolbar.setUser(null); // hide

Complete example:

// eduzzToolbar.ts <~ create in your applocation
import { IUser } from 'interfaces/models/user';
import logService from 'services/log';

const promiseToolbar = import('@eduzz/apps-toolbar').then(() => {
  /*global EduzzAppsToolbar*/
  return EduzzAppsToolbar({
    application: 'nutror'
  });
}).catch(err => logService.handleError(err));

export async function setUser(user: IUser) {
  const toolbar = await promiseToolbar;
  if (!toolbar) return;

  toolbar.setUser(user.hash, user.id, user.email);
}

export async function clearUser() {
  const toolbar = await promiseToolbar;
  if (!toolbar) return;

  toolbar.setUser(null);
}