@decoloop/planner/decoloop-planner-loader.js

The Sieval Dedicated Solutions decoloop planner widget

var _scriptPath = 'https://unpkg.com/@decoloop/planner@1.1.6/';

var buttonLoaders = document.getElementsByName('dlpButtonLoader');

if (!buttonLoaders || !buttonLoaders.length) {
  var buttonLoader = document.getElementById('dlpButtonLoader');
  if (buttonLoader) {
    buttonLoaders = [buttonLoader];
  } else {
    console.error('No button element found with name or id dlpButtonLoader');
  }
}

buttonLoaders.forEach((dlpBl) => {
  var _dlpApiKey = dlpBl.getAttribute('api-key');
  var _dlpEnvironment = dlpBl.getAttribute('environment');
  var _dlpButtonElement = document.createElement('decoloop-planner-button');
  _dlpButtonElement.setAttribute('id', _dlpApiKey);
  _dlpButtonElement.setAttribute('api-key', _dlpApiKey);
  _dlpButtonElement.setAttribute('loader-template', '<p>loading....</p>');
  _dlpButtonElement.setAttribute('environment', _dlpEnvironment);
  _dlpButtonElement.addEventListener('activity', (event) => {
    dlpBl.dispatchEvent(new event.constructor(event.type, event));
  });

  dlpBl.onclick = () => {
    _dlpButtonElement.click();
  };
  document.body.appendChild(_dlpButtonElement);
});

var _styleSheet = document.createElement('link');
_styleSheet.rel = 'stylesheet';
_styleSheet.type = 'text/css';
_styleSheet.href = _scriptPath + 'basic.css';
document.body.appendChild(_styleSheet);

var _planWidgetScript = document.createElement('script');
_planWidgetScript.async = true;
_planWidgetScript.src = _scriptPath + 'decoloop-planner-button.js';
_planWidgetScript.onload = function () {
  var _dlpLoad = new Event('_dlpLoad');
  window.dispatchEvent(_dlpLoad);
};
document.body.appendChild(_planWidgetScript);