@elasticms/admin-menu/index.js

Used to generated admin menu in elasitcms Skeleton

/**
 * Show admin edit button in FE
 */
export default function showAdminMenu (targetAttr = '_blank', innerHTML = 'Back to ems', btnClass = 'btn btn-primary btn-sm emsch') {
  const targets = document.querySelectorAll('[data-ems-key]');
  [].forEach.call(targets, function (target, index) {
    const ouuid = target.getAttribute('data-ems-key')
    const type = target.getAttribute('data-ems-type')
    const url = target.getAttribute('data-ems-url')

    const admBtn = document.createElement('a')
    admBtn.innerHTML = innerHTML
    admBtn.id = 'admin-menu-' + index
    admBtn.setAttribute('class', btnClass)
    admBtn.type = 'button'
    admBtn.href = url + '/data/revisions/' + type + ':' + ouuid
    if (typeof targetAttr === 'string' || targetAttr instanceof String) {
      admBtn.target = targetAttr
    }

    const admWrapper = document.createElement('div')
    admWrapper.setAttribute('class', 'admin-menu-wrapper hide')
    admWrapper.insertAdjacentElement('beforeend', admBtn)

    target.insertAdjacentElement('beforeend', admWrapper)
    target.onmouseover = function () {
      admWrapper.classList.remove('hide')
    }
    target.onmouseout = function () {
      admWrapper.classList.add('hide')
    }
  })
}